.ip-root [hidden]{display:none!important}.ip-lock{border:0;margin:0;padding:0;min-inline-size:0;transition:opacity .2s}.ip-lock:disabled{opacity:.6}.ip-lock:disabled *{cursor:progress}.ip-ico{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ip-sr{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ip-modes .seg{min-width:min(340px,100%)}.ip-modes .seg button{flex:1}.ip-mode-hint{margin:8px 0 0}.ip-count{font-size:.85rem;font-weight:700;color:var(--ink-3)}.ip-drop{position:relative}.ip-file-input{position:absolute;inline-size:1px;block-size:1px;opacity:0;overflow:hidden;pointer-events:none}.ip-drop-label{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:26px 16px;border:2px dashed var(--teal-400);border-radius:var(--r-lg);background:var(--teal-50);color:var(--teal-900);cursor:pointer;transition:background .15s,border-color .15s}.ip-drop-label:hover,.ip-drop.is-over .ip-drop-label{background:var(--teal-100);border-color:var(--teal)}.ip-file-input:focus-visible+.ip-drop-label,.ip-file-input:focus-visible+.ip-file{outline:2px solid var(--gold);outline-offset:3px}.ip-drop-ico{inline-size:42px;block-size:42px;color:var(--teal);margin-bottom:2px}.ip-drop-label strong{font-size:1.08rem}.ip-drop-sub{font-size:.9rem;color:var(--ink-2)}.ip-drop-meta{font-size:.8rem;color:var(--ink-3)}.ip-drop.is-compact .ip-drop-label{flex-direction:row;justify-content:center;padding:11px 14px;gap:10px}.ip-drop.is-compact .ip-drop-sub,.ip-drop.is-compact .ip-drop-meta{display:none}.ip-drop.is-compact .ip-drop-ico{inline-size:24px;block-size:24px;margin:0}.ip-drop.is-compact .ip-drop-label strong{font-size:.98rem}.ip-list-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.ip-list-head h2{margin:0}.ip-list-tools{display:flex;flex-wrap:wrap;gap:6px}.ip-list-tools .btn-sm{padding:7px 11px;font-size:.82rem}.ip-list-hint{margin:8px 0 0}.ip-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.ip-card{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:7px;transition:box-shadow .15s,opacity .15s}.ip-card.is-dragging{opacity:.6;box-shadow:0 0 0 2px var(--gold);z-index:2}.ip-list.is-sorting{cursor:grabbing;user-select:none;-webkit-user-select:none}.ip-thumb{position:relative;aspect-ratio:4/3;background:var(--paper);border-radius:var(--r-sm);overflow:hidden;display:grid;place-items:center}.ip-thumb img{inline-size:100%;block-size:100%;object-fit:contain;transition:transform .2s}.ip-num{position:absolute;top:6px;inset-inline-start:6px;min-inline-size:24px;block-size:24px;padding:0 7px;border-radius:12px;background:var(--teal);color:#fff;font-size:.78rem;font-weight:700;line-height:24px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 1px 3px #00343d40}.ip-handle{position:absolute;top:4px;inset-inline-end:4px;inline-size:34px;block-size:34px;border-radius:9px;display:grid;place-items:center;background:#fffffff0;color:var(--ink-2);cursor:grab;touch-action:none;box-shadow:0 1px 3px #00343d38}.ip-handle svg{inline-size:18px;block-size:18px;fill:currentColor}.ip-card.is-dragging .ip-handle{cursor:grabbing;color:var(--gold-600)}.ip-spin{inline-size:24px;block-size:24px;border:2.5px solid var(--teal-100);border-top-color:var(--teal);border-radius:50%;animation:ip-spin .8s linear infinite}@keyframes ip-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ip-spin{animation-duration:2.4s}.ip-thumb img{transition:none}}.ip-bad{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;padding:0 8px;font-size:.78rem;font-weight:700;color:#9b2e21;text-align:center;line-height:1.45}.ip-bad:before{content:"!";display:grid;place-items:center;inline-size:24px;block-size:24px;border-radius:50%;background:#f3d3cf;color:#9b2e21;font-weight:800}.ip-card.is-error{border-color:#f3d3cf;background:#fdf6f5}.ip-card.is-error .ip-handle{display:none}.ip-name{margin:0;font-size:.76rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext;text-align:start}.ip-bad-note{margin-top:12px}.ip-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.ip-tools button{block-size:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--teal-800);cursor:pointer;padding:0}.ip-tools button:hover:not(:disabled){background:var(--teal-50);border-color:var(--teal-100)}.ip-tools button[data-act=del]{color:#9b2e21}.ip-tools button[data-act=del]:hover{background:#fdf3f2;border-color:#f3d3cf}.ip-tools button:disabled{opacity:.35;cursor:not-allowed}.ip-tools svg{inline-size:18px;block-size:18px}.ip-cap-wrap{display:none}.ip-list.with-caps .ip-cap-wrap{display:block}.ip-cap{inline-size:100%;font:inherit;font-size:.86rem;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-sm);padding:7px 9px;min-block-size:40px}.ip-cap:focus{outline:none;border-color:var(--teal-400);background:#fff;box-shadow:0 0 0 3px var(--teal-50)}.ip-card.is-error .ip-cap-wrap{display:none}@media(max-width:560px){.ip-list{grid-template-columns:minmax(0,1fr)}.ip-card{display:grid;grid-template-columns:118px minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"thumb name" "thumb cap" "thumb tools";column-gap:10px;row-gap:0}.ip-thumb{grid-area:thumb;align-self:start}.ip-name{grid-area:name;padding-top:2px}.ip-cap-wrap{grid-area:cap;margin-top:6px}.ip-tools{grid-area:tools;align-self:end;margin-top:6px}.ip-handle{inline-size:32px;block-size:32px}.ip-num{top:5px;inset-inline-start:5px}}.ip-settings{display:grid;gap:14px 18px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.tool-card .ip-settings .seg{display:flex;width:100%}.tool-card .ip-settings .seg button{flex:1 1 auto;padding:8px 9px}.ip-settings .seg button:disabled{opacity:.4;cursor:not-allowed}.ip-settings small{min-block-size:1.2em}.ip-ev h2{margin-bottom:12px}.ip-checks{display:grid;gap:8px 16px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));margin:16px 0 0}.ip-checks .check{min-block-size:32px}.ip-checks input:disabled+*{opacity:.5}.ip-group{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}.ip-group h3{font-size:.98rem;color:var(--teal-800);margin:0 0 10px}.ip-group .hint{margin:0 0 10px}.ip-caps-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.ip-caps-group .hint{margin:0;flex:1 1 240px}.ip-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.ip-chip{font:inherit;font-size:.8rem;font-weight:700;color:var(--teal-800);background:var(--surface);border:1px solid var(--teal-100);border-radius:999px;padding:4px 11px;cursor:pointer}.ip-chip:hover{background:var(--teal-50)}.ip-logo{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ip-file{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:var(--teal-800);cursor:pointer;border:1.5px dashed var(--teal-400);background:var(--teal-50);border-radius:var(--r);padding:9px 14px;min-block-size:46px;max-inline-size:100%;overflow:hidden}.ip-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-file svg{inline-size:20px;block-size:20px;flex:none}.ip-file:hover{background:var(--teal-100)}#logo-thumb{inline-size:40px;block-size:40px;object-fit:contain;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff}.ip-accent{margin-top:16px}.ip-swatches{display:flex;flex-wrap:wrap;gap:10px}.ip-sw{inline-size:34px;block-size:34px;border-radius:50%;background:var(--c);border:3px solid #fff;cursor:pointer;box-shadow:0 0 0 1.5px var(--line)}.ip-sw[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--gold)}.ip-strip{display:flex;align-items:flex-end;gap:14px;overflow-x:auto;padding:8px 4px 12px;margin-top:4px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.ip-strip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.ip-page{flex:none;margin:0;text-align:center;scroll-snap-align:start}.ip-page canvas{display:block;background:#fff;border-radius:2px;box-shadow:0 1px 2px #00343d1f,0 4px 14px -6px #00343d59}.ip-page figcaption{font-size:.76rem;color:var(--ink-3);margin-top:6px}.ip-build-row{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);align-items:end}@media(min-width:640px){.ip-build-row{grid-template-columns:minmax(0,1fr) auto}}.ip-go{min-block-size:48px;padding:12px 24px;font-size:1.02rem}.ip-go small{font-weight:500;opacity:.9;margin-inline-start:4px}.ip-build .result{margin-top:14px}.ip-bar{block-size:8px;background:var(--teal-50);border:1px solid var(--teal-100);border-radius:999px;overflow:hidden;margin:4px 0 12px}.ip-bar span{display:block;block-size:100%;inline-size:0;background:var(--teal);border-radius:999px;transition:inline-size .25s}.tool-card .ip-build .stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ip-build .stat{padding-inline:6px}.ip-dl{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.ip-dl .btn{flex:1 1 170px}.ip-privacy{margin-top:14px}
