.framing-editor{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px;border:0;background:var(--bg);color:var(--fg);overflow:auto}.framing-editor::backdrop{background:var(--bg)}.framing-editor h2,.framing-editor h3,.framing-editor p{margin:0}.framing-editor p,.framing-editor small{color:var(--muted);font-size:13px}.framing-editor header{margin-bottom:20px}.fe-columns{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,440px) minmax(240px,.8fr);gap:24px;align-items:start}.fe-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.fe-filters [aria-pressed=true],.fe-size[aria-current=true]{background:var(--accent-soft);border-color:var(--accent)}.fe-list{display:grid;gap:6px}.fe-size{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--fg);text-align:left;cursor:pointer}.fe-size>span:nth-child(2){flex:1}.fe-size small{display:block}.fe-size:disabled{opacity:.6;cursor:default}.fe-thumb{display:block;flex:none;width:56px;height:56px}.fe-thumb .bt{width:100%}.fe-status{font-size:11px;border-radius:999px;padding:3px 7px;background:var(--surface-2);color:var(--muted)}.fe-status.base{background:var(--accent-soft);color:var(--accent)}.fe-status.adjusted{background:var(--ai-soft);color:var(--ai)}.fe-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--fold);margin-right:5px}.fe-follow{color:var(--warn)!important}.fe-preview{display:grid;gap:14px;text-align:center}.fe-stage{width:100%;max-width:440px;cursor:grab;touch-action:none}.fe-stage .bt{width:91%;box-shadow:none}.fe-cut{position:absolute;top:4.5%;right:4.5%;bottom:4.5%;left:4.5%;border:2px dashed var(--cut);border-radius:50%;pointer-events:none}.fe-cut.square{border-radius:10%}.fe-controls{display:grid;gap:14px}.fe-card{padding:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);display:grid;gap:12px}.fe-card input,.fe-card select{width:100%;min-width:0;accent-color:var(--accent)}.fe-card select{background:var(--surface);border:1px solid var(--line);padding:8px;border-radius:8px}.fe-card .pad .btn{padding:0}.fe-base{display:flex;align-items:center;text-align:left;cursor:pointer;color:inherit}.fe-save{position:sticky;bottom:-24px;margin:24px -24px -24px;padding:16px 24px;border-top:1px solid var(--line);background:var(--surface);display:flex;flex-wrap:wrap;align-items:center;gap:12px;z-index:2}.fe-toast{flex-basis:100%;color:var(--fg)}.fe-changes{display:flex;flex:1;flex-wrap:wrap;gap:6px}.fe-reason{padding:12px;background:var(--warn-soft);margin-bottom:16px!important}@media (max-width: 1100px){.fe-columns{grid-template-columns:minmax(250px,1fr) minmax(300px,1fr)}.fe-controls{grid-column:2}.fe-columns>section:first-child{grid-row:span 2}}@media (max-width: 650px){.fe-columns{display:flex;flex-direction:column}.fe-columns>section{width:100%}.fe-list{max-height:300px;overflow:auto}.fe-preview{align-self:center;max-width:440px}}.fe-simple{display:grid;gap:16px;max-width:440px}.fe-simple .stage{position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}.fe-simple .bt{position:relative;aspect-ratio:1;overflow:hidden}.fe-simple .bt.round,.fe-simple .bt.round .vis{border-radius:50%}.fe-simple .bt.square,.fe-simple .bt.square .vis{border-radius:10%}.fe-simple .bt .bg{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:center / cover;filter:blur(7px)}.fe-simple .bt .vis{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}.fe-simple .bt img{position:absolute;transform:translate(-50%,-50%);max-width:none}.fe-simple .row{display:flex;align-items:center;gap:8px}