.ic-dialog{border:var(--bw) solid var(--panel-border);background-color:var(--bg);width:min(980px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--ink);padding:20px;overflow:hidden auto}.ic-dialog::backdrop{background:#000000a6}.ic-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:14px;display:flex}.ic-title{font:400 20px/1.2 var(--font-display);color:var(--ink);margin:0}.ic-name{min-width:0;font:11px/1.4 var(--font-mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ic-body{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:20px;display:grid}.ic-left{flex-direction:column;gap:10px;min-width:0;display:flex}.ic-right{flex-direction:column;gap:10px;display:flex}.ic-label{font:11px/1.3 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0}.ic-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ic-spacer{flex:1}.ic-hint{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.ic-error{color:var(--bad,#ff6b6b);margin:10px 0 0;font-size:14px}.ic-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.ic-small{min-height:0;padding:5px 10px;font-size:11px}.ic-size{font:11px/1 var(--font-mono);color:var(--muted)}.ic-stage{width:min(100%, calc((100vh - 290px) * var(--ar)));background:repeating-conic-gradient(var(--art-bg) 0 25%, transparent 0 50%) 0 0 / 16px 16px;cursor:crosshair;touch-action:none;user-select:none;margin:0 auto;position:relative;overflow:hidden}.ic-pic{pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.ic-box{outline:1px solid var(--accent);cursor:move;position:absolute;box-shadow:0 0 0 9999px #00000094}.ic-box:focus-visible{outline:2px solid var(--accent)}.ic-thirds{opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.33% - .5px),#ffffff73 0 calc(33.33% + .5px),#0000 0 calc(66.66% - .5px),#ffffff73 0 calc(66.66% + .5px),#0000 0),linear-gradient(#0000 calc(33.33% - .5px),#ffffff73 0 calc(33.33% + .5px),#0000 0 calc(66.66% - .5px),#ffffff73 0 calc(66.66% + .5px),#0000 0);transition:opacity .15s;position:absolute;inset:0}.ic-stage.dragging .ic-thirds,.ic-box:hover .ic-thirds{opacity:1}.ic-grip{border:2px solid var(--bg);background:var(--accent);width:12px;height:12px;margin:-6px;position:absolute}.ic-grip.n{cursor:ns-resize;top:0;left:50%}.ic-grip.s{cursor:ns-resize;top:100%;left:50%}.ic-grip.e{cursor:ew-resize;top:50%;left:100%}.ic-grip.w{cursor:ew-resize;top:50%;left:0}.ic-grip.nw{cursor:nwse-resize;top:0;left:0}.ic-grip.se{cursor:nwse-resize;top:100%;left:100%}.ic-grip.ne{cursor:nesw-resize;top:0;left:100%}.ic-grip.sw{cursor:nesw-resize;top:100%;left:0}@media (pointer:coarse){.ic-grip{width:20px;height:20px;margin:-10px}}.ic-shapes{flex-wrap:wrap;gap:4px;display:flex}.ic-shape{border:var(--bw) solid var(--line);color:var(--body);font:11px/1.2 var(--font-mono);cursor:pointer;background:0 0;padding:4px 8px}.ic-shape:hover{color:var(--ink);background:var(--press)}.ic-shape[aria-pressed=true]{border-color:var(--accent);background:var(--press);color:var(--accent)}.ic-looks{flex-wrap:wrap;align-items:flex-end;gap:14px 12px;display:flex}.ic-look{flex-direction:column;gap:4px;margin:0;display:flex}.ic-frame{border:var(--bw) solid var(--panel-border);background:var(--art-bg);display:block;position:relative;overflow:hidden}.ic-frame img{pointer-events:none;max-width:none;position:absolute}.ic-look-cap{font:400 14px/1.25 var(--font-display);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ic-look-label{font:10px/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ic-look.tiny .ic-look-label{letter-spacing:.04em}@media (width<=760px){.ic-dialog{padding:14px}.ic-body{grid-template-columns:minmax(0,1fr)}.ic-stage{width:min(100%, calc(55vh * var(--ar)))}}[data-easy=on] .ic-dialog{border-radius:var(--r);background-color:var(--panel);box-shadow:var(--float);border:0}[data-easy=on] :is(.ic-frame,.ic-shape){border-radius:var(--r-sm)}[data-compact=on] .ic-dialog{padding:8px}[data-compact=on] .ic-head{gap:2px 8px;margin-bottom:6px}[data-compact=on] .ic-title{font-size:15px}[data-compact=on] .ic-name{font-size:9.5px}[data-compact=on] .ic-body{grid-template-columns:minmax(0,1fr) 220px;gap:8px}[data-compact=on] :is(.ic-left,.ic-right),[data-compact=on] .ic-row{gap:4px}[data-compact=on] .ic-label{letter-spacing:.12em;font-size:9.5px}[data-compact=on] .ic-hint{font-size:11px;line-height:1.35}[data-compact=on] .ic-shapes{gap:2px}[data-compact=on] .ic-shape{padding:2px 5px;font-size:9.5px}[data-compact=on] .ic-size{font-size:9.5px}[data-compact=on] .ic-small{padding:2px 6px;font-size:9.5px}[data-compact=on] .ic-looks{gap:6px}[data-compact=on] .ic-look{gap:1px}[data-compact=on] .ic-look-cap{font-size:12px}[data-compact=on] .ic-look-label{letter-spacing:.08em;font-size:8.5px}[data-compact=on] .ic-actions{gap:4px;margin-top:6px}[data-compact=on] .ic-actions .btn{min-height:22px;padding:3px calc(8px - .12em) 3px 8px;font-size:9.5px}[data-compact=on] .ic-stage{width:min(100%, calc((100vh - 170px) * var(--ar)))}@media (width<=760px){[data-compact=on] .ic-body{grid-template-columns:minmax(0,1fr)}}