.ic-editor{--ic-accent:var(--color-emerald,#0f3d33);--ic-accent-strong:var(--color-emerald-dark,#0a2e26);--ic-ink:var(--color-ink,#11221d);display:flex;flex-direction:column;gap:12px;max-width:640px}.ic-frame{position:relative;width:100%;overflow:hidden;border-radius:16px;background:var(--color-emerald-dark,#0a2e26)}.ic-frame img{display:block;width:100%;height:100%;user-select:none}.ic-drag-surface{position:absolute;inset:0;cursor:move;touch-action:none}.ic-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;background:var(--color-cream-soft,#F0EBE3);border-radius:12px;box-shadow:inset 0 0 0 1px rgba(13,61,51,.1)}.ic-hint{margin-inline-end:auto}.ic-hint,.ic-zoom{color:var(--ic-ink);font-size:12px;font-weight:600}.ic-zoom{display:inline-flex;align-items:center;gap:6px}.ic-zoom input[type=range]{width:120px;accent-color:var(--ic-accent);cursor:pointer}.ic-controls button{background:#fff;color:var(--ic-ink);border:none;padding:8px 13px;border-radius:999px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,filter .2s ease;box-shadow:inset 0 0 0 1px rgba(13,61,51,.12)}.ic-controls button:hover{background:var(--color-cream,#F9F5F0)}.ic-controls button.ic-save{background:var(--ic-accent);color:#fff;box-shadow:none}.ic-controls button.ic-save:hover{background:var(--ic-accent-strong);filter:none}@media (prefers-reduced-motion:reduce){.ic-controls button{transition:none}}