:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#2e2e2e;background:#fafafa;font-synthesis:none;font-weight:400;--bg:#fafafa;--surface:#ffffff;--ink:#2e2e2e;--muted:#7a7a7a;--line:#e5e5e5;--accent:#828282;--glass:rgba(255,255,255,.92);--shadow:0 8px 30px #2e2e2e0c,inset 0 1px 0 #ffffffdb;--radius:22px;--motion:.28s}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #808080}a{color:inherit}svg{flex-shrink:0}::selection{background:#d8d8d8}button,input,select{touch-action:manipulation}input,select,textarea{color:var(--ink)}.glass{background:var(--glass);border:1px solid #ffffffd9;box-shadow:var(--shadow);backdrop-filter:blur(22px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root[data-motion=false] *{animation:none!important;transition:none!important}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{height:42px;width:42px;display:grid;place-items:center;background:linear-gradient(140deg,#4d4d4d,#262626);color:#e7e7e7;border-radius:14px;box-shadow:inset 0 1px 1px #ffffff50,0 5px 10px #45454515}.brand strong{font-size:21px;font-weight:600;letter-spacing:2px}.brand-divider{width:1px;height:14px;background:#8585852b;margin:0 2px}.brand-en{font-size:11px;letter-spacing:2px;color:#7d7d7d}.brand.small .brand-mark{width:34px;height:34px;border-radius:10px}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#e6e6e6,#bfbfbf);border:1px solid #ffffff;display:grid;place-items:center;font-size:12px;color:#5f5f5f}.icon-btn{height:38px;width:38px;display:inline-flex;justify-content:center;align-items:center;border-radius:11px;position:relative;flex-shrink:0;transition:background .18s,color .18s;color:#757575}.icon-btn:hover{background:#e6e6e6;color:#404040}.icon-btn.active{background:#dcdcdc;color:#595959;box-shadow:inset 0 1px #fff9}.tooltip{position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:12px;color:#fff;background:#353535ed;border-radius:7px;padding:7px 10px;opacity:0;pointer-events:none;z-index:80;transition:opacity .13s}.icon-btn:hover .tooltip,.icon-btn:focus-visible .tooltip{opacity:1;transition-delay:.35s}.primary-btn{background:linear-gradient(120deg,#454545,#2f2f2f);color:#f9f9f9;border-radius:13px;display:inline-flex;justify-content:center;align-items:center;gap:12px;box-shadow:0 9px 20px #45454520,inset 0 1px #ffffff36;border:1px solid #414141;font-size:14px;transition:transform .25s,box-shadow .25s;padding:14px 23px}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #45454540,inset 0 1px #ffffff36}.text-btn{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#727272;padding:12px 0}.text-btn:hover{color:#3f3f3f}.subtle-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#6b6b6b;border:1px solid #d6d6d670;background:#fafafa60;border-radius:10px;padding:10px 14px;transition:background .2s}.subtle-btn:hover{background:#fff;color:#494949}.modal{border:1px solid #ffffff;border-radius:24px;padding:0;width:min(520px,calc(100vw - 30px));max-height:88dvh;color:var(--ink);background:#f8f8f8ef;box-shadow:0 35px 100px #34343435;backdrop-filter:blur(30px);overflow:auto}.modal.wide{width:min(800px,calc(100vw - 30px))}.modal::backdrop{background:#3f3f3f4a;backdrop-filter:blur(5px)}.modal-inner{padding:24px}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal h2{font-size:20px;font-weight:550;margin:0}.modal-description{font-size:13px;line-height:1.8;color:#8c8c8c;margin:18px 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.danger-btn{background:#696969;color:#fff;border-radius:10px;font-size:13px;padding:11px 16px}.settings-section{padding:18px 0;border-bottom:1px solid #e4e4e4}.settings-section:first-of-type{padding-top:0}.settings-heading{display:flex;align-items:center;gap:9px}.settings-heading h3{font-size:14px;font-weight:550;margin:0}.settings-section p,.asset-heading p{font-size:12px;line-height:1.8;color:#8d8d8d}.tool-toggles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.tool-toggles label{display:flex;align-items:center;gap:6px;font-size:12px;border:1px solid #dfdfdf;padding:10px 8px;border-radius:9px;background:#fff5;cursor:pointer}input[type=checkbox],input[type=range]{accent-color:#888888}.setting-row{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:13px}.setting-row input{width:32px;height:18px;cursor:pointer}.badge{margin-left:auto;border:1px solid #e1e1e1;padding:4px 8px;border-radius:5px;font-size:10px;color:#9c9c9c}.settings-bottom{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-bottom>span{font-size:11px;color:#9f9f9f}.asset-heading{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:20px}.asset-heading .subtle-btn{flex-shrink:0}.asset-empty{text-align:center;padding:60px 0;color:#9e9e9e}.asset-empty svg{color:#aeaeae}.asset-empty h3{font-size:17px;font-weight:500}.asset-empty p{font-size:13px;color:#a8a8a8}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.asset-grid article{border:1px solid #e5e5e5;border-radius:14px;padding:5px;min-width:0}.asset-preview{width:100%;height:140px;background:#ececec;border-radius:9px;position:relative;padding:0;overflow:hidden;opacity:1!important}.asset-preview img{width:100%;height:100%;object-fit:contain}.asset-preview>span{position:absolute;inset:auto 0 0;padding:9px;background:#3e3e3ed9;color:#fff;font-size:12px;opacity:0}.asset-preview:hover>span{opacity:1}.asset-grid article>div{display:flex;align-items:center;justify-content:space-between;gap:4px;padding-left:7px;font-size:12px}.asset-grid article>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%);z-index:9999;border-radius:13px;padding:12px 14px;display:flex;align-items:center;gap:12px;font-size:13px;max-width:calc(100vw - 30px);background:#fafafa;box-shadow:0 8px 40px #3c3c3c25}.toast>svg{color:#828282}.toast button{display:flex;padding:3px;color:#9a9a9a}.app-loading,.editor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#8d8d8d;font-size:14px}.app-loading{min-height:100dvh}.loading-ring{width:24px;height:24px;border:2px solid #d9d9d9;border-top-color:#8b8b8b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editor{position:relative;height:100dvh;overflow:hidden;background:#f3f3f3}.canvas-host{position:absolute;inset:0;background-color:#f1f1f1;touch-action:none}.canvas-host.with-grid{background-image:radial-gradient(#c8c8c880 .8px,transparent .8px)}.canvas-header{position:absolute;top:20px;left:20px;border-radius:16px;height:62px;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;z-index:20}.toolbar-divider{width:1px;height:21px;background:#d8d8d880;flex-shrink:0;margin:0 3px}.canvas-title{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.canvas-title>input{font-size:14px;font-weight:550;border:0;background:none;width:180px;padding:0;outline-offset:2px}.save-state{display:flex;gap:4px;align-items:center;font-size:10px;color:#929292;padding:0}.save-error{color:#7d7d7d}.tiny-spinner{width:10px;height:10px;display:block;border-radius:50%;border:1px solid #dddddd;border-top-color:#8b8b8b;animation:spin 1s linear infinite}.canvas-top-right{position:absolute;top:25px;right:22px;display:flex;gap:10px;align-items:center;z-index:20}.canvas-export{height:41px;font-size:13px}.canvas-top-right>.icon-btn{border-radius:12px;height:41px;width:41px}.canvas-left,.canvas-right{position:absolute;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:16px}.canvas-left{left:22px}.canvas-right{right:22px}.horizontal-divider{height:1px;background:#d9d9d980;margin:5px 6px}.canvas-left .tooltip{top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.canvas-right .tooltip{top:50%;left:auto;right:calc(100% + 12px);transform:translateY(-50%)}.canvas-bottom-left,.canvas-bottom-right{position:absolute;bottom:21px;display:flex;align-items:center;gap:3px;border-radius:14px;padding:5px;z-index:20}.canvas-bottom-left{left:22px}.canvas-bottom-right{right:22px}.layer-counter{font-size:11px;color:#a1a1a1;padding:0 8px}.zoom-value{width:44px;font-size:12px;color:#707070}.canvas-bottom-left .tooltip,.canvas-bottom-right .tooltip{top:auto;bottom:calc(100% + 10px)}.canvas-bottom-center{position:absolute;bottom:38px;left:50%;transform:translate(-50%);display:flex;gap:10px;font-size:10px;color:#aaa;white-space:nowrap;pointer-events:none}.canvas-bottom-center i{font-style:normal}.canvas-empty{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.canvas-empty-symbol{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:18px;margin-bottom:20px;opacity:.4;filter:grayscale(.7)}.canvas-empty-symbol .brand-mark{width:45px;height:45px;border-radius:14px}.canvas-empty h1{font-size:23px;font-weight:400;color:#919191;letter-spacing:1px;margin-bottom:12px}.canvas-empty p{font-size:13px;color:#ababab;margin-bottom:23px}.canvas-empty .subtle-btn{pointer-events:auto}.context-tools{position:absolute;z-index:25;display:flex;align-items:center;padding:5px;border-radius:12px;transform:translate(-50%);max-width:calc(100vw - 30px)}.context-tools .icon-btn{width:33px;height:33px;border-radius:8px}.context-tools .tooltip{bottom:calc(100% + 10px);top:auto}.selection-label{font-size:11px;white-space:nowrap;padding:0 7px;color:#898989}.canvas-panel{position:absolute;right:87px;top:100px;bottom:92px;width:282px;border-radius:18px;z-index:30;display:flex;flex-direction:column;overflow:hidden}.canvas-panel.tools-panel{left:88px;right:auto;width:310px}.canvas-panel>header{display:flex;align-items:center;justify-content:space-between;padding:13px 12px 8px 20px}.canvas-panel h2{margin:0;font-size:14px;font-weight:550}.layers-list,.properties,.tool-list{overflow:auto;padding:8px}.layer-row{display:flex;align-items:center;gap:0;border-radius:9px;padding:3px;margin-bottom:2px}.layer-row.selected{background:#e3e3e3}.layer-name{display:flex;align-items:center;gap:8px;min-width:0;flex:1;text-align:left;padding:7px;font-size:11px;color:#727272}.layer-name>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-row .icon-btn{height:27px;width:27px;border-radius:6px}.layer-row .icon-btn svg{width:13px;height:13px}.properties{padding:12px 19px}.properties label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#898989;margin-bottom:17px}.properties input:not([type=range]),.properties select{border:1px solid #e1e1e1;border-radius:8px;background:#ffffff65;padding:8px;width:100%;font-size:12px;min-width:0}.properties input[type=color]{height:35px;padding:3px}.properties input[type=range]{width:100%;margin:0}.property-row{display:flex;gap:9px}.property-row>label{min-width:0;flex:1}.property-hint,.panel-empty{font-size:12px;line-height:1.8;color:#a7a7a7;padding:13px 12px}.property-hint{padding:0;margin-top:18px}.tool-search{display:flex;align-items:center;gap:10px;margin:5px 16px 10px;padding:9px 10px;background:#ffffff60;border:1px solid #e3e3e3;border-radius:10px;color:#9f9f9f}.tool-search input{border:0;background:none;outline:none;min-width:0;font-size:12px;width:100%}.tool-list>button{display:flex;gap:12px;align-items:center;padding:12px 10px;width:100%;text-align:left;border-radius:10px;color:#8a8a8a;opacity:1}.tool-list>button:disabled{opacity:.45}.tool-list>button:hover:not(:disabled){background:#e7e7e7}.tool-list span{display:flex;flex-direction:column;gap:5px}.tool-list strong{font-size:12px;color:#646464;font-weight:500}.tool-list small{font-size:10px;color:#9f9f9f}.tool-list em{margin-left:auto;font-size:9px;font-style:normal;white-space:nowrap}.editor-loading{position:absolute;inset:0;background:#f4f4f4e3;z-index:90}.shortcuts{display:flex;flex-direction:column;gap:14px;font-size:12px}.shortcuts>div{display:flex;justify-content:space-between;gap:14px}.shortcuts kbd{font-size:11px;color:#858585;background:#eee;padding:4px 7px;border:1px solid #e2e2e2;border-radius:5px}.export-options{display:flex;flex-direction:column;gap:10px}.export-options>button{display:flex;align-items:center;text-align:left;gap:16px;border:1px solid #e3e3e3;border-radius:13px;padding:19px;color:#8c8c8c;background:#fff6}.export-options>button:hover{background:#fff}.export-options span{display:flex;flex-direction:column;gap:7px}.export-options strong{font-weight:500;font-size:14px;color:#646464}.export-options small{font-size:11px;color:#a3a3a3}:root{--text:#484848;--text-dim:#8d8d8d;--bg-panel:#f8f8f8;--bg-subtle:#efefef;--border:#e0e0e0;--danger:#7a7a7a;--accent-hover:#7c7c7c;--bg-input:#ffffff;--accent-soft:#e8e8e8;--shadow-sm:0 3px 10px #3f3f3f10}.image-crop-mask .btn,.image-split-mask .btn,.director-desk-mask .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px;background:#eee;border:1px solid #e0e0e0;border-radius:9px;font-size:12px;color:#6c6c6c}.image-crop-mask .btn-primary,.image-split-mask .btn-primary,.director-desk-mask .btn-primary{color:#fff;background:#707070;border-color:#707070}.image-crop-mask .btn-ghost,.director-desk-mask .btn-ghost{background:none;border-color:transparent}.director-desk-mask .field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.director-desk-mask input:not([type=range]),.director-desk-mask select{padding:8px;border:1px solid #e0e0e0;border-radius:7px;min-width:0;width:100%;background:#fff;color:#616161}.director-desk-mask,.image-crop-mask,.image-split-mask{backdrop-filter:blur(8px);background:#3c3c3c75!important}.director-desk-dialog,.image-crop-dialog,.image-split-dialog{box-shadow:0 35px 100px #34343435!important;border-color:#fff!important}@media(max-width:1100px){.brand-en,.brand-divider,.canvas-bottom-center{display:none}}@media(max-width:760px){.brand strong{font-size:19px}.brand-mark{width:36px;height:36px;border-radius:11px}.canvas-header{left:12px;top:12px;gap:6px;height:55px;padding-right:10px}.canvas-header .brand{display:none}.canvas-title input{width:135px;font-size:12px}.canvas-header .toolbar-divider{display:none}.canvas-top-right{top:17px;right:12px;gap:6px}.canvas-export{font-size:11px;padding:9px}.canvas-top-right>.icon-btn{width:34px;height:36px}.canvas-left{left:12px}.canvas-right{right:12px}.canvas-left,.canvas-right{padding:4px;gap:2px}.canvas-left .icon-btn,.canvas-right .icon-btn{width:33px;height:33px}.canvas-bottom-left{left:12px;bottom:14px}.canvas-bottom-right{right:12px;bottom:14px}.layer-counter,.canvas-bottom-left .toolbar-divider{display:none}.canvas-bottom-right>.icon-btn:last-child{display:none}.canvas-bottom-right .icon-btn{width:31px}.canvas-panel{right:61px;top:86px;bottom:83px;width:min(282px,calc(100vw - 124px))}.canvas-panel.tools-panel{left:61px;width:min(310px,calc(100vw - 124px))}.canvas-empty{width:70%}.canvas-empty h1{font-size:17px;line-height:1.8}.canvas-empty p{font-size:11px;line-height:1.8}.context-tools .selection-label{display:none}.context-tools .icon-btn{width:29px}.asset-grid{grid-template-columns:repeat(2,1fr)}.modal-inner{padding:19px}.asset-heading{align-items:flex-start;gap:10px}.asset-heading p{margin:0;font-size:11px}.settings-bottom{align-items:flex-start;flex-direction:column}.modal h2{font-size:18px}}@media(max-width:420px){.brand{gap:7px}.brand strong{font-size:17px}.context-tools .icon-btn{width:27px}.canvas-top-right .canvas-export>svg:last-child{display:none}.canvas-title input{width:116px}}.login-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse at top,#e7e7e7,#fff 65%);padding:24px}.login-card{width:min(440px,100%);border:1px solid #e7e7e7;box-shadow:0 15px 80px #52525211;background:#fff;border-radius:20px;padding:36px}.login-card h1{font-size:23px;margin-top:35px}.login-card p{font-size:13px;line-height:1.8;color:#929292}.login-card label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#7e7e7e;margin-top:20px}.login-card input{border:1px solid #dddddd;border-radius:8px;padding:12px}.login-card>.primary-btn{width:100%;margin:27px 0 20px}.login-card>small{font-size:10px;line-height:1.8;color:#a6a6a6;display:block}.admin-error,.admin-success{padding:12px 15px;font-size:12px;line-height:1.7;border-radius:9px;margin-bottom:18px;overflow-wrap:anywhere}.admin-error{background:#f3f3f3;color:gray!important;border:1px solid #e2e2e2}.admin-success{background:#f0f0f0;color:#7c7c7c;display:flex;gap:8px;align-items:center;border:1px solid #dedede}.image-edit-dialog .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;background:#f5f5f5;border:1px solid #e2e2e2;border-radius:8px;font-size:12px;color:#333}.image-edit-dialog .btn-ghost{background:none;border-color:transparent}.image-edit-dialog .image-edit-pen-controls .btn[aria-pressed=true]{background:#111;color:#fff}.image-edit-dialog .btn-primary{background:#111;color:#fff;border-color:#111}:root{--lime:#d9ecac;--mint:#a9dedb;--accent:#111;--accent-hover:#000;--accent-soft:#f0f0f0;--text:#222;--text-dim:#777;--bg:#fff;--bg-panel:#fff;--bg-subtle:#f7f7f7;--border:#e6e6e6;--ink:#222;--muted:#777;--line:#e6e6e6}.editor,.canvas-host{background:#fff}.brand-logo{width:132px;height:auto;object-fit:contain}.brand.small .brand-logo{width:66px;height:auto}.brand{flex-shrink:0}.brand.small{width:auto}.avatar{background:#fff;color:#222}.primary-btn,.primary-btn:hover,.creative-root .btn-primary,.image-edit-dialog .btn-primary{background:#111;color:#fff;border-color:#111;box-shadow:0 4px 14px #00000012}.primary-btn:hover{background:#000}.icon-btn{color:#666}.icon-btn:hover{background:#f1f1f1;color:#111}.icon-btn.active{background:#111;color:#fff;box-shadow:none}.subtle-btn{background:#fffc;color:#333;border-color:#e3e3e3;backdrop-filter:blur(16px)}.text-btn{color:#444}.text-btn:hover{color:#000}.canvas-host.with-grid{background-image:radial-gradient(#00000019 .8px,transparent .8px)}.glass{background:#ffffffce;border-color:#e7e7e7;box-shadow:0 6px 28px #00000008;backdrop-filter:blur(24px)}.layer-row.selected{background:#eee}.modal{background:#fff;border-color:#eee}.modal::backdrop{background:#00000030;backdrop-filter:blur(4px)}.tool-list>button:hover:not(:disabled){background:#f4f4f4}.toast{background:#fff}.toast>svg{color:#333}input[type=checkbox],input[type=range]{accent-color:#111}.loading-ring{border-color:#ddd;border-top-color:#111}.canvas-title input{padding:3px 4px}.properties label{line-height:1.6}.properties,.panel-empty{padding:16px 20px}.image-edit-mask{background:#fff5!important;backdrop-filter:blur(18px)}.image-edit-tools button.active,.image-edit-pen-controls .btn[aria-pressed=true]{background:#111;color:#fff}.image-edit-stage-wrap{background:#fafafa}.canvas-empty{pointer-events:none}.canvas-empty button{pointer-events:auto}.canvas-drop-hint{position:absolute;inset:14px;display:grid;place-items:center;border:2px dashed #111;border-radius:18px;pointer-events:none;background:#fff9;color:#111;font-size:20px;z-index:10}.assets-panel{width:340px;max-height:calc(100vh - 170px);overflow:auto}.assets-panel .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}.assets-panel .asset-heading{padding:12px;flex-wrap:wrap;gap:8px}.assets-panel .asset-heading p{display:none}.asset-drag-hint{padding:0 16px;color:#777;font-size:12px;line-height:1.7}.asset-preview[draggable=true]{cursor:grab}.asset-preview[draggable=true]:active{cursor:grabbing}.asset-preview img{pointer-events:none}.cutout-form{padding:8px 24px 24px;display:grid;gap:16px}.cutout-form>p{font-size:13px;line-height:1.8;color:#777;margin:0}.cutout-form label{display:grid;gap:8px;font-size:13px}.cutout-form select,.cutout-form textarea{border:1px solid #ddd;border-radius:10px;padding:10px;background:#fff;max-width:100%}.cutout-results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cutout-results img{width:100%;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0/16px 16px}.provider-detection{padding:16px;background:#fafafa;border:1px solid #eee;border-radius:12px;display:grid;gap:12px}.provider-detection p{margin:0;color:#777;font-size:12px;line-height:1.7}.provider-detection-choice{display:grid;gap:8px;padding:12px;background:#fff;border-radius:8px;border:1px solid #eee}.provider-detection-choice small{color:#777}.provider-detection-choice code{overflow-wrap:anywhere}.admin-palette span:nth-child(1){background:#fff}.admin-palette span:nth-child(2){background:#d9ecac}.admin-palette span:nth-child(3){background:#a9dedb}@media(max-width:760px){.brand-logo{width:100px;height:auto}.context-tools{max-width:calc(100vw - 24px);overflow-x:auto}.context-tools .selection-label{display:none}}.layers-panel{width:340px}.layer-scope{display:flex;gap:4px;margin:0 14px 10px;padding:4px;border-radius:10px;background:#f3f3f3}.layer-scope button{flex:1;border:0;padding:8px 6px;border-radius:7px;background:transparent;color:#777;font-size:12px}.layer-scope button[aria-pressed=true]{background:#fff;color:#111;box-shadow:0 1px 4px #0001}.layer-scope span{font-size:10px;margin-left:4px;color:#999}.layer-scope-hint{font-size:11px;line-height:1.7;color:#888;margin:0 18px 12px}.layers-panel .layer-row{gap:2px}.layers-panel .layer-row .icon-btn{width:26px;min-width:26px;height:30px}.layers-panel .layer-row .icon-btn svg{width:14px;height:14px}.layers-panel .layer-name{min-width:0}.layers-panel .layer-row.layer-focused{outline:1px solid #ccc;outline-offset:-1px}.result-placement{border:0;padding:0;margin:18px 0}.result-placement legend{font-size:13px;font-weight:600;margin-bottom:12px}.placement-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cutout-form .placement-options label{display:grid;grid-template-columns:18px 1fr;padding:15px;border:1px solid #ddd;border-radius:12px;gap:8px;background:#fff;cursor:pointer}.cutout-form .placement-options label.chosen{border-color:#111;box-shadow:0 0 0 1px #111}.placement-options input{accent-color:#111;grid-row:2;margin:0;width:14px;height:14px;align-self:center}.placement-options strong{font-size:13px;font-weight:500}.placement-options small{grid-column:1/-1;font-size:11px;font-weight:400;color:#888;line-height:1.6}.result-placement>p{font-size:11px;color:#888;margin:10px 0 0}.placement-diagram{height:64px;position:relative;grid-column:1/-1;margin-bottom:5px;background:#fafafa;border-radius:7px}.placement-diagram i,.placement-diagram b{position:absolute;width:38px;height:29px;border:1px solid #999;border-radius:3px;left:calc(50% - 27px);top:15px;background:#eee}.placement-diagram i:nth-child(2){left:calc(50% - 17px);top:24px}.placement-diagram b{background:#222;border-color:#222;left:calc(50% - 8px);top:10px}.placement-diagram.beside i{left:calc(50% - 48px)}.placement-diagram.beside i:nth-child(2){left:calc(50% - 40px)}.placement-diagram.beside b{left:calc(50% + 8px);top:20px}.cutout-results{max-height:260px;overflow:auto}.cutout-form{padding:0;gap:14px}.cutout-results{max-height:140px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));overflow:auto}.cutout-results img{height:130px;object-fit:contain}.result-placement{margin:0}.placement-diagram{height:50px}.cutout-form .placement-options label{padding:12px;gap:6px}.result-placement legend{margin-bottom:8px}@media(max-width:760px){.canvas-panel.layers-panel{width:min(340px,calc(100vw - 84px));right:60px}.layers-panel .layer-row .icon-btn{width:24px;min-width:24px}.layers-panel .layer-name span{font-size:11px}}.mono-home{min-height:100dvh;color:var(--ink);background:var(--silver-bg);display:flex;flex-direction:column}.mono-home>main{flex:1}.mono-header{height:80px;max-width:1440px;width:calc(100% - 112px);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.home-brand{display:flex}.mono-header .brand-logo{width:92px;height:auto}.mono-header nav{display:flex;align-items:center;gap:26px}.mono-header nav>button{display:flex;align-items:center;gap:8px;font-size:12px}.mono-header nav>.icon-btn{width:38px;height:38px;border-radius:12px;background:var(--silver-surface);box-shadow:var(--silver-small)}.silver-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 24px 56px;min-height:274px}.silver-hero h1{display:flex;align-items:center;justify-content:center;gap:25px;margin:0 0 28px;font-size:clamp(34px,4vw,55px);font-weight:800;font-synthesis:weight;line-height:1.3;letter-spacing:1px}.silver-hero h1 .brand-logo{height:1em;width:auto}.hero-actions{display:flex;justify-content:center;gap:17px}.hero-actions button{min-height:48px;min-width:156px;font-size:13px;padding:0 22px;gap:10px;border-radius:14px}.hero-actions .subtle-btn{min-width:205px}.mono-workspace{width:calc(100% - 112px);max-width:1328px;margin:0 auto;padding:28px 0 58px;scroll-margin-top:24px;border-top:1px solid #00000009;box-shadow:0 -1px #ffffff8a}.mono-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.workspace-tabs{display:flex;align-items:center;padding:5px;gap:5px;border-radius:16px;background:var(--silver-bg);box-shadow:var(--silver-inset)}.workspace-tabs button{display:flex;align-items:center;gap:9px;border-radius:12px;min-height:41px;padding:0 18px;color:#6d6d6d;font-size:13px;transition:box-shadow .2s,background .2s}.workspace-tabs button[aria-selected=true]{background:var(--silver-face);box-shadow:var(--silver-small);color:#262626}.workspace-tabs button>span{font:11px ui-monospace,monospace;color:#6a6a6a;margin-left:3px}.workspace-caption{font-size:11px;color:#737373;margin:17px 0 24px;line-height:1.7}.workspace-import{font-size:12px;min-height:39px;padding:9px 15px;border-radius:12px}.mono-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.mono-project{min-width:0;position:relative;padding:12px 12px 19px;border-radius:22px;background:var(--silver-face);box-shadow:var(--silver-raised);transition:transform .24s,box-shadow .24s}.mono-project:hover{transform:translateY(-4px);box-shadow:-7px -7px 19px #ffffffed,9px 12px 22px #0000001c,inset 1px 1px 1px #ffffffd9}.mono-project-open{width:100%;display:block;padding:0;text-align:left;background:none;color:inherit;border:0}.mono-project-preview{height:163px;display:grid;place-items:center;position:relative;overflow:hidden;background:var(--silver-bg);box-shadow:var(--silver-inset);border-radius:14px}.mono-project-preview img{width:100%;height:100%;object-fit:contain;padding:30px 16px 16px}.mono-blank{color:#aaa;display:grid;place-items:center}.project-scope-badge{position:absolute;left:11px;top:10px;display:flex;align-items:center;gap:4px;font-size:9px;color:#656565;background:#f1f1f1d9;border-radius:6px;padding:4px 6px;backdrop-filter:blur(10px)}.mono-open-arrow{position:absolute;right:12px;bottom:12px;width:30px;height:30px;border-radius:10px;background:var(--silver-face);box-shadow:var(--silver-small);display:grid;place-items:center;opacity:0;transition:opacity .2s}.mono-project:hover .mono-open-arrow,.mono-project:focus-within .mono-open-arrow{opacity:1}.mono-project-meta{display:flex;flex-direction:column;gap:7px;padding:19px 25px 0 5px}.mono-project-meta strong{font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono-project-meta>span{font-size:10px;color:#717171}.mono-project-meta>small{font-size:10px;color:#737373;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono-project-delete{position:absolute;right:10px;bottom:15px;opacity:0;width:30px;height:30px}.mono-project-delete svg{width:15px}.mono-project:hover .mono-project-delete,.mono-project:focus-within .mono-project-delete{opacity:1}.home-empty{grid-column:1/-1;min-height:223px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:22px;background:var(--silver-face);box-shadow:var(--silver-raised);padding:30px}.empty-inset{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;box-shadow:var(--silver-inset);color:#737373}.home-empty p{font-size:13px;color:#595959;margin:20px 0 9px}.home-empty>span{font-size:11px;color:#737373;line-height:1.7}.mono-footer{display:flex;align-items:center;justify-content:space-between;max-width:1440px;width:calc(100% - 112px);margin:0 auto;padding:23px 0;font-size:9px;letter-spacing:1.3px;color:#737373;border-top:1px solid #00000007}.create-canvas-form{display:grid;gap:20px}.create-canvas-form>label{display:grid;gap:10px;font-size:12px}.create-canvas-form>label>input{padding:13px 14px;border-radius:12px;min-width:0}.create-canvas-form fieldset{margin:0;padding:0;border:0;display:grid;gap:10px}.create-canvas-form legend{font-size:12px;margin-bottom:11px}.scope-choice{display:flex;align-items:center;gap:12px;padding:16px;border-radius:14px;box-shadow:var(--silver-small);cursor:pointer}.scope-choice:has(input:checked){box-shadow:var(--silver-inset)}.scope-choice span{display:flex;flex-direction:column;gap:7px}.scope-choice strong{font-size:12px;font-weight:500}.scope-choice small{font-size:10px;color:#717171;line-height:1.6}.scope-choice input{accent-color:#292929}.create-canvas-form .modal-actions{margin-top:0}@media(min-width:1600px){.silver-hero{min-height:306px}.mono-project-preview{height:185px}}@media(max-width:1100px){.mono-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.mono-header,.mono-workspace,.mono-footer{width:calc(100% - 64px)}}@media(max-width:800px){.mono-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.silver-hero h1{gap:18px;font-size:37px}.silver-hero{padding-top:20px;padding-bottom:48px;min-height:250px}}@media(max-width:520px){.mono-header,.mono-workspace,.mono-footer{width:calc(100% - 40px)}.mono-header{height:68px}.mono-header nav{gap:18px}.silver-hero{padding:22px 14px 42px;min-height:238px}.silver-hero h1{gap:14px;font-size:29px;letter-spacing:1px;margin-bottom:26px}.hero-actions{gap:12px;width:100%}.hero-actions button{min-width:0;padding:0 15px;font-size:12px;gap:7px;min-height:46px}.hero-actions .subtle-btn{min-width:0}.hero-actions .subtle-btn>svg:last-child{display:none}.mono-project-grid{grid-template-columns:1fr;gap:22px}.mono-project-preview{height:186px}.mono-section-heading{gap:10px}.workspace-tabs{gap:2px;padding:4px}.workspace-tabs button{padding:0 10px;gap:6px;font-size:12px;min-height:39px}.workspace-tabs button>span{margin:0;font-size:10px}.workspace-tabs button>svg{width:14px}.workspace-import{padding:9px;font-size:11px;gap:5px;white-space:nowrap}.workspace-import svg{width:13px}.mono-project-delete{opacity:1}.mono-workspace{padding-top:22px}.workspace-caption{font-size:10px}}.site-record{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:0;color:#6e6e6e}.site-record a{color:#4a4a4a;text-decoration:none;border-bottom:1px solid #0000002e;padding-bottom:1px;transition:color .2s,border-color .2s}.site-record a:hover{color:#111;border-bottom-color:#111}:root{--silver-bg:#ededed;--silver-surface:#f1f1f1;--silver-face:linear-gradient(135deg,#ffffff3d,#ffffff00),#ededed;--silver-raised:inset 1px 1px 1px #ffffffd9,-6px -6px 16px #ffffffd9,6px 6px 16px #0000001d;--silver-small:inset 1px 1px 1px #ffffffd9,-3px -3px 9px #ffffffd9,3px 3px 9px #00000016;--silver-inset:inset 2px 2px 5px #0000001c,inset -2px -2px 4px #ffffffd9;--ink:#262626;--muted:#6e6e6e;--text:#262626;--text-dim:#6e6e6e;--bg:#ededed;--surface:#f1f1f1;--bg-panel:#f1f1f1;--bg-subtle:#ededed;--border:#d6d6d6;--line:#d6d6d6;--accent:#282828;--accent-soft:#e3e3e3;--radius:22px;background:var(--silver-bg)}body{background:var(--silver-bg);color:var(--ink)}body .glass,body .login-card{background:var(--silver-face);border:1px solid #ffffff59;box-shadow:var(--silver-raised);backdrop-filter:blur(16px)}body .modal{background:var(--silver-surface);border:1px solid #00000010;box-shadow:0 24px 64px -20px #00000045,0 4px 14px -4px #0000001f;backdrop-filter:none;border-radius:22px}body .modal::backdrop{background:#00000026;backdrop-filter:blur(6px)}body .primary-btn,body .creative-root .btn-primary,body .image-edit-dialog .btn-primary{background:linear-gradient(145deg,#393939,#222);color:#fff;border:1px solid #ffffff0a;box-shadow:inset 1px 1px 1px #ffffff30,4px 4px 10px #00000020,-3px -3px 9px #ffffffc9}body .primary-btn:hover:not(:disabled){background:linear-gradient(145deg,#292929,#111)}body .subtle-btn,body .provider-form .btn,body .image-edit-dialog .btn:not(.btn-primary){background:var(--silver-face);color:#383838;border:1px solid #ffffff66;box-shadow:var(--silver-small);backdrop-filter:none}body .subtle-btn:hover:not(:disabled){background:#f6f6f6}body :is(.primary-btn,.subtle-btn,.icon-btn){transition:background .18s,box-shadow .18s,transform .18s}body :is(.primary-btn,.subtle-btn):active:not(:disabled){transform:translateY(1px);box-shadow:var(--silver-inset)}body .icon-btn:hover:not(:disabled){background:var(--silver-face);box-shadow:var(--silver-small);color:#222}body .icon-btn.active{background:var(--silver-bg);box-shadow:var(--silver-inset);color:#171717}body .danger-btn{background:#333;color:#fff;border-radius:12px;box-shadow:var(--silver-small)}body .avatar{background:var(--silver-face);box-shadow:var(--silver-small);color:#4b4b4b}body :is(.admin-form,.binding-card,.properties,.login-card,.cutout-form,.create-canvas-form) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){background:var(--silver-bg);border:1px solid transparent;box-shadow:var(--silver-inset);border-radius:12px;color:#333}body :is(input,select,textarea):focus-visible{outline:2px solid #737373;outline-offset:3px}body input::placeholder,body textarea::placeholder{color:#777}body input[type=checkbox],body input[type=range]{accent-color:#333}body .loading-ring{border-color:#d4d4d4;border-top-color:#444}body .editor,body .canvas-host{background-color:var(--silver-bg)}body .canvas-host.with-grid{background-image:radial-gradient(#00000016 .75px,transparent .75px)}body .canvas-header,body .canvas-left,body .canvas-right,body .canvas-bottom-left,body .canvas-bottom-right,body .canvas-panel,body .context-tools{border-radius:17px}body .canvas-panel>header{border-bottom:1px solid #d7d7d785}body .canvas-title input{color:#333;background:transparent;box-shadow:none}body .canvas-title input[readonly]{cursor:default}body .canvas-scope-label{font-size:9px;padding:5px 7px;border-radius:7px;background:var(--silver-bg);box-shadow:var(--silver-inset);white-space:nowrap;color:#626262}body .canvas-empty-symbol{background:var(--silver-face);box-shadow:var(--silver-raised);border:0}body .canvas-empty h1{color:#555}body .canvas-empty p{color:#777}body .layer-scope{background:var(--silver-bg);box-shadow:var(--silver-inset)}body .layer-scope button[aria-pressed=true]{background:var(--silver-face);box-shadow:var(--silver-small)}body .layer-row.selected{background:#dedede;box-shadow:inset 1px 1px 3px #0000000b}body .tool-list>button:hover:not(:disabled){background:var(--silver-bg);box-shadow:var(--silver-inset)}body .tool-search,body .admin-search{background:var(--silver-bg);box-shadow:var(--silver-inset);border:0;border-radius:12px}body .tool-search input,body .admin-search input{background:transparent;box-shadow:none}body .export-options>button{background:var(--silver-face);box-shadow:var(--silver-small);border-color:transparent;border-radius:16px}body .cutout-form .placement-options label{background:var(--silver-face);box-shadow:var(--silver-small);border-color:transparent}body .cutout-form .placement-options label.chosen{box-shadow:var(--silver-inset);border-color:#999}body .placement-diagram{background:#e5e5e5}body .image-edit-dialog,body .image-crop-dialog,body .image-split-dialog,body .director-dialog{background:var(--silver-surface);border-color:#fff9;box-shadow:var(--silver-raised)}body .image-edit-tools,body .image-edit-side{background:var(--silver-bg)}body .image-edit-tools button.active{background:#333;color:#fff}body .asset-card,body .asset-upload{background:var(--silver-face);box-shadow:var(--silver-small);border-color:transparent;border-radius:15px}body .toast{background:var(--silver-surface);color:#333}body .admin-shell,body .admin-main{background:var(--silver-bg)}body .admin-sidebar{background:linear-gradient(145deg,#f1f1f1,#eaeaea);border-right:1px solid #d7d7d780}body .admin-sidebar nav button{border-radius:12px}body .admin-sidebar nav button.selected{background:var(--silver-face);box-shadow:var(--silver-small);color:#262626}body .admin-sidebar nav button:hover:not(.selected){background:var(--silver-bg);box-shadow:var(--silver-inset)}body .admin-stats button,body .admin-card,body .provider-card,body .admin-welcome,body .admin-table-wrap{background:var(--silver-face);box-shadow:var(--silver-raised);border:1px solid #ffffff40;border-radius:20px}body .admin-stats{gap:21px}body .admin-card{margin-bottom:22px}body .provider-cards{gap:24px}body .admin-stats strong{color:#333}body .admin-stats span,body .admin-main p,body .admin-form p{color:#6a6a6a}body .admin-welcome-mark,body .admin-workspace-icon,body .admin-section-icon,body .provider-emblem{background:var(--silver-face);box-shadow:var(--silver-small);border:0;color:#666}body .admin-note,body .admin-details,body .provider-detection,body .model-test-reply{background:var(--silver-bg);box-shadow:var(--silver-inset);border:0;border-radius:13px}body .provider-detection-choice{background:var(--silver-face);box-shadow:var(--silver-small);border:0;border-radius:11px}body .status-pill,body .provider-model-chips span{background:var(--silver-bg);box-shadow:var(--silver-inset);border:0;color:#606060;border-radius:6px}body .admin-table th{background:#e8e8e8;color:#636363}body .admin-table td{border-top:1px solid #d5d5d566;color:#555}body .table-user strong{color:#333}body .table-user small{color:#727272}body .provider-url{color:#686868!important}body .admin-info-row,body .provider-card-footer{border-color:#d5d5d566}body .admin-info-row strong{color:#444}body .admin-form-footer{border-color:#d5d5d5}body .admin-palette>span{background:#ededed;border:0;box-shadow:var(--silver-small)}body .admin-palette>span:nth-child(2){background:#aaa}body .admin-palette>span:nth-child(3){background:#333}body .admin-error{background:#e1e1e1;color:#333!important;border-color:#aaa}body .admin-success{background:var(--silver-bg);box-shadow:var(--silver-inset);color:#333;border:0}body .login-page{background:var(--silver-bg)}body .login-card{padding:36px;border-radius:24px}body .login-card p,body .login-card>small{color:#707070}body .app-loading{background:var(--silver-bg)}@media(max-width:760px){body .canvas-header{max-width:calc(100vw - 124px)}body .canvas-scope-label{display:none}body .admin-stats{gap:12px}body .admin-main{padding-top:24px}}body .modal:has(.admin-shell){overflow:hidden}body .admin-sidebar{overflow:auto}body .admin-sidebar nav{min-height:0;overflow:auto;flex-shrink:1;padding:6px;margin:-6px}body .admin-workspace{padding-bottom:20px;flex-shrink:0}body .admin-identity{padding-top:15px;flex-shrink:0}body .admin-sidebar .logout-button{flex-shrink:0}body .admin-table-wrap{overflow-x:auto;overflow-y:hidden}body .admin-table{table-layout:auto}body .admin-table td:last-child{white-space:nowrap}body .admin-table td:last-child>.icon-btn{vertical-align:middle}body .asset-grid article{background:var(--silver-face);box-shadow:var(--silver-small);border-color:transparent;border-radius:15px}body .tool-toggles label{background:var(--silver-face);box-shadow:var(--silver-small);border-color:transparent}body .tool-toggles label:has(input:checked){box-shadow:var(--silver-inset)}body .director-desk-dialog{background:var(--silver-surface)}body :is(.image-crop-mask,.image-split-mask,.director-desk-mask) .btn{background:var(--silver-face);box-shadow:var(--silver-small);border-color:transparent;color:#333}body :is(.image-crop-mask,.image-split-mask,.director-desk-mask) .btn-primary{background:linear-gradient(145deg,#393939,#222);color:#fff}body .director-desk-mask input:not([type=range]),body .director-desk-mask select{background:var(--silver-bg);box-shadow:var(--silver-inset);border-color:transparent;color:#333}@media(max-width:680px){body .admin-sidebar nav{overflow-x:auto;flex-shrink:0}body .admin-sidebar{overflow:visible}}body .selection-actions{position:absolute;z-index:22;width:318px;border-radius:18px;padding:15px;background:var(--silver-surface);box-shadow:0 12px 32px -12px #00000035,0 2px 7px #00000010;border:1px solid #ffffffa6;animation:selection-enter .16s ease-out}.selection-actions header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;color:#646464}.selection-actions header small{font-size:9px;letter-spacing:1px;color:#858585}.selection-generation{display:grid;grid-template-columns:1fr 1fr;gap:10px}.selection-generation>button{display:flex;align-items:center;gap:10px;text-align:left;border-radius:12px;min-height:64px;padding:12px;background:var(--silver-face);box-shadow:var(--silver-small);color:#242424}.selection-generation>button:hover{background:#f7f7f7}.selection-generation>button:active{box-shadow:var(--silver-inset)}.selection-generation span{display:grid;gap:6px}.selection-generation strong{font-size:12px;font-weight:600}.selection-generation small{font-size:9px;color:#757575}.selection-quick-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.selection-quick-tools button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;padding:9px 3px;border-radius:8px;color:#555}.selection-quick-tools button:hover{background:#00000007}.generation-form{display:grid;gap:16px}.generation-form label{display:grid;gap:8px;font-size:12px;min-width:0}.generation-form textarea,.generation-form select,.generation-form input{width:100%;min-width:0;padding:11px;border-radius:10px}.generation-form textarea{resize:vertical}.generation-parameters summary,.generation-history summary{font-size:12px;cursor:pointer;padding:10px 0}.generation-parameters>div{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:12px}.generation-job{display:grid;gap:16px}.generation-job>strong{font-size:13px}.generation-job p{font-size:12px;line-height:1.8}.generation-job>small{font-size:10px;overflow-wrap:anywhere;color:#737373}.generation-results{display:grid;gap:12px}.generation-results img,.generation-results video,.video-player{display:block;max-width:100%;width:100%;max-height:58vh;object-fit:contain;border-radius:12px;background:#e4e4e4}.generation-history>button{width:100%;margin-top:10px;justify-content:space-between;text-align:left}.generation-history small{font-size:10px;color:#737373}@keyframes selection-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){body .selection-actions{animation:none}}@media(max-width:600px){body .selection-actions{left:76px!important;right:14px;width:auto;top:auto!important;bottom:70px}.selection-generation>button{gap:6px;padding:9px}.generation-parameters>div{grid-template-columns:1fr}}.element-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.element-tabs button{display:flex;gap:10px;padding:11px 14px;border-radius:12px;background:var(--silver-face);box-shadow:var(--silver-small);font-size:12px}.element-tabs button.selected{box-shadow:var(--silver-inset);font-weight:650}.element-tabs small{opacity:.5}.tool-binding-list>div{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #00000008}.tool-binding-list label{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer}.tool-binding-list label span{display:grid;gap:6px}.tool-binding-list strong{font-size:13px;font-weight:550}.tool-binding-list small{font-size:11px;color:#777}.tool-binding-list code{font-size:10px;color:#888}.tool-binding-list button{padding:5px}.tool-center>.primary-btn{margin-top:20px}.tool-center>.admin-toolbar{justify-content:flex-end}.tool-center .subtle-btn{cursor:pointer}.selection-configured-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:200px;overflow:auto;padding:3px}.selection-configured-tools button{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;font-size:11px;background:var(--silver-face);box-shadow:var(--silver-small)}.selection-configured-tools button:hover{background:#fff}.selection-actions header span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:220px}body .rounded-select-trigger[role=combobox]{background:var(--silver-bg,#eee);color:#333;border:1px solid #00000006;border-radius:12px;box-shadow:var(--silver-inset);min-height:38px;font-size:12px}body .rounded-select-trigger[role=combobox]:focus-visible,body .rounded-select-trigger[role=combobox].is-open{outline:2px solid #777;outline-offset:2px}body .rounded-select-menu{margin:0;inset:auto;background:#f1f1f1;color:#333;border:1px solid #ffffffb0;border-radius:14px;box-shadow:0 12px 30px #00000025;padding:6px}body .rounded-select-option{border-radius:9px}body .rounded-select-option.is-active:not(.is-disabled){background:#ddd;color:#111}body .rounded-select-option.is-selected,body .rounded-select-option.is-selected.is-active:not(.is-disabled){background:#292929;color:#fff}body .rounded-select-group,body .rounded-select-chevron{color:#777}.provider-probes,.parameter-display-editor{display:grid;gap:14px;border-top:1px solid #0000000c;padding-top:20px}.provider-probes h3,.parameter-display-editor h3{margin:0;font-size:14px;font-weight:600}.provider-probes>label{display:grid;gap:8px}.provider-probes pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;font-size:11px;background:#e6e6e6;border-radius:12px;padding:14px}.provider-probes summary{cursor:pointer;font-size:12px;margin-top:12px}.provider-probes>button{justify-self:start}.parameter-display-row{padding:14px 0;border-bottom:1px solid #0000000a}.parameter-display-row summary{display:flex;align-items:center;gap:12px;cursor:pointer}.parameter-display-row summary>span{font-size:13px}.parameter-display-row summary>code{font-size:11px;color:#777}.parameter-display-row summary>small{margin-left:auto;font-size:11px;color:#777}.parameter-display-row[open]>summary{margin-bottom:18px}.parameter-display-row label{display:grid;gap:7px;font-size:12px}.parameter-display-row .setting-row{display:flex}.parameter-display-row>.admin-two-col{gap:16px;margin-bottom:15px}.parameter-display-row input[type=checkbox]{width:16px;height:16px}.probe-result{padding:14px;border-radius:14px;box-shadow:var(--silver-inset);display:grid;gap:12px}.audio-preview,.generation-results audio{width:100%;min-height:54px}.tool-center>.admin-toolbar{flex-wrap:wrap}.tool-center .tool-binding-list code{max-width:160px;overflow:hidden;text-overflow:ellipsis}.tool-model-settings{margin-top:22px;display:grid;gap:14px}.tool-model-settings>label{display:grid;gap:8px;font-size:12px}.tool-model-settings>.tool-model-scope{display:flex;align-items:center;gap:10px;line-height:1.6}.tool-model-settings input[type=checkbox]{width:16px;height:16px}.tool-model-settings small{overflow-wrap:anywhere}.reference-mode{border:0;padding:0;margin:0;min-width:0}.reference-mode legend{font-size:12px;margin-bottom:10px}.reference-mode .placement-options label{padding:16px}.reference-mode small{line-height:1.6}.generation-form .placement-options input[type=radio]{width:16px;height:16px;padding:0}body .generation-form .placement-options label{display:grid;grid-template-columns:18px 1fr;gap:8px;padding:14px;border:1px solid transparent;border-radius:14px;background:var(--silver-face);box-shadow:var(--silver-small);cursor:pointer}body .generation-form .placement-options label.chosen{box-shadow:var(--silver-inset);border-color:#999}body .generation-form .reference-mode input{grid-row:1;grid-column:1}body .generation-form .reference-mode strong{grid-row:1;grid-column:2}.generation-form .reference-mode legend{font-weight:600}.tool-center .tool-model-settings .tool-model-scope input{flex-shrink:0}.selection-configured-tools button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.tool-icon{display:block;flex-shrink:0;object-fit:contain}.tool-icon-setting{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:10px;background:var(--silver-face);box-shadow:var(--silver-small)}.icon-picker{display:grid;gap:16px}.icon-picker form{display:flex;gap:10px}.icon-picker input{flex:1;min-width:0;border-radius:12px;padding:12px;box-shadow:var(--silver-inset);background:var(--silver-bg)}.icon-picker p,.icon-picker>a{font-size:12px;color:#666;line-height:1.7;margin:0}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:10px;padding:6px;max-height:310px;overflow:auto}.icon-grid button{height:48px;display:grid;place-items:center;border:1px solid transparent;border-radius:12px;background:var(--silver-face);box-shadow:var(--silver-small)}.icon-grid button:hover{background:#fff}.icon-grid button[aria-pressed=true]{border-color:#555;box-shadow:var(--silver-inset)}.icon-preview{display:flex;align-items:center;gap:15px;padding:14px;border-radius:14px;background:#e6e6e6;overflow-wrap:anywhere}.icon-preview span{display:grid;gap:6px;font-size:12px}.icon-preview small{color:#777;font-size:11px}.canvas-guides{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:2}.snap-guides line{stroke:#777;stroke-width:1;stroke-dasharray:5 4}.gap-guide line{stroke:#777;stroke-width:1;stroke-dasharray:3 3}.gap-guide rect{fill:#333;stroke:#fff;stroke-width:.5}.gap-guide text{fill:#fff;font-size:10px;font-family:inherit;text-anchor:middle}.frame-margin-guide{fill:none;stroke:#888;stroke-width:1;stroke-dasharray:5 5}.frame-labels{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}.frame-labels button{position:absolute;display:flex;align-items:center;gap:10px;max-width:340px;height:20px;padding:0 4px;font-size:11px;white-space:nowrap;pointer-events:auto;color:#666}.frame-labels button.selected{color:#111;font-weight:600}.frame-labels small{font-size:9px;color:#888}.layout-panel h3,.frame-properties h3{font-size:12px;margin:8px 0 0;color:#666;font-weight:600}.alignment-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.alignment-buttons button{display:grid;place-items:center;height:42px;border-radius:11px;background:var(--silver-face);box-shadow:var(--silver-small)}.alignment-buttons button:active{box-shadow:var(--silver-inset)}.alignment-buttons button:disabled{opacity:.3;box-shadow:none;cursor:not-allowed}.properties .property-row{display:flex;gap:12px}.properties .property-row>*{flex:1;min-width:0}.layout-panel .subtle-btn{padding:10px 5px;gap:5px;font-size:11px;justify-content:center}.properties .property-hint{font-size:11px;line-height:1.8;color:#777;margin:0}.properties label.layout-check{display:flex;align-items:center;gap:10px;line-height:1.7}.properties .layout-check input{width:16px;height:16px;box-shadow:none}.frame-padding{display:grid;grid-template-columns:1fr 1fr;gap:12px}.frame-properties .primary-btn,.frame-properties>.subtle-btn{justify-content:center}.frame-properties .rounded-select{width:100%}.canvas-alignment-quick{display:flex;align-items:center;border-left:1px solid #00000012;margin-left:4px;padding-left:4px}@media(max-width:700px){.context-tools:has(.canvas-alignment-quick){left:50%!important;flex-wrap:wrap;justify-content:center;min-width:290px}.context-tools:has(.canvas-alignment-quick) .canvas-alignment-quick{order:2;flex-basis:100%;justify-content:center;border-left:0;border-top:1px solid #00000010;padding:4px 0 0;margin:4px 0 0}}.layer-main{flex:1;min-width:0}.layer-main .layer-name{width:100%}.layer-processing-states{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}.layer-processing-states button{display:flex;align-items:center;position:relative;gap:7px;border:1px solid #00000012;border-radius:9px;padding:7px 9px;background:#e6e6e6;color:#444;font-size:11px;cursor:pointer}.layer-processing-states button:hover{background:#fff;border-color:#999}.layer-processing-states span{display:flex;align-items:center;gap:6px}.layer-processing-states small{font-size:9px;color:#777}.layer-processing-states i{width:4px;height:4px;border-radius:50%;background:#555}.layer-processing-states .has-draft i{background:transparent;border:1px solid #777;width:5px;height:5px}.layer-processing-states.compact{display:inline-flex;margin:0;gap:4px;vertical-align:middle}.layer-processing-states.compact button{padding:4px;border-radius:6px;gap:3px}.layer-main .layer-processing-states{padding:0 7px 4px}.properties>.layer-processing-states{margin-bottom:18px}.context-tools>.layer-processing-states{flex-wrap:nowrap;flex-shrink:0}.resident-tool-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.resident-tool-summary{display:flex;gap:8px;margin:14px 0;color:#666;font-size:11px}.resident-tool-summary span{padding:6px 10px;border-radius:8px;background:var(--silver-bg);box-shadow:var(--silver-inset)}.resident-tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.resident-tool-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:10px 12px;border-radius:12px;background:var(--silver-face);box-shadow:var(--silver-small)}.resident-tool-name{display:flex;align-items:center;gap:9px;min-width:0;font-size:12px;color:#444}.resident-tool-name>svg,.resident-tool-name>img{flex-shrink:0}.resident-tool-row .rounded-select-trigger{width:94px;flex:0 0 94px}body .canvas-left,body .canvas-right{max-height:calc(100dvh - 210px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.canvas-left>*,.canvas-right>*{flex-shrink:0}@media(max-width:760px){.resident-tool-list{grid-template-columns:1fr}}