.cropper{margin:1.5rem 0}.cropper .drop{border:2px dashed var(--border);border-radius:var(--radius);background:var(--bg-soft);text-align:center;cursor:pointer;padding:3.5rem 1rem;transition:border-color .12s,background .12s}.cropper .drop:hover,.cropper .drop:focus-visible,.cropper .drop.over{border-color:var(--accent);background:var(--accent-soft)}.cropper .drop-t{margin:0;font-size:1.05rem;font-weight:600}.cropper .drop-h{color:var(--fg-muted);margin:.4rem 0 0;font-size:.9rem}.cropper .privacy{color:var(--fg-muted);margin:1.4rem 0 0;font-size:.85rem}.cropper .work{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);overflow:hidden}.cropper .bar{border-bottom:1px solid var(--border);background:var(--bg-soft);flex-wrap:wrap;align-items:center;gap:.6rem 1.6rem;padding:.7rem .9rem;display:flex}.cropper .bar-group{align-items:center;gap:.55rem;min-width:0;display:flex}.cropper .bar-k{color:var(--fg-muted);white-space:nowrap;font-size:.78rem}.cropper .bar-file{align-items:baseline;gap:.5rem;min-width:0;margin-left:auto;font-size:.8rem;display:flex}.cropper .bar-file .fname{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cropper .bar-file .fmeta{color:var(--fg-muted);white-space:nowrap}.cropper .stage{flex-wrap:wrap;align-items:stretch;display:flex}.cropper .board{background:#24262b;flex:24rem;min-width:0;min-height:26rem;position:relative;overflow:hidden}.cropper .board canvas{touch-action:none;display:block;position:absolute;inset:0}.cropper .board canvas.grabbing{cursor:grabbing!important}.cropper .rail{border-left:1px solid var(--border);background:var(--bg);flex:0 0 17.5rem;max-width:100%}.cropper .rail-s{padding:.85rem .9rem}.cropper .rail-s+.rail-s{border-top:1px solid var(--border)}.cropper .rail-s h2{letter-spacing:.02em;color:var(--fg-muted);text-transform:uppercase;margin:0 0 .6rem;font-size:.78rem;font-weight:600}.cropper .grp{color:var(--fg-muted);margin:.7rem 0 .25rem;font-size:.75rem}.cropper .grp:first-child{margin-top:0}.cropper .opt{cursor:pointer;border-radius:6px;align-items:baseline;gap:.5rem;padding:.4rem .5rem;font-size:.88rem;line-height:1.35;display:flex}.cropper .opt:hover{background:var(--bg-soft)}.cropper .opt.on{background:var(--accent-soft);font-weight:600}.cropper .opt input{accent-color:var(--accent);flex:none;margin:0}.cropper .opt .nm{flex:1;min-width:0}.cropper .opt .mm{color:var(--fg-muted);white-space:nowrap;font-size:.76rem;font-weight:400}.cropper .custom{border-left:2px solid var(--accent);margin:.15rem 0 .5rem .45rem;padding:.35rem .55rem .1rem}.cropper .custom label{grid-template-columns:4.2rem 1fr;align-items:center;gap:.5rem;margin:.35rem 0;font-size:.82rem;display:grid}.cropper .custom input{font:inherit;border:1px solid var(--border);background:var(--field);color:inherit;border-radius:6px;width:100%;padding:.3rem .45rem;font-size:.85rem}.cropper .custom input.bad{border-color:var(--err);color:var(--err)}.cropper .rng{grid-template-columns:3.6rem 1fr 2.8rem;align-items:center;gap:.5rem;margin:.45rem 0;font-size:.82rem;display:grid}.cropper .rng input{width:100%;min-width:0;accent-color:var(--accent)}.cropper .rng output{text-align:right;color:var(--fg-muted);font-variant-numeric:tabular-nums}.cropper .rng input:disabled{opacity:.4}.cropper .row{flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin-top:.6rem;display:flex}.cropper .chk{cursor:pointer;align-items:center;gap:.35rem;font-size:.82rem;display:flex}.cropper .chk input{accent-color:var(--accent)}.cropper .hint{color:var(--fg-muted);margin:0 0 .7rem;font-size:.78rem;line-height:1.55}.cropper .src{color:var(--fg-muted);margin:.7rem 0 0;font-size:.76rem}.cropper .note{color:var(--fg-muted);margin:.45rem 0 0;font-size:.76rem;line-height:1.5}.cropper .rail-s.locked .rng{opacity:.55}.cropper .lock{color:var(--warn);background:var(--warn-soft);border-radius:6px;margin:.6rem 0 0;padding:.55rem .65rem;font-size:.78rem;line-height:1.55}.cropper .chips{flex-wrap:wrap;gap:.3rem;display:flex}.cropper .chip{border:1px solid var(--border);background:var(--field);color:inherit;font:inherit;cursor:pointer;border-radius:999px;padding:.28rem .7rem;font-size:.8rem;line-height:1.3;transition:border-color .12s,background .12s}.cropper .chip:hover{border-color:var(--accent)}.cropper .chip.on{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.cropper .out{z-index:2;border-bottom:1px solid var(--border);background:var(--accent-soft);flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;padding:.7rem .9rem;display:flex;position:sticky;top:0}.cropper .out-n{min-width:0}.cropper .px{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.cropper .mm{color:var(--fg-muted);margin:.15rem 0 0;font-size:.8rem}.cropper .saveinfo{color:var(--fg-muted);margin:0;font-size:.8rem}.cropper .acts{flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}.cropper button.small{font:inherit;border:1px solid var(--border);background:var(--field);color:inherit;cursor:pointer;border-radius:8px;padding:.4rem .8rem;font-size:.82rem}.cropper button.small:hover{border-color:var(--accent)}.cropper .acts .go{font:inherit;background:var(--accent);color:var(--accent-fg);cursor:pointer;border:0;border-radius:8px;padding:.55rem 1.3rem;font-weight:600}.cropper .acts .go:disabled{opacity:.6;cursor:default}.cropper .msg{border-radius:var(--radius);margin-top:1rem;padding:.8rem 1rem;font-size:.9rem}.cropper .msg.err{background:var(--warn-soft);color:var(--err)}@media (width<=52rem){.cropper .rail{border-left:0;border-top:1px solid var(--border);flex:100%}}@media (width<=30rem){.cropper .drop{padding:2.2rem .8rem}.cropper .bar-file,.cropper .acts{flex-basis:100%;margin-left:0}.cropper .acts .go{flex:1}}