.ic-controls-pane{container-type:inline-size;display:flex;flex-direction:column;gap:var(--spacing-4)}.ic-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ic-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);padding:var(--spacing-10) var(--spacing-6);border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.ic-upload-zone:hover,.ic-upload-zone:focus-within{border-color:var(--color-accent);background:var(--color-accent-bg)}.ic-upload-zone--drag-over{border-color:var(--color-accent);background:var(--color-accent-bg)}[data-theme=dark] .ic-upload-zone{background:var(--color-bg-3)}.ic-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ic-upload-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:var(--spacing-2);border-radius:50%;background:var(--color-accent-bg);color:var(--color-accent)}.ic-upload-title{font-size:15px;font-weight:600;color:var(--color-text-1)}.ic-upload-sub{margin:var(--spacing-1) 0 0;font-size:13px;color:var(--color-text-2)}.ic-error{display:flex;align-items:center;gap:var(--spacing-2);margin:var(--spacing-3) 0 0;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger-text);font-size:13px;font-weight:500}.ic-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-12) 0}.ic-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:ic-spin .8s linear infinite}@keyframes ic-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ic-spinner{animation-duration:2.4s}}.ic-image-view{display:flex;flex-direction:column;gap:var(--spacing-5)}.ic-canvas-wrap{position:relative;background:var(--color-canvas-stage);border-radius:var(--radius-md);overflow:visible;line-height:0}.ic-canvas{display:block;width:100%;max-width:100%;cursor:crosshair;touch-action:none}.ic-canvas:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.ic-dimensions{position:absolute;bottom:var(--spacing-2);right:var(--spacing-2);padding:2px 6px;border-radius:var(--radius-sm);background:#0009;color:var(--color-on-status);font-family:var(--font-mono);font-size:11px;line-height:1.5;pointer-events:none}.ic-controls{display:flex;flex-direction:column;gap:var(--spacing-4)}.ic-control-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.ic-control-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-2)}.ic-slider-value{margin-left:auto;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--color-accent);letter-spacing:0;text-transform:none}.ic-ratio-group,.ic-format-group{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.ic-ratio-btn,.ic-format-btn{flex:1;min-width:60px;text-align:center;font-size:13px;font-weight:600}.ic-slider{width:100%;height:6px;margin:0;appearance:none;-webkit-appearance:none;border-radius:999px;cursor:pointer;background:linear-gradient(to right,var(--color-accent) 0%,var(--color-accent) var(--ic-pct, 50%),var(--color-bg-3) var(--ic-pct, 50%),var(--color-bg-3) 100%)}.ic-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-accent);border:3px solid var(--color-bg);box-shadow:0 1px 3px #0003;cursor:pointer}.ic-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-accent);border:3px solid var(--color-bg);cursor:pointer}.ic-slider:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.ic-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.ic-trust-note{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);background:var(--color-success-soft);color:var(--color-success-text);font-size:12px;font-weight:500}.ic-empty-hint{display:flex;align-items:center;justify-content:center;min-height:280px;color:var(--color-text-2);font-size:14px;text-align:center}.ic-toast{position:fixed;bottom:var(--spacing-5);right:var(--spacing-5);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);background:var(--color-text-1);color:var(--color-bg);font-size:13px;font-weight:600;box-shadow:0 4px 16px #00000026;opacity:0;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:100}.ic-toast--show{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.ic-toast{transition-duration:.01ms}}@container (max-width: 480px){.ic-upload-zone{padding:var(--spacing-8) var(--spacing-4)}.ic-actions{flex-direction:column}.ic-actions>.tool-btn{width:100%;justify-content:center}.ic-ratio-group,.ic-format-group{gap:var(--spacing-1)}}@container (min-width: 520px){.ic-canvas-wrap{min-height:420px}}.ic-fs-stage{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);min-height:calc(100vh - 72px)}.ic-fs-eyebrow{margin:0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-2)}.ic-fs-canvas-shell{width:min(100%,1480px);flex:1;display:flex;align-items:center;justify-content:center}.ic-fs-canvas-shell .ic-canvas-wrap{width:100%;min-height:min(72vh,900px)}.ic-fs-hint{margin:0;font-size:13px;color:var(--color-text-2);text-align:center}