:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#24272b;background:#f8f9fa;font-synthesis:none;--line:#e1e3e6;--muted:#868b92;--yellow:#f4dc28}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{height:36px;padding:0 14px;border:1px solid #d5d8dc;border-radius:5px;background:white;color:#30343a;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}button:hover{background:#f1f2f4}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--yellow);border-color:var(--yellow);color:#252519}button.primary:hover{background:#ead022}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #897500;outline-offset:3px}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:inherit;font-size:21px;letter-spacing:-.7px}.brand b{font-weight:400;color:#747a83}.brand-mark{background:var(--yellow);width:32px;height:32px;display:grid;place-items:center;font-weight:850;font-style:italic;font-size:22px;border-radius:4px}.header-status{font-size:11px;color:#7d838b;min-width:0;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.topbar{gap:16px}.brand{flex-shrink:0}main{max-width:1560px;margin:auto;padding:27px 34px 0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:16px}h1{font-size:22px;font-weight:600;letter-spacing:.3px;margin:0}.actions{display:flex;gap:8px}.actions span{display:inline-block;margin-left:5px;color:#8c9198}.workspace{display:grid;grid-template-columns:190px minmax(0,1fr) 252px;border:1px solid var(--line);background:#fff;border-radius:6px;overflow:hidden;min-height:570px}.section-title{height:49px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;border-bottom:1px solid var(--line)}.rail{padding:0 14px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.text-button{border:0;background:transparent;color:#8b9097;padding:0 4px;height:30px;font-weight:400}.photo-list{flex:1;max-height:610px;overflow:auto;padding:12px 0}.list-empty{font-size:11px;line-height:1.7;color:#a0a5ac;margin:8px 2px}.photo-item{display:flex;gap:8px;width:100%;height:64px;padding:6px;margin:0 0 6px;text-align:left;border-color:transparent;background:transparent;align-items:center;overflow:hidden;font-weight:400}.photo-item:hover{background:#f6f7f8}.photo-item.selected{background:#faf8e9;border-color:#e7d98d}.photo-item img{width:43px;height:46px;object-fit:cover;border-radius:2px;background:#e7e9ec}.photo-item .filename{font-size:11px;overflow:hidden;text-overflow:ellipsis;display:block;max-width:92px}.photo-item small{display:block;font-size:9px;color:#959aa1;margin-top:5px}.stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;background:#eff0f2;padding:30px;min-height:570px}.empty{text-align:center;color:#9a9fa6}.empty svg{margin-bottom:15px;color:#aab0b7}.empty h2{font-size:17px;font-weight:400;color:#686e76;margin:0 0 10px}.empty p{font-size:12px;margin:0 0 24px}.empty button{font-weight:500}#preview-wrap{width:100%;text-align:center}#preview{display:block;max-width:100%;max-height:530px;height:auto;width:auto;margin:auto;background:#fff;box-shadow:0 5px 25px #252a3014}.preview-caption{margin:16px auto 0;display:flex;justify-content:space-between;gap:10px;max-width:760px;font-size:9px;color:#8e949c}.drop-overlay{position:absolute;inset:8px;border:2px dashed #c4b351;background:#fbf8e6ee;display:none;align-items:center;justify-content:center;font-size:16px;color:#6e642c}.dragging .drop-overlay{display:flex}.editor{border-left:1px solid var(--line);padding:0 18px;display:flex;flex-direction:column}.tag{font-size:9px;color:#969ca4;font-weight:400}.editor form{padding-top:18px}label{display:block;font-size:11px;color:#7b828b;margin-bottom:15px}input:not([type=checkbox]){display:block;width:100%;height:34px;margin-top:7px;border:1px solid #dfe2e6;border-radius:4px;padding:0 9px;background:#fff;color:#343b43;font-size:12px;min-width:0}input:disabled{background:#fafbfc;color:#a7adb5}input::placeholder{color:#b2b7bd}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor form button{width:100%;font-weight:500}.editor-note{font-size:10px;color:#9ca1a8;margin:15px 0 22px}.warning{padding:10px;background:#faf6dc;margin-top:12px;border-radius:4px;font-size:10px;color:#847531}.warning p{margin:0 0 9px}.check{display:flex;align-items:center;gap:6px;margin:0;color:inherit;font-size:10px}.check input{accent-color:#a08a15}#progress-wrap{align-items:center;justify-content:flex-end;gap:10px;min-height:43px}#progress-wrap:not([hidden]){display:flex}progress{height:5px;width:110px;accent-color:#c7b230}.errors{font-size:11px;color:#a15140;background:#fff3ee;border:1px solid #efdcd4;padding:10px;white-space:pre-line;line-height:1.7}footer{padding:20px 34px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#a3a9b0;font-size:9px;line-height:1.5;max-width:1560px;margin:auto;text-align:right}footer span{white-space:nowrap}[hidden]{display:none!important}@media(min-width:1500px){.stage{min-height:640px}#preview{max-height:590px}}@media(max-width:1100px){main{padding:22px 20px 0}.workspace{grid-template-columns:150px minmax(0,1fr) 220px}.rail{padding:0 10px}.stage{padding:20px}.photo-item .filename{max-width:65px}.editor{padding:0 14px}.preview-caption{flex-direction:column;gap:6px}.topbar{padding:0 20px}}@media(max-width:760px){.topbar{height:58px;padding:0 16px}.brand{font-size:18px}.header-status{font-size:9px}.toolbar{align-items:flex-start;flex-direction:column;margin-bottom:16px}.actions{width:100%}.actions button{flex:1;padding:0 9px}main{padding:20px 12px 0}h1{font-size:20px}.workspace{display:flex;flex-direction:column;min-height:0}.rail{border-right:0;border-bottom:1px solid var(--line);order:1}.rail .section-title{height:35px}.photo-list{display:flex;gap:6px;padding:7px 0;max-height:100px;min-height:35px;overflow:auto}.photo-item{width:144px;min-width:144px;margin:0;height:54px}.photo-item img{width:36px;height:38px}.photo-item .filename{max-width:78px}.stage{order:2;min-height:340px;padding:22px 14px}#preview{max-height:430px}.empty h2{font-size:15px}.editor{order:3;border-left:0;border-top:1px solid var(--line);padding:0 16px}.editor form{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.editor label{margin-bottom:12px}.field-pair{gap:8px}.editor form button{align-self:end;margin-bottom:12px}.editor-note{margin:5px 0 12px}.preview-caption{font-size:9px}footer{padding:20px 12px;font-size:8px}.warning{margin:0 0 12px}.list-empty{margin:0}}

.editor textarea{display:block;width:100%;min-height:54px;border:1px solid #dbe0e6;border-radius:4px;padding:7px 9px;background:#fff;color:#343b43;font-size:12px;line-height:18px;resize:vertical}.editor textarea:disabled{background:#fafbfc;color:#a7adb5}.editor textarea::placeholder{color:#b2b7bd}@media(max-width:760px){.lens-field{grid-column:1/-1}}