.im-workspace{margin:var(--family-space-32) auto 0}.im-grid{gap:var(--family-space-24);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}.im-editor,.im-output-column{gap:var(--family-space-24);min-width:0;display:grid}.im-panel{padding:var(--family-card-padding);gap:var(--family-space-16);min-width:0;display:grid}.im-panel h2{font-size:var(--family-type-heading);margin:0 0 var(--family-space-4)}.im-panel p{margin:0}.im-field{gap:var(--family-space-8);min-width:0;display:grid}.im-panel input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),.im-panel select{border:1px solid var(--line-strong);border-radius:var(--family-control-radius);background:var(--field);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;padding:10px 12px}.im-panel button,.im-download{border:1px solid var(--line-strong);border-radius:var(--family-control-radius);background:var(--field);color:var(--ink);min-height:44px;font:inherit;cursor:pointer;padding:10px 14px}.im-panel button:disabled{opacity:.5;cursor:default}.im-panel button[aria-pressed=true]{border-color:var(--family-accent);box-shadow:inset 0 0 0 1px var(--family-accent);background:var(--family-accent-soft)}.im-segments,.im-export-actions,.im-size-actions{gap:var(--family-space-8);flex-wrap:wrap;display:flex}.im-segments button{flex:auto}.im-two,.im-colours{gap:var(--family-space-16);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.im-colours:has(>:only-child){grid-template-columns:1fr}.im-symbols{gap:var(--family-space-8);grid-template-columns:repeat(auto-fill,minmax(44px,1fr));max-height:256px;padding:4px;display:grid;overflow:auto}.im-symbols button{aspect-ratio:1;place-items:center;padding:8px;display:grid}.im-symbols img{background:#f5f5f5;border-radius:4px;width:32px;max-width:100%;height:32px;padding:2px}.im-pagination{font-size:var(--family-type-small);justify-content:space-between;align-items:center;gap:8px;display:flex}.im-hint,.im-status,.im-selection{color:var(--muted);font-size:var(--family-type-small);overflow-wrap:anywhere;line-height:1.6}.im-status{margin:var(--family-space-16) auto}.im-error{color:var(--danger);padding:var(--family-space-16);border:1px solid var(--danger);border-radius:var(--family-control-radius);overflow-wrap:anywhere}.im-range{font-size:var(--family-type-small);gap:4px;display:grid}.im-range>span{justify-content:space-between;gap:12px;display:flex}.im-panel input[type=range]{width:100%;min-width:0;min-height:32px;accent-color:var(--family-accent)}.im-panel input[type=checkbox]{width:18px;height:18px;accent-color:var(--family-accent);flex-shrink:0;margin:0}.im-check,.im-checks label{align-items:center;gap:10px;min-height:32px;display:flex}.im-checks{gap:8px;display:grid}.im-format{border-bottom:1px solid var(--line-strong);gap:12px;padding-bottom:16px;display:grid}.im-size-actions button{font-size:var(--family-type-small);padding:6px 10px}.im-panel details{border-top:1px solid var(--line-strong);padding-top:12px}.im-panel summary{cursor:pointer;min-height:36px}.im-detail{gap:var(--family-space-16);padding-top:var(--family-space-12);display:grid}.im-artboard{aspect-ratio:1;border:1px solid var(--line-strong);background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 0/16px 16px;width:min(100%,256px);margin:8px auto;overflow:hidden}.im-artboard canvas{width:100%;height:100%;display:block}.im-cropping{cursor:move;touch-action:none}.im-tab-previews{gap:12px;display:grid}.im-tab{border-radius:12px;padding:12px;font-size:12px}.im-tab.light{color:#333;background:#fff;border:1px solid #ddd}.im-tab.dark{color:#eee;background:#242424;border:1px solid #555}.im-small-icons{justify-content:space-around;align-items:center;gap:12px;margin-bottom:8px;display:flex}.im-small-icons>div{align-content:end;justify-items:center;gap:8px;display:grid}.im-small-icons canvas{max-width:none}.im-actual{background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 0/16px 16px;width:100%;max-height:320px;padding:16px;overflow:auto}.im-actual canvas{max-width:none;display:block}.im-masks{text-align:center;font-size:var(--family-type-small);justify-content:space-between;gap:16px;display:flex}.im-masks>div{justify-items:center;gap:8px;min-width:0;display:grid}.im-mask{width:100%;max-width:96px;height:auto}.im-mask.circle{border-radius:50%}.im-mask.rounded{border-radius:22%}.im-mask.squircle{clip-path:polygon(50% 0,80% 3%,94% 14%,100% 50%,94% 86%,80% 97%,50% 100%,20% 97%,6% 86%,0 50%,6% 14%,20% 3%)}.im-panel .im-primary{background:var(--family-accent);color:var(--family-accent-contrast);border-color:var(--family-accent)}.im-download{align-items:center;gap:8px;display:inline-flex}.im-upload{border:1px dashed var(--line-strong);border-radius:var(--family-control-radius);gap:16px;padding:24px;display:grid}.im-upload input{width:100%;min-width:0;font:inherit;font-size:var(--family-type-small)}.im-panel .icon-colour{border:0;min-width:0;margin:0;padding:0}.im-panel .icon-colour legend{font-size:var(--family-type-small);margin-bottom:8px}.im-panel .icon-colour-inputs{align-items:center;gap:8px;display:flex}.im-panel .icon-colour-inputs input[type=color]{border:1px solid var(--line-strong);border-radius:var(--family-control-radius);background:var(--field);flex:0 0 44px;width:44px;height:44px;padding:2px}.im-panel .icon-swatches{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.im-panel .icon-swatches button{border-radius:50%;width:28px;height:28px;min-height:28px;padding:0}.im-panel .icon-swatches button[aria-pressed=true]{outline:2px solid var(--family-accent);outline-offset:2px}.im-panel .icon-colour details{font-size:var(--family-type-small);border:0;padding:0}.im-panel .icon-colour details label{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;display:grid}.im-panel input[aria-invalid=true]{border-color:var(--danger)!important}.im-workspace>.family-terminal-note{margin-top:var(--family-space-32)}@media (width<=850px){.im-grid{grid-template-columns:1fr}.im-output-column{grid-row:2}}@media (width<=420px){.im-two,.im-colours{grid-template-columns:1fr}.im-pagination{flex-wrap:wrap}.im-panel{gap:14px}}