.fw-workspace{color:var(--text)}
.fw-grid{display:grid;grid-template-columns:260px minmax(360px,1fr) 245px;gap:16px;align-items:stretch}
.fw-grid>.panel{min-width:0;display:flex;flex-direction:column}
.fw-grid .panel-top{padding:12px 14px;gap:8px;flex-wrap:wrap}
.fw-input-scroll,.fw-settings-scroll{padding:14px;max-height:calc(100vh - 290px);min-height:530px;overflow:auto;scrollbar-gutter:stable}
.fw-input-panel .web-upload-progress{padding:0 14px;font-size:11px;line-height:2}
.fw-input-scroll>.field{margin-bottom:14px}
.fw-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0 12px}
.fw-section-title h3{font-size:12px}.fw-section-title small{font-size:10px}
.fw-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px}
.fw-workspace .to-upload{min-height:130px;height:130px;padding:8px;gap:5px;border-color:var(--line);background:var(--soft)}
.fw-input-scroll>div>.to-upload{height:160px}
.fw-workspace .to-upload img{height:90px;max-height:90px;object-fit:contain}
.fw-input-scroll>div>.to-upload img{height:120px;max-height:120px}
.fw-workspace .to-upload-label{font-size:11px;line-height:1.45;text-align:center}
.fw-workspace .to-plus{font-size:25px}.fw-workspace .to-upload small{font-size:10px}
.fw-workspace .web-asset-actions{gap:4px;align-items:center;flex-wrap:wrap}
.fw-workspace .web-asset-actions a,.fw-workspace .web-asset-actions button{font-size:10px}
.fw-hint{font-size:11px;line-height:1.8;color:var(--muted);margin:12px 0}
.fw-view-tabs{display:flex;gap:5px}.fw-view-tabs .active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}
.fw-selection-tools{padding:10px 12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.fw-selection-tools>span{flex:1}.fw-selection-tools .chip{padding:6px 8px;font-size:11px}.fw-selection-tools .button{font-size:10px;padding:6px 8px}
.fw-stage{position:relative;height:calc(100vh - 400px);min-height:420px;overflow:auto;display:grid;justify-items:center;align-items:center;padding:12px;background:var(--soft);overscroll-behavior:contain;scrollbar-gutter:stable}
.fw-stage.fw-native{display:block}.fw-native .fw-image-plane{margin:0}
.fw-image-plane{position:relative;flex:none;touch-action:none;cursor:crosshair;user-select:none;max-width:none;line-height:0;justify-self:center;align-self:center}
.fw-image-plane img{display:block;width:100%;height:100%;max-width:none;pointer-events:none;user-select:none;image-orientation:from-image}
.fw-box{position:absolute;border:2px solid #e6a04a;background:#e6a04a14;z-index:2;pointer-events:none;outline:none;line-height:normal}
.fw-box-upper,.fw-box-dress{border-color:#27bdc5;background:#27bdc514}.fw-box.fw-active{z-index:3;pointer-events:auto;cursor:move}
.fw-box:focus-visible{outline:2px dashed var(--text);outline-offset:4px}
.fw-box-label{position:absolute;top:0;left:0;padding:3px 6px;color:#13232b;background:#efb364;font-size:10px;line-height:1.3;pointer-events:none}
.fw-box-upper .fw-box-label,.fw-box-dress .fw-box-label{background:#59d7dc}
.fw-handle{position:absolute;width:12px;height:12px;min-width:0;border:2px solid #fff;background:#b87722;border-radius:2px;padding:0;display:none}
.fw-active .fw-handle{display:block}.fw-box-upper .fw-handle,.fw-box-dress .fw-handle{background:#128a91}
.fw-handle-nw{left:-7px;top:-7px;cursor:nwse-resize}.fw-handle-ne{right:-7px;top:-7px;cursor:nesw-resize}.fw-handle-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.fw-handle-se{right:-7px;bottom:-7px;cursor:nwse-resize}
.fw-handle:before{content:"";position:absolute;inset:-4px}
.fw-empty{text-align:center;line-height:1.8;color:var(--muted);padding:28px;max-width:380px}
.fw-empty>span{display:block;font-size:40px;color:var(--muted);margin-bottom:12px}.fw-empty strong{display:block;color:var(--text);font-size:15px;margin-bottom:8px}.fw-empty p{font-size:12px}
.fw-selection-caption{padding:13px 14px;display:flex;flex-direction:column;gap:7px;line-height:1.6;border-top:1px solid var(--line)}
.fw-selection-caption strong{font-size:11px;font-weight:500}.fw-selection-caption small{font-size:10px}
.fw-settings-scroll .field{margin-bottom:14px}.fw-settings-scroll .field>span{font-size:11px;margin-bottom:7px}.fw-settings-scroll .field select{font-size:12px;padding:8px}
.fw-clear{width:100%;margin-bottom:14px}.fw-crop-list{display:grid;gap:12px}.fw-crop{margin:0}
.fw-crop figcaption{display:flex;justify-content:space-between;gap:5px;font-size:11px;margin-bottom:7px;line-height:1.6}.fw-crop figcaption span{font-size:10px;color:var(--muted)}
.fw-crop>div{height:140px;display:flex;align-items:center;justify-content:center;background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:7px}
.fw-crop canvas{display:block;max-width:100%;max-height:100%;object-fit:contain}.fw-crop p{font-size:11px;color:var(--muted)}
.fw-actionbar{display:flex;align-items:center;gap:10px;padding:14px 0 0}.fw-actionbar>div{flex:1}.fw-actionbar strong{font-size:12px;font-weight:500}.fw-actionbar small{display:block;margin-top:6px;line-height:1.7}
.fw-actionbar .primary{min-width:150px}.fw-actionbar button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1200px){.fw-grid{grid-template-columns:215px minmax(300px,1fr) 210px;gap:12px}.fw-grid .panel-top{padding:12px}.fw-input-scroll,.fw-settings-scroll{padding:12px}.fw-view-tabs .button{font-size:10px;padding:5px 7px}}
@media(max-width:950px){.fw-grid{grid-template-columns:200px minmax(300px,1fr)}.fw-settings-panel{grid-column:1/-1}.fw-settings-scroll{min-height:0;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}.fw-crop-list{grid-column:1/-1;grid-template-columns:1fr 1fr}.fw-stage{min-height:440px}.fw-settings-scroll .fw-hint{grid-column:1/-1}.fw-actionbar{flex-wrap:wrap}}