.nimix-page{--font-sans:var(--sans,Arial, Helvetica, sans-serif);--font-mono:var(--mono,"Fira Code", ui-monospace, Consolas, monospace);--tx-muted:var(--ink-dim,#6b7686);--tx-faint:var(--ink-faint,#8a97aa);--bd-strong:#d5dde6;--c-error:#e31b2f;--c-error-line:#aa0b00;--c-success-line:#068e2d;--selected:#e8f0fa;--nimix-canvas:#eef1f5;--nimix-shadow:0 1px 3px #1428460f;--nimix-ink:#2f2f2f;--tx:#2f2f2f;max-width:1180px;min-height:100%;font-family:var(--font-sans);color:var(--nimix-ink);background:var(--nimix-canvas);margin:0 auto;padding:22px 26px 60px}.nimix-page p,.nimix-page figure,.nimix-page menu,.nimix-page ul,.nimix-page small{margin:0}.nimix-page menu,.nimix-page ul{padding:0;list-style:none}.nimix-page fieldset,.nimix-page fieldset input,.nimix-page fieldset textarea,.nimix-page fieldset select{color:var(--nimix-ink);caret-color:var(--nimix-ink)}.nimix-page fieldset input,.nimix-page fieldset textarea{-webkit-text-fill-color:var(--nimix-ink)}.nimix-page fieldset input::placeholder,.nimix-page fieldset textarea::placeholder{color:var(--tx-faint);-webkit-text-fill-color:var(--tx-faint);opacity:1}.nimix-page fieldset input:-webkit-autofill{-webkit-text-fill-color:var(--nimix-ink);caret-color:var(--nimix-ink)}.nimix-page fieldset input:-webkit-autofill:hover{-webkit-text-fill-color:var(--nimix-ink);caret-color:var(--nimix-ink)}.nimix-page fieldset input:-webkit-autofill:focus{-webkit-text-fill-color:var(--nimix-ink);caret-color:var(--nimix-ink)}.nimix-page fieldset input:-webkit-autofill:active{-webkit-text-fill-color:var(--nimix-ink);caret-color:var(--nimix-ink)}.nimix-page button,.nimix-copy-as button,.nimix-page button:hover,.nimix-copy-as button:hover,.nimix-page button:focus,.nimix-copy-as button:focus,.nimix-page button:active,.nimix-copy-as button:active{box-shadow:none!important}:is(.nifi-layout:has(.nimix-page),.product-site:has(.nimix-page)){background:#eef1f5}.nimix-panel{border:1px solid var(--bd);box-shadow:var(--nimix-shadow);background:#fff;border-radius:14px;margin-bottom:24px;padding:20px 22px}.nimix-section-head{align-items:center;gap:10px;margin:0 2px 14px;display:flex}.nimix-section-head .material-icons{color:var(--primary);font-size:20px}.nimix-section-head>b{color:var(--nimix-ink);flex:none;font-size:15px}.nimix-section-head.is-upper>b{text-transform:uppercase}.nimix-section-head p{color:var(--tx-muted);font-size:12px;font-weight:400}.nimix-section-head-extra{flex:none;margin-left:auto}.nimix-section-head-extra fieldset,fieldset.nimix-saved-search{background:#fff;border:1px solid #c5ced8;margin:-10px 0 0;box-shadow:0 1px 4px #1428461f}fieldset.nimix-saved-search input{color:#2f2f2f;-webkit-text-fill-color:#2f2f2f}fieldset.nimix-saved-search input::placeholder{color:#8a97aa;-webkit-text-fill-color:#8a97aa;opacity:1}.nimix-custom-head{margin-bottom:16px}.nimix-custom-head>div>b{font-size:15px}.nimix-custom-head>div>p{color:var(--tx-muted);font-size:12px;font-weight:400}.nimix-color-fields>div:last-child{flex-direction:column;gap:2px;display:flex}.nimix-color-fields>.flex>b{color:var(--tx-muted);font-size:12px;font-weight:600}.nimix-color-fields>div:last-child>.flex{flex-wrap:nowrap}.nimix-color-fields>div:last-child>.flex>b{width:32px;font-size:11px}.nimix-color-fields fieldset{margin:0}.ico-btn{cursor:pointer;width:30px;height:30px;color:var(--tx-muted);background:0 0;border:none;border-radius:8px;place-items:center;transition:all .15s;display:grid}.ico-btn:hover{background:#0000001a}.ico-btn.is-bordered{border:1px solid var(--bd-strong)}.ico-btn.is-danger .material-icons{color:var(--c-error)}.ico-btn .material-icons{pointer-events:none;color:var(--tx-muted);font-size:16px}.nimix-color-fields .ico-btn{flex-shrink:0;width:26px;height:26px}.nimix-color-fields .ico-btn .material-icons{font-size:15px}.nimix-color{cursor:pointer;appearance:none;background:0 0;border:none;border-radius:10px;width:46px;height:46px;padding:0}.nimix-color-sm{border-radius:8px;width:44px;height:32px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:8px}input[type=color]::-moz-color-swatch{border:none;border-radius:8px}.nimix-shade-grid{grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;display:grid}.nimix-hue-row{align-items:stretch;gap:12px;padding:7px 0;display:flex}.nimix-hue-row>b{text-transform:capitalize;flex:none;align-items:center;width:88px;font-size:13px;display:flex}.nimix-hue-row .nimix-shade-grid{flex:1;min-width:0}.nimix-shade{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:space-between;min-width:0;min-height:40px;padding:9px 7px;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.nimix-shade.is-pale{border-color:var(--bd)}.nimix-shade:hover{z-index:2;transform:translateY(-2px);box-shadow:0 6px 16px #1428462e}.nimix-shade>b{opacity:.92;font-size:11px}.nimix-shade>p{font-family:var(--font-mono);opacity:.82;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:400;overflow:hidden}.nimix-hue-row .nimix-shade>b{opacity:.9;font-size:10.5px}.nimix-hue-row .nimix-shade>p{opacity:.8;font-size:9px}.nimix-shade>[data-act=fav]{cursor:pointer;opacity:0;place-items:center;width:20px;height:20px;transition:opacity .15s;display:grid;position:absolute;top:5px;right:5px}.nimix-hue-row .nimix-shade>[data-act=fav]{width:18px;height:18px;top:3px;right:3px}.nimix-shade:hover>[data-act=fav],.nimix-shade>[data-act=fav][aria-pressed=true]{opacity:1}.nimix-shade>[data-act=fav] .material-icons{pointer-events:none;opacity:.35;font-size:13px}.sw-pop{background:inherit;width:300px;height:220px;color:inherit;opacity:0;pointer-events:none;z-index:40;text-align:right;border:1px solid #0000001a;border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:4px;padding:16px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%);box-shadow:0 18px 44px #14284657}.nimix-shade:hover .sw-pop{opacity:1;transform:translate(-50%,-50%)}.sw-pop b{font-size:22px;font-weight:800}.sw-pop p{font-family:var(--font-mono);opacity:1;font-size:14px;font-weight:700}.nimix-gen{flex-direction:column;gap:12px;display:flex}.nimix-gen>p{color:var(--tx-faint);font-size:11px;font-weight:400}.nimix-seed{cursor:pointer;color:var(--tx-muted);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.nimix-seed input{width:15px;height:15px;accent-color:var(--primary);cursor:pointer}.gen-wrap{border:1px solid var(--bd);border-radius:14px;height:360px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #1428461a}.gen-wrap>div{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:12px;min-width:0;padding-bottom:26px;transition:flex-grow .38s cubic-bezier(.4,0,.2,1),background .25s;display:flex;position:relative}.gen-wrap:hover>div{flex-grow:.65}.gen-wrap>div:hover{flex-grow:2.6}.gen-wrap>div.is-locked{box-shadow:inset 0 0 0 3px #ffffff8c}.gen-wrap>div>p{font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;font-size:16px;font-weight:700}.gen-wrap .ico-btn .material-icons{color:inherit;font-size:19px}.gen-wrap>.gen-copy-all{z-index:2;background:#ffffffe6;padding:0;position:absolute;top:10px;right:10px;box-shadow:0 1px 6px #14284633}.gen-wrap>.ico-btn.gen-copy-all .material-icons{color:#2f2f2f;font-size:16px}.gen-wrap>.gen-copy-all:hover{background:#fff}.nimix-contrast{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.nimix-contrast>header{flex:1 0 100%;margin:0}.nimix-contrast>figure{border:1px solid var(--bd);border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;min-width:160px;padding:22px 26px;display:flex}.nimix-contrast>figure b{font-size:26px}.nimix-contrast>figure p{font-weight:400}.nimix-contrast>div{grid-template-columns:auto auto;gap:12px 8px;min-width:300px;display:grid}.nimix-contrast>div>label{grid-column:1/-1;align-items:center;gap:10px;display:flex}.nimix-contrast>div>label>b{width:78px;color:var(--tx-muted);font-size:12px;font-weight:600}.nimix-contrast>div>label>button{min-width:120px}.nimix-contrast>strong{letter-spacing:-1px;flex-direction:column;align-items:center;gap:4px;padding:0 8px;font-size:38px;font-weight:800;line-height:1;display:flex}.nimix-contrast>strong>small{text-transform:uppercase;letter-spacing:.5px;color:var(--tx-muted);font-size:11px;font-weight:400}.nimix-contrast>ul{grid-template-columns:repeat(2,1fr);gap:8px;min-width:220px;display:grid}.nimix-contrast>ul>li{border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.nimix-contrast .is-pass{color:var(--c-success-line);background:#28a7450f;border:1px solid #28a74540}.nimix-contrast .is-fail{color:var(--c-error-line);background:#e31b2f0d;border:1px solid #e31b2f30}.nimix-contrast>ul .material-icons{font-size:16px}.nimix-presets{margin-top:26px}.nimix-mini-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.nimix-mini-grid.is-scroll{max-height:420px;padding-right:4px;overflow:auto}.nimix-mini-card{border:1px solid var(--bd);box-shadow:var(--nimix-shadow);background:#fff;border-radius:12px;overflow:hidden}.nimix-mini-card>div:first-child{height:64px;display:flex}.nimix-mini-card>div:first-child>div{cursor:pointer;flex:1 1 0;min-width:0;transition:flex-grow .38s cubic-bezier(.4,0,.2,1)}.nimix-mini-card>div:first-child:hover>div{flex-grow:.5}.nimix-mini-card>div:first-child>div:hover{flex-grow:2.5}.nimix-mini-card>div:nth-child(2){border-top:1px solid var(--bd);grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.nimix-mini-card>div:nth-child(2) p{font-family:var(--font-mono);color:var(--tx-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:7px 3px;font-size:9.5px;font-weight:700;overflow:hidden}.nimix-mini-card>footer{align-items:center;gap:2px;padding:4px 12px;display:flex}.nimix-mini-card>footer>b{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--nimix-ink);flex:1;font-size:12px;font-weight:400;overflow:hidden}.nimix-mini-card>footer>b.is-name{cursor:pointer}.nimix-mini-card>footer fieldset{flex:1;min-width:0;margin:0}.nimix-mini-card>footer .material-icons{color:var(--tx-muted)}.nimix-mini-card>footer .ico-btn .material-icons{font-size:18px}.nimix-mini-card>footer .ico-btn.is-apply .material-icons{color:var(--primary)}.nimix-load-more{flex-direction:column;align-items:center;gap:5px;margin-top:18px;display:flex}.nimix-load-more p{color:var(--tx-faint);font-size:11px;font-weight:400}.nimix-copied-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.nimix-copied-grid>div{cursor:pointer;border:1px solid var(--bd);background:#fff;border-radius:9px;align-items:center;gap:4px;min-width:0;padding:4px 4px 4px 6px;display:flex}.nimix-copied-grid>div.is-kept{background:var(--selected,#e8f0fa)}.nimix-copied-grid>div>i{pointer-events:none;cursor:default;border:1px solid #0000001a;border-radius:5px;flex:none;width:20px;height:20px}.nimix-copied-grid>div>p{min-width:7ch;font-family:var(--font-mono);white-space:nowrap;pointer-events:none;flex:1;font-size:11px;font-weight:700}.nimix-copied-grid>div .ico-btn{flex-shrink:0;width:22px;height:22px}.nimix-copied-grid>div .ico-btn .material-icons{opacity:.45;font-size:15px}.nimix-copied-grid>div.is-kept .ico-btn:not(.is-fav):not(.is-apply) .material-icons{opacity:1;color:var(--primary)}.nimix-copied-grid>div .ico-btn.is-fav .material-icons{color:#e11d48;opacity:1}.nimix-copied-grid>div .ico-btn.is-apply .material-icons{color:var(--primary);opacity:.75}.nimix-empty-box{border:1px dashed var(--bd-strong);text-align:center;color:var(--tx-faint);border-radius:12px;padding:28px;font-size:13px;font-weight:400}.nimix-example-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;display:grid}.nimix-example{border:1px solid var(--bd);box-shadow:var(--nimix-shadow);border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.nimix-example>header,.nimix-example>header nav{justify-content:space-between;align-items:center;display:flex}.nimix-example>header nav{gap:10px}.nimix-example>header>b{letter-spacing:-.2px;font-size:15px;font-weight:800}.nimix-example>header i{opacity:.6;background:var(--ex-m);cursor:default;pointer-events:none;border-radius:50%;width:7px;height:7px;display:inline-block}.nimix-example>header nav>span{background:var(--ex-a);color:var(--ex-at);border-radius:20px;padding:6px 12px;font-size:11px;font-weight:700}.nimix-example>section{flex-direction:column;gap:8px;display:flex}.nimix-example>section p{color:var(--ex-m)}.nimix-example>section p:first-child{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.nimix-example>section b{letter-spacing:-.5px;font-size:24px;font-weight:800;line-height:1.12}.nimix-example>section p:last-child{font-size:12.5px;font-weight:400;line-height:1.5}.nimix-example>menu{align-items:center;gap:9px;max-width:none;height:auto;max-height:none;display:flex;overflow:visible}.nimix-example>menu span{border-radius:9px;flex:none;width:max-content;padding:9px 16px;font-size:12.5px;font-weight:700}.nimix-example>menu span:first-child{background:var(--ex-a);color:var(--ex-at)}.nimix-example>menu span:last-child{border:1px solid var(--ex-m);color:inherit;background:0 0}.nimix-example>ul{gap:9px;display:flex}.nimix-example>ul>li{background:var(--ex-s);border:1px solid #0000000d;border-radius:11px;flex-direction:column;flex:1;gap:3px;padding:11px 12px;display:flex}.nimix-example>ul b{color:var(--ex-a);font-size:18px;font-weight:800}.nimix-example>ul p{text-transform:uppercase;letter-spacing:.4px;color:var(--ex-m);font-size:10.5px;font-weight:600}.nimix-example>div{border:1px solid #0000000f;border-radius:10px;display:flex;overflow:hidden}.nimix-example>div>div{cursor:pointer;flex:1;height:34px}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.nimix-toast{color:#fff;z-index:50;background:#1f2d3d;border-radius:10px;align-items:center;gap:9px;padding:11px 18px;font-size:13px;font-weight:600;animation:.22s both toastIn;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #14284647}.nimix-toast .material-icons{color:#7dd3fc;font-size:18px}.nimix-copy-as{align-items:center;gap:4px;display:flex}.nifi-header .nimix-copy-as>b{letter-spacing:0;text-transform:none;opacity:.88;color:#ffffffe0;white-space:nowrap;margin:0;padding:3px 7px;font-size:.9rem;font-weight:600}.nifi-header .nimix-copy-as button{text-transform:lowercase;color:#fff;background:0 0;border-style:solid;border-width:1px;height:20px;padding:2px 7px;font-size:.9rem;font-weight:600}.nifi-header .nimix-copy-as button.outlined.secondary{color:#ffffffe0;background:0 0;border-color:#ffffffa6}.nifi-header .nimix-copy-as button.outlined.white{color:var(--hd,#437ab7);background:#fff;border-color:#fff}.nimix-grad-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:20px;min-width:0;max-width:100%;margin-bottom:26px;display:grid}.nimix-grad-layout>.nimix-panel{flex-direction:column;min-width:0;max-width:100%;margin-bottom:0;padding:18px 20px;display:flex}.nimix-grad-preview{border:1px solid #0000000f;border-radius:14px;flex:1;width:100%;min-height:220px;box-shadow:inset 0 0 0 1px #ffffff26}.nimix-grad-css{background:var(--bg-subtle,#f4f6f9);border:1px solid var(--bd);border-radius:10px;align-items:center;gap:8px;min-width:0;max-width:100%;margin-top:14px;padding:10px 12px;display:flex;overflow:hidden}.nimix-grad-css>p{min-width:0;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;font-size:12px;overflow:hidden}.nimix-grad-css>button{flex-shrink:0}.nimix-grad-side{gap:16px}.nimix-grad-side>.n-swb{width:100%}.nimix-grad-side>.n-swb>b{flex:1;justify-content:center}.nimix-grad-side .justify>b,.nimix-grad-side .justify>p{color:var(--tx-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.nimix-grad-side input[type=range]{width:100%;accent-color:var(--primary);cursor:pointer}.nimix-grad-actions{gap:8px;width:100%;min-width:0;margin-top:auto;display:flex}.nimix-grad-actions>button{flex:1 1 0;width:auto;min-width:0}.nimix-grad-stops{flex-direction:column;gap:9px;max-height:214px;padding-right:2px;display:flex;overflow-y:auto}.nimix-grad-stops input[type=range]{flex:1;width:auto;min-width:0}.nimix-grad-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.nimix-grad-tile{cursor:pointer}.nimix-grad-tile>div{border-radius:12px;height:110px;transition:transform .12s,box-shadow .12s}.nimix-grad-tile>div:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1428462e}.nimix-grad-tile>p{margin-top:7px;padding-left:2px;font-size:12px;font-weight:700}.nimix-grad-saved{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.nimix-grad-saved .nimix-mini-card>div:first-child{cursor:pointer;height:56px;display:block}@media (max-width:800px){.nimix-page{padding:14px 12px 48px}.nimix-panel{padding:16px 14px}.nimix-custom-head{flex-direction:column;align-items:stretch;gap:12px}.nimix-color-fields{width:100%}.nimix-color-fields>div:last-child{flex:1;min-width:0}.nimix-color-fields fieldset{flex:1;min-width:0;width:auto!important}.nimix-shade-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.nimix-hue-row{flex-direction:column;gap:6px}.nimix-section-head{flex-wrap:wrap}.nimix-contrast>div{grid-template-columns:1fr;width:100%;min-width:0}.nimix-contrast>div>label{flex-wrap:wrap}.nimix-grad-layout{grid-template-columns:1fr}}@media (max-width:520px){.nimix-shade-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nimix-shade{padding:8px 5px}}