:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#e9edf6;background:#0e1015;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;min-width:1120px;height:100%;min-height:720px;margin:0}button,textarea,input{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible{outline:2px solid #a89eff;outline-offset:2px}.pdf-app{height:100%;overflow:hidden;background:#0e1015}.pdf-topbar{height:62px;padding:0 24px;border-bottom:1px solid #282c35;background:#15181e;display:flex;align-items:center;justify-content:space-between}.pdf-topbar>div{display:flex;align-items:baseline;gap:12px}.pdf-topbar strong{font-size:17px;letter-spacing:.02em}.pdf-topbar span{color:#8e95a6;font-size:12px}.connection-status{min-width:108px;height:30px;padding:0 12px;border:1px solid #343945;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#b9c0cf;font-size:12px}.connection-status i{width:7px;height:7px;border-radius:50%;background:#8e95a6}.connection-status.is-ready i{background:#55ca92;box-shadow:0 0 0 4px #55ca921a}.connection-status.is-error i{background:#ef6a73}.category-tabs{height:54px;padding:0 24px;border-bottom:1px solid #282c35;background:#15181e;display:flex;align-items:flex-end;gap:28px}.category-tabs button{position:relative;height:54px;padding:0 2px;border:0;background:transparent;color:#858c9c;cursor:pointer;font-size:13px}.category-tabs button:hover{color:#cdd2dd}.category-tabs button.is-active{color:#fff;font-weight:650}.category-tabs button.is-active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#8c7cff;content:""}.pdf-workspace{height:calc(100% - 116px);display:grid;grid-template-columns:190px minmax(540px,1fr) 330px}.feature-list{padding:20px 12px;border-right:1px solid #282c35;background:#12151a;overflow-y:auto}.feature-list-heading{margin:0 8px 12px;display:flex;align-items:center;justify-content:space-between;color:#d9dde6;font-size:12px;font-weight:650}.feature-list-heading small{color:#676e7d;font-size:11px;font-weight:500}.feature-list>button{width:100%;height:42px;margin:2px 0;padding:0 11px;border:1px solid transparent;border-radius:8px;background:transparent;display:flex;align-items:center;gap:10px;color:#9299a8;cursor:pointer;font-size:13px;text-align:left}.feature-list>button:hover{background:#1a1e25;color:#dce1eb}.feature-list>button.is-active{border-color:#413c65;background:#282441;color:#eeeaff}.design-stage{min-width:0;padding:24px;overflow-y:auto}.stage-heading{max-width:980px;margin:0 auto 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.stage-kicker{color:#8676f7;font-size:11px;font-weight:700;letter-spacing:.08em}.stage-heading h1{margin:5px 0 4px;color:#f3f5f9;font-size:22px;line-height:1.2}.stage-heading p{margin:0;color:#858c9c;font-size:12px}.download-button{height:36px;padding:0 13px;border:1px solid #393e49;border-radius:8px;background:#1a1e25;display:flex;align-items:center;gap:7px;color:#dfe3ec;cursor:pointer;font-size:12px}.download-button:hover{border-color:#62589a}.image-canvas{position:relative;width:min(100%,980px);aspect-ratio:4 / 3;margin:0 auto;border:1px solid #2f343e;border-radius:12px;background:#181b21;overflow:hidden}.image-canvas>img{width:100%;height:100%;display:block;object-fit:contain}.image-canvas>canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair;opacity:.42;touch-action:none}.sample-label{position:absolute;top:14px;left:14px;padding:5px 8px;border:1px solid #353a44;border-radius:6px;background:#101217d1;color:#8f96a5;font-size:10px}.clear-mask{position:absolute;right:14px;bottom:14px;z-index:2;height:32px;padding:0 11px;border:1px solid #5a526d;border-radius:7px;background:#121419eb;color:#e7e2f7;cursor:pointer;font-size:11px}.canvas-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#0a0c10c7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#f1efff}.canvas-loading span{color:#969dab;font-size:11px}.result-strip{width:min(100%,980px);margin:12px auto 0;display:flex;gap:8px}.result-strip button{width:68px;height:52px;padding:0;border:1px solid #343944;border-radius:7px;background:#15181e;overflow:hidden;cursor:pointer}.result-strip button.is-active{border-color:#8c7cff}.result-strip img{width:100%;height:100%;object-fit:cover}.material-browser,.search-browser,.model-browser{width:min(100%,980px);min-height:520px;margin:0 auto;border:1px solid #2f343e;border-radius:12px;background:#14171c;overflow:hidden}.search-grid{padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.search-card{min-width:0;border:1px solid #303540;border-radius:10px;background:#191c22;overflow:hidden}.search-card>img{width:100%;aspect-ratio:4 / 3;display:block;object-fit:cover}.search-card>div{padding:10px}.search-card strong,.search-card span,.search-card small{display:block}.search-card strong{overflow:hidden;color:#eceef3;font-size:12px;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.search-card span{margin-top:5px;color:#9387ee;font-size:10px}.search-card small{min-height:30px;margin-top:7px;color:#666e7c;font-size:9px;line-height:1.45}.model-result{min-height:520px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#55ca92;text-align:center}.model-result strong{color:#eef1f6;font-size:17px}.model-result span{color:#9aa1af;font-size:12px}.model-result small{max-width:420px;color:#666e7c;font-size:10px;line-height:1.5}.material-empty{min-height:520px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#7770c9;text-align:center}.material-empty strong{color:#e7e9ef;font-size:16px}.material-empty span{color:#8d94a3;font-size:12px}.material-empty small{margin-top:4px;color:#656c79;font-size:10px}.material-grid{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.material-card{min-width:0;border:1px solid #303540;border-radius:10px;background:#191c22;overflow:hidden}.material-card>img{width:100%;aspect-ratio:16 / 9;display:block;object-fit:cover}.material-card>div{padding:12px}.material-card span,.material-card small{display:block;color:#777f8e;font-size:10px}.material-card strong{margin:4px 0;display:block;color:#eceef3;font-size:13px}.material-card p{min-height:30px;margin:9px 0 10px;color:#666e7c;font-size:10px;line-height:1.45}.material-card button{width:100%;height:34px;border:1px solid #4b456b;border-radius:7px;background:#27233b;display:flex;align-items:center;justify-content:center;gap:7px;color:#d9d4f7;cursor:pointer;font-size:11px}.material-card button:hover{border-color:#776dc2;background:#312c4c}.run-panel{padding:20px;border-left:1px solid #282c35;background:#15181e;overflow-y:auto}.mode-picker{margin-bottom:20px;padding:3px;border:1px solid #303540;border-radius:9px;background:#101318;display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:3px}.mode-picker button{min-height:34px;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:#858c9b;cursor:pointer;font-size:11px}.mode-picker button.is-active{background:#302a4c;color:#eeeaff}.panel-block{margin-bottom:18px}.panel-title{margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;color:#cbd0db;font-size:12px;font-weight:650}.panel-title small{color:#6e7584;font-size:10px;font-weight:500}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.upload-grid .upload-slot:only-child{grid-column:1 / -1}.upload-slot{position:relative;min-width:0}.upload-slot>button:first-child{width:100%;min-height:92px;padding:10px;border:1px dashed #3b414d;border-radius:9px;background:#101318;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#8f96a5;cursor:pointer}.upload-slot>button:first-child:hover{border-color:#7469b6;color:#d9d4fb}.upload-slot span{max-width:100%;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.upload-slot small{color:#616875;font-size:9px}.upload-slot.has-image>button:first-child{padding:5px;border-style:solid}.upload-slot img{width:100%;height:60px;border-radius:5px;object-fit:cover}.upload-slot input{display:none}.remove-upload{position:absolute;top:5px;right:5px;z-index:2;width:24px;height:24px;padding:0;border:1px solid #414753;border-radius:50%;background:#101318e5;display:grid;place-items:center;cursor:pointer}.no-upload-needed{height:52px;border:1px solid #303540;border-radius:8px;background:#101318;display:flex;align-items:center;justify-content:center;gap:8px;color:#7f8796;font-size:11px}.mask-instruction{margin:-4px 0 18px;padding:10px;border:1px solid #393451;border-radius:8px;background:#211e31;display:flex;align-items:flex-start;gap:8px;color:#c8c1ef;font-size:11px;line-height:1.5}.mask-instruction svg{flex:0 0 auto;margin-top:1px}.selected-material{margin:-4px 0 18px;padding:8px;border:1px solid #393e49;border-radius:8px;background:#101318;display:flex;align-items:center;gap:9px}.selected-material img{width:44px;height:44px;border-radius:6px;object-fit:cover}.selected-material div{min-width:0}.selected-material span,.selected-material strong{display:block}.selected-material span{margin-bottom:3px;color:#747c8a;font-size:9px}.selected-material strong{overflow:hidden;color:#dce0e8;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.prompt-field{display:block}.prompt-field>span{margin-bottom:8px;display:block;color:#cbd0db;font-size:12px;font-weight:650}.prompt-field textarea{width:100%;min-height:112px;padding:11px 12px;border:1px solid #343a45;border-radius:9px;outline:none;resize:vertical;background:#101318;color:#e5e8ef;font-size:12px;line-height:1.6}.prompt-field textarea:focus{border-color:#7368b7;box-shadow:0 0 0 3px #7368b71f}.prompt-field textarea::placeholder{color:#555d6a}.training-note{margin:12px 0 0;color:#737b89;font-size:10px;line-height:1.5}.run-actions{margin-top:18px}.run-actions>small{margin-bottom:8px;display:block;color:#c89971;font-size:10px;line-height:1.45}.run-button{width:100%;height:44px;border:1px solid #8c7cff;border-radius:9px;background:#7868eb;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;box-shadow:0 8px 22px #3127753d}.run-button:hover:not(:disabled){background:#8374ef}.run-button:disabled{border-color:#353a43;background:#292d35;color:#68707e;cursor:not-allowed;box-shadow:none}.job-feedback{margin-top:10px;padding:10px;border-radius:8px;display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.45}.job-feedback.is-success{border:1px solid #285e48;background:#172a22;color:#83d8b1}.job-feedback.is-error{border:1px solid #63383d;background:#2d1b1e;color:#e7959b}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}@media(max-width:1260px){.pdf-workspace{grid-template-columns:174px minmax(500px,1fr) 300px}.design-stage{padding:20px}.run-panel{padding:16px}}