.studio{height:100dvh;display:flex;flex-direction:column;background:var(--color-canvas, #101116);color:var(--color-ink, #eee);font-size:13px;overflow:hidden}.studio button,.studio input,.studio select,.studio textarea{font:inherit}.studio button{cursor:pointer}.studio button:disabled{opacity:.4;cursor:default}.studio button:focus-visible,.studio input:focus-visible,.studio textarea:focus-visible{outline:2px solid #aaa5ff;outline-offset:2px}.studio-top{display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid #ffffff12;background:#17181f;flex-wrap:wrap}.studio-top input{background:transparent;border:0;color:#fff;font-weight:650;max-width:240px}.studio .studio-primary{background:#635bff;color:#fff;border-color:#635bff}.studio button,.studio select{border:1px solid #ffffff18;background:#23242d;color:#e6e5ee;border-radius:9px;padding:8px 11px}.studio button:hover{background:#343340}.studio .selected{border-color:#aaa5ff;background:#635bff20;color:#c6c2ff}.studio-top .spacer{flex:1}.studio-count{width:58px!important;background:#23242d!important;border:1px solid #ffffff20!important;border-radius:6px;padding:6px}.studio-body{display:grid;grid-template-columns:220px minmax(350px,1fr) 320px;flex:1;min-height:0}.studio-sidebar,.studio-inspector{padding:18px 14px;overflow:auto;background:#17181f}.studio-sidebar{border-right:1px solid #ffffff12}.studio-inspector{border-left:1px solid #ffffff12}.studio-sidebar h3{color:#858491;font-size:11px;letter-spacing:.08em;margin:22px 0 8px}.studio-sidebar button{display:block;width:100%;margin:6px 0;text-align:left}.studio-search{width:100%;padding:10px;background:#22232c;border:1px solid #ffffff18;border-radius:9px;color:#fff}.studio-sidebar small{display:block;color:#9392a0;line-height:1.6;margin-top:4px}.studio-workflow-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:4px}.studio-sidebar .studio-workflow-row button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-sidebar .studio-workflow-row button:last-child{padding:5px;text-align:center}.studio-main{min-width:0;min-height:0;position:relative;overflow:auto;background:#111219}.studio-catalog{padding:28px}.studio-catalog h1{font-size:24px;font-weight:650;margin-bottom:8px}.studio-catalog>p{color:#92909e;line-height:1.7}.studio-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin:24px 0}.studio-card{display:flex;flex-direction:column;text-align:left;padding:22px!important;min-height:150px;background:linear-gradient(140deg,#262431,#1a1b22)!important}.studio-card .icon{color:#aaa5ff;margin-bottom:20px}.studio-card b{font-size:15px;margin:0 0 8px}.studio-card small{color:#9a98a8;line-height:1.6}.studio-canvas{width:100%;height:100%;overflow:hidden;position:relative;background-image:radial-gradient(#ffffff1c 1px,transparent 1px);background-size:24px 24px;touch-action:none}.studio-plane{position:absolute;left:0;top:0;transform-origin:0 0}.studio-lines{position:absolute;left:-50000px;top:-50000px;width:100000px;height:100000px;overflow:visible;pointer-events:none}.studio-lines path{pointer-events:stroke;cursor:pointer}.studio-node{position:absolute;width:240px;min-height:136px;border:1px solid #ffffff20;border-radius:14px;background:#23232d;box-shadow:0 8px 25px #0005;-webkit-user-select:none;user-select:none}.studio-node.selected{border:2px solid #a69dff;background:#25232e}.studio-node-title{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #ffffff10;cursor:grab;font-size:12px}.studio-node-content{padding:12px;min-height:80px;color:#aaa6b6;font-size:11px;line-height:1.6}.studio-node-content[role=button]{cursor:pointer}.studio-node-content[role=button]:hover{background:#ffffff08}.studio-node-content img{width:100%;max-height:160px;object-fit:contain;border-radius:5px}.studio-port{position:absolute!important;top:54px!important;border-radius:50%!important;padding:0!important;width:15px;height:15px;background:#aaa5ff!important;border:3px solid #24212e!important}.studio-port.input{left:-8px}.studio-port.output{right:-8px}.studio-canvas-controls{position:absolute;bottom:20px;left:20px;display:flex;gap:6px;z-index:3}.studio-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;color:#8a8798;text-align:center;pointer-events:none}.studio-empty b{font-size:22px;color:#e2dfec;margin-bottom:10px}.studio-add-menu{position:absolute;z-index:10;background:#24232d;padding:10px;border:1px solid #aaa5ff55;border-radius:12px;max-height:380px;overflow:auto;width:235px}.studio .studio-add-menu button{display:block;width:100%;margin:3px 0;padding:9px 11px;text-align:left;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:13px;font-weight:400;line-height:1.35;color:#e6e5ee!important;-webkit-text-fill-color:#e6e5ee;background:#23242d!important;border-color:#41414a;text-shadow:none}.studio .studio-add-menu button:hover,.studio .studio-add-menu button:focus-visible{color:#fff!important;-webkit-text-fill-color:#fff;background:#343340!important;border-color:#706b82}.studio-inspector h2{font-size:17px;margin:0 0 18px;font-weight:650}.studio-field{display:block;margin:16px 0;color:#a7a3b4;font-size:12px}.studio-field input,.studio-field textarea,.studio-field select{display:block;margin-top:7px;width:100%;box-sizing:border-box;padding:10px;border:1px solid #ffffff1c;background:#22232b;color:#eee;border-radius:8px}.studio-field textarea{resize:vertical;min-height:105px}.studio-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-fields .studio-field{margin:6px 0}.studio-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.studio-node-settings{display:grid;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #ffffff12}.studio-option-buttons,.studio-style-picker{display:grid;gap:7px}.studio-option-buttons>b,.studio-style-picker>b{color:#aaa7b8;font-size:11px;font-weight:600}.studio-option-buttons>div,.studio-style-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.studio-option-buttons button{min-width:0;padding:7px 5px;font-size:10px}.studio-style-picker button{min-width:0;overflow:hidden;padding:4px!important;text-align:left}.studio-style-picker button small{display:block;overflow:hidden;padding:4px 2px 1px;color:inherit;font-size:9px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.studio-style-thumbnail{position:relative;display:block;height:42px;overflow:hidden;border-radius:6px;background:linear-gradient(145deg,#d8d6d0 0,#d8d6d0 44%,#ece7de 44%,#ece7de)}.studio-style-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.studio-style-thumbnail i{position:absolute;display:block;border:1px solid #ffffffbb;background:#5c8d70}.studio-style-thumbnail i:nth-child(1){left:8%;right:8%;bottom:9%;height:35%;transform:skew(-24deg)}.studio-style-thumbnail i:nth-child(2){left:16%;top:12%;width:25%;height:42%;border-radius:50% 50% 35% 35%;background:#8dbd75}.studio-style-thumbnail i:nth-child(3){right:12%;top:18%;width:31%;height:50%;background:#d4b57f}.studio-style-picker button[data-style=monochrome-architecture] .studio-style-thumbnail{filter:grayscale(1);background:repeating-linear-gradient(0deg,#fafafa 0,#fafafa 7px,#d8d8d8 8px)}.studio-style-picker button[data-style=competition-aerial] .studio-style-thumbnail{background:linear-gradient(145deg,#b9d7e9,#ece5d4)}.studio-style-picker button[data-style=competition-aerial] .studio-style-thumbnail i:nth-child(1){background:#6698ad}.studio-style-picker button[data-style=competition-aerial] .studio-style-thumbnail i:nth-child(3){background:#f4c86d}.studio-style-picker button[data-style=cartoon-collage] .studio-style-thumbnail{background:linear-gradient(135deg,#f6c5b9,#eadcf6 48%,#c2e7d8)}.studio-style-picker button[data-style=fresh-planting] .studio-style-thumbnail{background:linear-gradient(145deg,#f5f1dd,#bfe3c6)}.studio-style-picker button[data-style=big-minimal-green] .studio-style-thumbnail{background:linear-gradient(145deg,#f8faf5 0,#f8faf5 62%,#b9dcc2 62%)}.studio-style-picker button[data-style=big-minimal-warm] .studio-style-thumbnail{background:linear-gradient(145deg,#fff7e9 0,#fff7e9 62%,#eab97f 62%)}.studio-professional-toolbar{align-items:center}.studio-quick-controls{display:flex;align-items:center;gap:8px}.studio-shape-control{position:relative;display:grid;place-items:center;width:34px;height:34px;min-width:34px;padding:0!important;border:1px solid #ffd027!important;border-radius:50%!important;background:#1c1d23!important;color:#ffd027;cursor:pointer}.studio-shape-control:hover,.studio-shape-control:focus-visible{border-color:#ffe580!important;background:#2a271c!important;outline:2px solid #ffd02744}.studio-shape-control:disabled{cursor:not-allowed;opacity:.38}.studio-shape-control input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.studio-control-shape,.studio-output-shape,.studio-feature-shape{display:block;box-sizing:border-box;width:14px;height:14px;border:2px solid currentColor}.studio-control-shape.shape-circle{border-radius:50%}.studio-control-shape.shape-triangle,.studio-feature-shape.shape-1{width:0;height:0;border:0;border-right:8px solid transparent;border-bottom:14px solid currentColor;border-left:8px solid transparent}.studio-control-shape.shape-square,.studio-feature-shape.shape-0{border-radius:2px}.studio-control-shape.shape-diamond{transform:rotate(45deg)}.studio-control-shape.shape-ring,.studio-feature-shape.shape-2{border-width:3px;border-radius:50%}.studio-shape-control:after,.studio-output-kinds button:after,.studio-feature-picker button:after{position:absolute;z-index:30;left:50%;bottom:calc(100% + 9px);width:max-content;max-width:240px;padding:7px 9px;border:1px solid #ffffff25;border-radius:7px;background:#090a0e;color:#f5f3ff;box-shadow:0 8px 20px #0008;content:attr(data-tooltip);font-size:11px;line-height:1.35;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease;white-space:normal}.studio-shape-control:hover:after,.studio-shape-control:focus-visible:after,.studio-output-kinds button:hover:after,.studio-output-kinds button:focus-visible:after,.studio-feature-picker button:hover:after,.studio-feature-picker button:focus-visible:after{opacity:1;transform:translate(-50%)}.studio-quick-status{display:flex;flex-wrap:wrap;gap:6px}.studio-quick-status span{padding:4px 8px;border-radius:999px;background:#ffffff0d;color:#b9b6c8;font-size:10px}.studio-professional-settings{display:grid;gap:11px}.studio-reference-strip{display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;border:1px solid #ffffff18;border-radius:9px;background:#191a20;color:#c7c4d4;font-size:11px}.studio-reference-strip img{display:block;width:66px;height:42px;border-radius:6px;object-fit:cover}.studio-reference-strip button{padding:6px 9px}.studio-output-kinds>div{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-output-kinds button{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px}.studio-output-shape{width:10px;height:10px;color:#9d8cff}.studio-output-shape.output-colored-elevation{border-radius:50%}.studio-output-shape.output-colored-section{transform:rotate(45deg)}.studio-output-shape.output-analysis-diagram{width:0;height:0;border:0;border-right:6px solid transparent;border-bottom:11px solid currentColor;border-left:6px solid transparent}.studio-output-shape.output-line-drawing{border-radius:1px}.studio-feature-picker{display:grid;gap:7px}.studio-feature-picker>b{color:#aaa7b8;font-size:11px;font-weight:600}.studio-feature-picker>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.studio-feature-picker button{position:relative;display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:5px!important;text-align:left}.studio-feature-picker button>img{display:block;width:70px;height:44px;border-radius:6px;object-fit:cover}.studio-feature-picker button>.studio-feature-shape{margin:0 auto;color:#ffd027}.studio-feature-picker button>span:last-child{min-width:0}.studio-feature-picker strong,.studio-feature-picker small{display:block}.studio-feature-picker strong{color:inherit;font-size:10px}.studio-feature-picker small{display:-webkit-box;margin-top:3px;overflow:hidden;color:#9693a3;font-size:9px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.studio-feature-picker button.selected small{color:#ddd8ff}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.studio-results{padding:24px;display:grid;gap:18px}.studio-result{background:#1a1b23;border:1px solid #ffffff13;border-radius:14px;padding:16px}.studio-result img,.studio-result video{width:100%;max-height:600px;object-fit:contain;background:#0d0e13;border-radius:9px}.studio-diagram-preview,.studio-diagram-stage{position:relative;display:grid;width:100%;overflow:hidden;border-radius:9px;background:#0d0e13}.studio-diagram-preview>*,.studio-diagram-stage>*{grid-area:1/1}.studio-diagram-preview img,.studio-diagram-stage img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain}.studio-diagram-overlay{position:relative;width:100%;height:100%;overflow:visible}.studio-diagram-overlay.is-readonly{pointer-events:none}.studio-diagram-overlay .is-draggable{cursor:grab}.studio-diagram-overlay .is-draggable:active{cursor:grabbing}.studio-diagram-editor{min-height:0;overflow:auto;padding:14px}.studio-diagram-stage{max-width:1100px;margin:0 auto;touch-action:none}.studio-diagram-list{display:grid;gap:8px;margin-top:14px}.studio-diagram-list section{display:grid;grid-template-columns:minmax(90px,.6fr) minmax(180px,2fr) repeat(2,minmax(80px,.55fr)) minmax(100px,.7fr) minmax(120px,1fr) minmax(90px,.7fr) auto auto;align-items:center;gap:7px;padding:8px;border:1px solid #ffffff18;border-radius:10px;background:#1b1c23}.studio-diagram-list section input,.studio-diagram-list section select{min-width:0;width:100%;box-sizing:border-box;padding:7px;border:1px solid #ffffff1c;border-radius:7px;background:#22232b;color:#eee}.studio-diagram-list section label{display:grid;gap:3px;color:#aaa;font-size:10px}.studio-panorama-share{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:center;margin-top:12px;padding:12px;border:1px solid #ffffff18;border-radius:12px;background:#111219}.studio-result .studio-panorama-share>img{width:132px;height:132px;margin:0;background:#fff}.studio-panorama-share>div{display:grid;gap:7px}.studio-panorama-share input{width:100%;box-sizing:border-box;padding:8px;border:1px solid #ffffff20;border-radius:7px;background:#22232b;color:#eee}.studio-panorama-share small{color:#aaa}.studio-result h3{margin:0 0 12px}.studio-result pre{white-space:pre-wrap;font-size:12px;max-height:180px;overflow:auto;color:#a5a1b3}.studio-project-save{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:12px;padding:12px;border:1px solid #aaa5ff35;border-radius:10px;background:#13131a}.studio-project-save .studio-field{margin:0}.studio-site-guide{display:grid;gap:6px;padding:12px;border:1px solid #63c9ab45;border-radius:10px;background:#10201d;color:#d9f4ec}.studio-site-guide b{font-size:13px}.studio-site-guide span,.studio-site-guide small{font-size:11px;line-height:1.5}.studio-site-guide small{color:#9dc8bc}.studio-cost-summary{color:#c7bedc!important;font-size:11px;line-height:1.6}.studio-execution-confirm{width:min(620px,95vw)}.studio-execution-confirm header>div{display:grid;gap:4px}.studio-execution-confirm header span{font-size:11px;color:#aaa}.studio-execution-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.studio-execution-facts div{display:grid;gap:4px;padding:16px;border:1px solid #ffffff18;border-radius:12px;background:#111219;text-align:center}.studio-execution-facts b{font-size:22px;color:#f4efff}.studio-execution-facts span{font-size:10px;color:#aaa}.studio-notice{position:absolute;bottom:18px;right:20px;max-width:500px;z-index:30;background:#312940;border:1px solid #aaa5ff60;padding:12px 18px;border-radius:12px;color:#f0e9ff}.studio-library img{height:135px;object-fit:contain;background:#101116;margin-bottom:12px}.studio-agent{border-top:1px solid #ffffff18;margin-top:22px;padding-top:18px}.studio-agent textarea{width:100%;background:#24242e;border:1px solid #ffffff20;color:#eee;padding:12px;border-radius:8px;min-height:110px;resize:vertical}.studio-agent p{color:#9995a7;line-height:1.6}.studio-proposal{border:1px solid #aaa5ff40;border-radius:10px;padding:10px;margin-top:10px}.studio-proposal div{padding:7px;color:#c2bbd5}.studio-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:850;display:flex;align-items:center;justify-content:center;background:#000b;padding:30px}.studio-modal-content{width:min(1100px,95vw);max-height:92vh;overflow:auto;background:#191a22;color:#eee;border:1px solid #ffffff25;border-radius:18px;padding:22px}.studio-modal-content>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.studio-annotation-image{position:relative;display:table;max-width:100%;margin:auto}.studio-annotation-image img{max-width:100%;max-height:60vh;display:block}.studio-annotation-image svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.studio-annotation-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.studio-annotation-list>div{display:flex;align-items:center;gap:9px;border:1px solid #ffffff25;border-radius:9px;padding:8px}.studio-annotation-list span{background:#635bff;color:#fff;width:24px;height:24px;display:grid;place-items:center;border-radius:50%}.studio-annotation-list input{min-width:0;flex:1;background:transparent;border:0;color:inherit;padding:8px}.studio-status{font-size:10px;color:#aba4bf}.studio-status.failed{color:#ff9eaf}.studio-status.succeeded{color:#87dcb4}.studio-plan-edit{display:grid;grid-template-columns:1fr 320px;gap:20px}.studio-plan-edit svg{width:100%;max-height:65vh;background:#fff}.studio-plan-entities{max-height:65vh;overflow:auto}.studio-plan-entities button{width:100%;margin-bottom:4px;text-align:left}.studio-link-editor{margin:14px 0;padding:10px;border:1px solid #ffffff15;border-radius:8px}.studio-link-editor select{max-width:100%;width:100%;margin:4px 0}.studio-upload{border:1px dashed #aaa5ff66;padding:13px;border-radius:10px;cursor:pointer;display:block;text-align:center;color:#b9b2d4}.studio-upload input{display:none}.studio-upload img{height:95px;width:100%;object-fit:contain;margin-bottom:9px}.studio-source-picker{margin:15px 0;padding:10px;border:1px solid #ffffff18;border-radius:10px;color:#aaa6b6}.studio-source-picker>b,.studio-source-picker>button{display:block;width:100%;margin-bottom:8px;text-align:left}.studio-source-picker summary{margin:10px 0 7px;cursor:pointer;color:#ddd9e8}.studio-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.studio .studio-source-grid button{min-width:0;padding:6px;text-align:left}.studio-source-grid img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;margin-bottom:5px;border-radius:5px;background:#111219}.studio-source-grid span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.studio-source-popover{position:absolute;left:calc(100% + 16px);top:18px;z-index:30;width:360px;max-height:430px;overflow:auto;padding:12px;border:1px solid #5d596b;border-radius:14px;background:#202127f5;box-shadow:0 24px 70px #000a;color:#e9e6f1;-webkit-user-select:text;user-select:text;pointer-events:auto}.studio-source-popover-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.studio .studio-source-popover-head>button{width:28px;height:28px;padding:0}.studio-source-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-source-action{min-height:92px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:14px!important;text-align:left;border:1px solid #ffffff20;border-radius:11px;background:#292a33;color:#f1eef8;cursor:pointer}.studio-source-action span,.studio-project-list span{color:#9d99aa;font-size:10px}.studio-source-action input{display:none}.studio-project-list{display:grid;gap:7px}.studio .studio-project-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px;text-align:left}.studio .studio-source-back{margin-bottom:9px;padding:6px 9px}.studio-source-popover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio .studio-source-popover-grid button{min-width:0;padding:6px;text-align:left}.studio-source-popover-grid img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;margin-bottom:5px;border-radius:6px;background:#111219}.studio-source-popover-grid span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.studio-library-actions{position:sticky;top:0;z-index:3;display:flex;gap:8px;padding:10px 0;background:#111219ee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.studio-library .studio-card{position:relative}.studio-library .studio-card.is-selected{outline:2px solid #aaa5ff}.studio-library-check{display:flex;gap:6px;align-items:center;margin-bottom:8px;color:#c9c4d5}.studio-loading{min-height:100%;display:grid;align-content:center;gap:14px;padding:12%}.studio-loading span{display:block;height:72px;border-radius:12px;background:linear-gradient(90deg,#202127 25%,#2b2c35,#202127 65%);background-size:240% 100%;animation:studio-loading 1.2s ease-in-out infinite}.studio-loading span:nth-child(2){width:82%}.studio-loading span:nth-child(3){width:64%}.studio-loading p{color:#9b98a7}@keyframes studio-loading{to{background-position:-240% 0}}@media(max-width:1100px){.studio-body{grid-template-columns:180px minmax(320px,1fr) 270px}.studio-inspector{padding:12px}.studio-top{padding:10px}.studio-top input{max-width:150px}}@media(max-width:800px){.studio-body{grid-template-columns:1fr;overflow:auto}.studio-sidebar{display:flex;gap:6px;overflow:auto;padding:8px}.studio-sidebar h3,.studio-sidebar .studio-tool-list,.studio-sidebar input{display:none}.studio-sidebar button{width:auto;white-space:nowrap}.studio-main{min-height:480px}.studio-inspector{overflow:visible}.studio-canvas{height:520px}.studio-annotation-list,.studio-plan-edit{grid-template-columns:1fr}.studio-diagram-list section{grid-template-columns:1fr 1fr}.studio-diagram-list section>input{grid-column:1/-1}.studio-panorama-share{grid-template-columns:96px minmax(0,1fr)}.studio-result .studio-panorama-share>img{width:96px;height:96px}.studio{overflow:auto;height:auto;min-height:100dvh}}.studio-body{display:grid;grid-template-columns:170px minmax(0,1fr) 8px var(--studio-agent-width, 360px);flex:1;min-height:0}.studio .studio-node{min-height:0;display:flex;flex-direction:column;background:#202124;border:1px solid #606065;border-radius:16px}.studio .studio-node.selected{border:2px solid #b7a8ff;background:#232225}.studio-node-title{flex-shrink:0;min-height:44px}.studio .studio-node-content{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:8px}.studio .studio-node-content img,.studio .studio-node-content video{width:100%;height:100%;max-height:none;object-fit:contain}.studio-node-content p{overflow:auto;max-height:100%;white-space:pre-wrap;font-size:14px;padding:8px}.studio .studio-port{top:50%!important;width:24px;height:24px;margin-top:-12px;display:grid;place-items:center;font-size:17px;color:#fff;background:#28282c!important;border:2px solid #aaa!important}.studio .studio-port.input{left:-14px}.studio .studio-port.output{right:-14px}.studio .studio-resize{position:absolute;right:0;bottom:0;width:25px;height:25px;padding:0;border:0;border-radius:0 0 12px;cursor:nwse-resize;touch-action:none;background:transparent;color:#aaa}.studio-node-editor{position:absolute;z-index:8;max-height:min(680px,calc(100vh - 130px));overflow:auto;overscroll-behavior:contain;-webkit-user-select:text;user-select:text;background:#252527;border:1px solid #49474f;border-radius:18px;padding:18px;box-shadow:0 20px 45px #0006;touch-action:auto}.studio-node-editor.is-fully-expanded{max-height:none!important;overflow:visible}.studio-node-editor h2{font-size:15px;padding-right:50px}.studio-editor-close{position:absolute;right:12px;top:12px}.studio-node-editor>.studio-field{margin:10px 0}.studio-node-editor .studio-upload{padding:8px}.studio-node-editor .studio-upload img{height:70px}.studio-selection-box{position:absolute;pointer-events:none;border:1px solid #b2a0ff;background:#9c83ee25;z-index:6}.studio .studio-plane{pointer-events:none}.studio .studio-node,.studio .studio-node-editor{pointer-events:auto}.studio-canvas:focus{outline:none}.studio .studio-agent-only{display:flex;flex-direction:column;overflow:hidden;padding:20px;background:#18191d;border-left:0;width:auto;min-width:280px;max-width:none}.studio-agent-resizer{position:relative;z-index:12;width:8px;cursor:ew-resize;touch-action:none;background:transparent}.studio-agent-resizer:after{content:"";position:absolute;top:0;right:3px;bottom:0;left:3px;background:#ffffff18;transition:background .12s ease,box-shadow .12s ease}.studio-agent-resizer:hover:after,.studio-agent-resizer:focus-visible:after{background:#9d8cff;box-shadow:0 0 0 2px #9d8cff33}.studio .studio-node.has-media{overflow:visible;border-color:transparent;background:transparent;box-shadow:none}.studio .studio-node.has-media.selected{border-color:#b7a8ff;background:transparent}.studio .studio-node.has-media .studio-node-title{position:absolute;left:0;right:0;top:-38px;min-height:30px;padding:4px 8px;border:0;border-radius:8px;background:#202124e8}.studio .studio-node.has-media .studio-node-content{padding:0;overflow:hidden;border-radius:8px}.studio .studio-node.is-input.has-media{overflow:visible;border:2px solid #9f91ff;background:#202124;box-shadow:0 14px 34px #0008}.studio .studio-node.is-input.has-media .studio-node-title{position:static;min-height:44px;padding:10px 14px;border-bottom:1px solid #45454d;border-radius:14px 14px 0 0;background:#202124}.studio .studio-node.is-input.has-media .studio-node-content{padding:8px;border-radius:0 0 14px 14px}.studio .studio-node-title b,.studio .studio-node-title span,.studio-canvas-controls button,.studio-add-menu button{color:#f2efff}.studio button,.studio a{color:#e9e5ff}.studio .studio-primary,.studio button.selected,.studio button[aria-pressed=true]{color:#fff;background:#6c56e8;border-color:#9f91ff}.studio-screen-editor{position:absolute;transform:none!important}.studio-dedicated .studio-body{grid-template-columns:190px minmax(0,1fr)}.studio-dedicated .studio-agent-resizer,.studio-dedicated .studio-agent-only,.studio-no-agent .studio-agent-resizer,.studio-no-agent .studio-agent-only{display:none}.studio-no-agent .studio-body{grid-template-columns:190px minmax(0,1fr)}.studio-agent-only h2{margin-bottom:5px}.studio-agent-only>small{color:#a5a2ae}.studio-chat-messages{flex:1;min-height:100px;overflow:auto;padding:20px 0;overscroll-behavior:contain}.studio-chat-messages>p{color:#96929e;line-height:1.8}.studio-chat-message{padding:12px 14px;border-radius:12px;background:#25252d;margin-bottom:12px}.studio-chat-message.user{background:#343040;margin-left:15px}.studio-chat-message small{color:#a99acd}.studio-chat-message p{white-space:pre-wrap;line-height:1.8;font-size:13px;margin:6px 0}.studio-agent-input{border:1px solid #54515d;border-radius:15px;padding:10px;background:#242428}.studio-agent-input textarea{border:0;outline:none;background:transparent;color:#eee;width:100%;min-height:95px;padding:8px;resize:vertical}.studio-agent-references{display:flex;gap:5px;flex-wrap:wrap}.studio-agent-references span{font-size:11px;border:1px solid #8e81a9;border-radius:5px;padding:3px 5px}.studio-agent-upload{padding:8px;cursor:pointer;border:1px solid #ffffff20;border-radius:8px}.studio-agent-upload input{display:none}.studio-agent-input .studio-toolbar{justify-content:space-between;margin-bottom:0}.studio-agent-only .studio-proposal{max-height:190px;overflow:auto}.studio-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#09090bf5;z-index:1000;display:flex;flex-direction:column}.studio-lightbox header{display:flex;gap:15px;align-items:center;padding:16px 25px}.studio-lightbox header span{flex:1}.studio-lightbox>div{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}.studio-lightbox img{max-width:92%;max-height:90%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}@media(max-width:1100px){.studio-body{grid-template-columns:140px minmax(0,1fr) 8px var(--studio-agent-width, 320px)}.studio .studio-agent-only{padding:12px}}@media(max-width:800px){.studio-body{display:flex;flex-direction:column}.studio-main{min-height:560px}.studio .studio-agent-only{min-height:400px;width:auto;max-width:none;min-width:0}.studio-agent-resizer{display:none}.studio-chat-messages{max-height:300px}.studio-canvas-controls{gap:3px;left:10px}.studio-canvas-controls button{padding:6px}}.dedicated-studio{height:100dvh;overflow:hidden;background:var(--canvas);color:var(--ink)}.dedicated-studio-grid{display:grid;grid-template-columns:310px minmax(0,1fr) 430px;height:calc(100dvh - 64px);border-top:1px solid var(--line)}.dedicated-projects,.dedicated-controls{min-height:0;overflow:auto;background:var(--surface)}.dedicated-projects{display:flex;flex-direction:column;border-right:1px solid var(--line)}.dedicated-back{display:flex;align-items:center;gap:8px;padding:18px 20px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;text-align:left}.dedicated-projects>section{display:grid;gap:10px;margin:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--canvas);font-size:12px}.dedicated-projects select,.dedicated-controls select{width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);outline:none}.dedicated-projects>header{display:flex;align-items:end;justify-content:space-between;padding:8px 14px;color:var(--muted)}.dedicated-projects>header span{font-size:12px;font-weight:800;color:var(--ink)}.dedicated-projects>header small{font-size:11px}.dedicated-source-upload{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 14px 10px;padding:11px;border:1px dashed var(--line-strong);border-radius:12px;color:var(--primary);font-size:12px;font-weight:750;cursor:pointer}.dedicated-source-upload input,.dedicated-reference input,.dedicated-preview>label input{display:none}.dedicated-source-list{display:grid;gap:12px;padding:4px 14px 20px}.dedicated-source-list button{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto auto;gap:5px 10px;padding:8px;border:1px solid var(--line);border-radius:13px;background:var(--surface);text-align:left}.dedicated-source-list button.selected{border-color:var(--primary);background:var(--tint);box-shadow:0 0 0 1px var(--primary)}.dedicated-source-list img{grid-row:1/3;width:88px;height:72px;border-radius:8px;background:var(--canvas);object-fit:cover}.dedicated-source-list span{align-self:end;overflow:hidden;color:var(--ink);font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.dedicated-source-list small{color:var(--muted);font-size:10px}.dedicated-stage{display:grid;grid-template-rows:66px minmax(0,1fr) 52px 150px;min-width:0;min-height:0;background-color:var(--canvas);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:50px 50px}.dedicated-stage>header{display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent)}.dedicated-stage>header small{display:block;color:var(--primary);font-size:10px;font-weight:800}.dedicated-stage>header h2{margin:3px 0 0;font-size:16px}.dedicated-stage>header button{padding:9px;border-radius:10px;color:var(--muted)}.dedicated-preview{position:relative;display:grid;min-height:0;place-items:center;overflow:hidden;padding:24px}.dedicated-preview>label{display:grid;place-items:center;gap:10px;padding:40px 70px;border:2px dashed var(--line-strong);border-radius:20px;color:var(--muted);cursor:pointer}.dedicated-preview>label b{color:var(--ink)}.dedicated-preview>label span{font-size:11px}.dedicated-image-stack{position:relative;display:grid;width:100%;height:100%;place-items:center;overflow:hidden}.dedicated-image-stack>*{grid-area:1/1}.dedicated-image-stack>img{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 10px 40px #0002}.dedicated-image-stack>.studio-diagram-overlay{width:100%;height:100%;pointer-events:none}.dedicated-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;height:100%;min-height:0}.dedicated-compare>div{position:relative;display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden}.dedicated-compare img{max-width:100%;max-height:100%;object-fit:contain}.dedicated-compare span{position:absolute;top:8px;left:8px;padding:5px 9px;border-radius:7px;background:#16131eb8;color:#fff;font-size:11px}.dedicated-preview-controls{position:absolute;z-index:2;bottom:18px;left:50%;display:flex;align-items:center;gap:3px;max-width:calc(100% - 24px);padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 6px 24px #0003;transform:translate(-50%)}.dedicated-preview-controls button{white-space:nowrap;padding:7px 12px;border-radius:8px;color:var(--ink);font-size:11px;font-weight:700}.dedicated-preview-controls button[aria-pressed=true]{background:var(--tint);color:var(--primary)}.dedicated-preview-controls button:disabled{opacity:.4}.dedicated-running{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:8px;background:#0d1022aa;color:#fff;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dedicated-running span{justify-self:center;width:34px;height:34px;border:3px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:dedicated-spin 1s linear infinite}.dedicated-running small{opacity:.75}@keyframes dedicated-spin{to{transform:rotate(360deg)}}.dedicated-result-actions{display:flex;align-items:center;gap:9px;padding:0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);font-size:11px}.dedicated-result-actions>b{margin-right:auto;color:var(--ink)}.dedicated-result-actions button,.dedicated-result-actions a{display:flex;align-items:center;gap:5px;padding:7px 8px;border-radius:8px;color:var(--ink);text-decoration:none}.dedicated-result-actions button:hover,.dedicated-result-actions a:hover{background:var(--tint);color:var(--primary)}.dedicated-history{display:flex;align-items:center;gap:12px;overflow:auto;padding:14px 28px;background:var(--surface)}.dedicated-history button{display:grid;grid-template-columns:92px;grid-template-rows:76px auto auto;flex:0 0 auto;gap:3px;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left}.dedicated-history button.selected{border-color:var(--primary);background:var(--tint)}.dedicated-history img,.dedicated-history button>span{width:92px;height:76px;border-radius:7px;background:var(--canvas);object-fit:cover}.dedicated-history b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.dedicated-history small{color:var(--muted);font-size:9px}.dedicated-controls{display:flex;flex-direction:column;border-left:1px solid var(--line)}.dedicated-controls>header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line)}.dedicated-controls>header>svg{width:40px;height:40px;padding:9px;border-radius:13px;background:var(--tint);color:var(--primary)}.dedicated-controls>header small{color:var(--muted);font-size:10px;font-weight:700}.dedicated-controls>header h1{margin:2px 0 0;font-size:20px}.dedicated-controls>section{display:grid;gap:12px;padding:17px 24px;border-bottom:1px solid var(--line)}.dedicated-step{display:flex;align-items:center;gap:9px;font-size:12px}.dedicated-step i{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:var(--tint);color:var(--primary);font-style:normal;font-weight:850}.dedicated-segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--canvas)}.dedicated-segment.compact{grid-template-columns:repeat(3,minmax(0,1fr));padding:0;border:0;background:transparent}.dedicated-segment.dedicated-output-types{grid-template-columns:repeat(2,minmax(0,1fr));padding:5px}.dedicated-segment button{min-height:40px;padding:7px;border-radius:9px;color:var(--muted);font-size:11px;font-weight:700}.dedicated-segment button.selected{background:var(--surface);color:var(--primary);box-shadow:0 1px 5px #0002}.dedicated-feature-list{display:grid;gap:7px}.dedicated-feature-list button{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:11px;padding:7px;border:1px solid var(--line);border-radius:11px;background:var(--canvas);text-align:left}.dedicated-feature-list button.selected{border-color:var(--primary);background:var(--tint)}.dedicated-feature-list img{display:block;width:118px;height:70px;border-radius:8px;background:var(--surface);object-fit:cover}.dedicated-feature-list button>span{display:grid;gap:4px;min-width:0}.dedicated-feature-list b{font-size:11px}.dedicated-feature-list small{color:var(--muted);font-size:9px;line-height:1.45}.dedicated-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dedicated-style-grid.single{grid-template-columns:minmax(0,1fr)}.dedicated-style-grid.single img{height:132px;object-fit:contain}.dedicated-style-grid button{overflow:hidden;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left}.dedicated-style-grid button.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.dedicated-style-grid img{display:block;width:100%;height:86px;border-radius:8px;background:var(--canvas);object-fit:cover}.dedicated-style-grid span{display:block;overflow:hidden;padding:7px 4px 3px;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.dedicated-section-note{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.dedicated-board-inputs{display:grid;gap:9px}.dedicated-board-inputs>div,.dedicated-board-inputs>label{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:7px;padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--canvas);font-size:10px}.dedicated-board-inputs b{color:var(--ink)}.dedicated-board-inputs span{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.dedicated-board-inputs select{padding:8px}.dedicated-support-upload{grid-column:2;justify-self:start;color:var(--primary)!important;font-weight:750;cursor:pointer}.dedicated-support-upload input{display:none}.dedicated-reference{display:flex;align-items:center;gap:10px;padding:10px;border:1px dashed var(--line-strong);border-radius:12px;color:var(--primary);font-size:11px;font-weight:750;cursor:pointer}.dedicated-reference img{width:68px;height:48px;border-radius:7px;object-fit:cover}.dedicated-reference svg{margin-left:4px}.dedicated-text-button{justify-self:end;color:var(--danger);font-size:10px}.dedicated-prompt{display:grid;gap:8px;font-size:11px}.dedicated-prompt textarea{min-height:86px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--canvas);color:var(--ink);line-height:1.5;outline:none;resize:vertical}.dedicated-prompt textarea:focus{border-color:var(--primary)}.dedicated-annotate{padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--primary);font-size:11px;font-weight:750}.dedicated-range{display:grid;grid-template-columns:1fr auto;gap:9px;color:var(--ink);font-size:11px}.dedicated-range span{color:var(--primary);font-weight:850}.dedicated-range input{grid-column:1/3;accent-color:var(--primary)}.dedicated-controls>footer{position:sticky;bottom:0;z-index:3;display:grid;gap:12px;margin-top:auto;padding:17px 24px;border-top:1px solid var(--line);background:var(--surface);box-shadow:0 -8px 22px #0000000d}.dedicated-controls>footer>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dedicated-controls>footer label{display:grid;gap:6px;color:var(--muted);font-size:10px}.dedicated-generate{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;border-radius:12px;background:var(--primary);color:var(--on-primary);font-size:13px;font-weight:850;box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 25%,transparent)}.dedicated-generate:disabled{opacity:.45}.dedicated-controls>footer>small{color:var(--muted);font-size:9px;text-align:center}.dedicated-studio[data-render-provider=volcengine] .dedicated-controls>footer label:first-child select{border-color:#ef8b22;color:#9a4e06;background:#fff2df}.dedicated-studio[data-render-provider=gemini] .dedicated-controls>footer label:first-child select{border-color:#0ca99d;color:#08766f;background:#dff9f5}.dedicated-studio .dedicated-controls>footer label:first-child option[value=volcengine]{background:#fff2df;color:#9a4e06}.dedicated-studio .dedicated-controls>footer label:first-child option[value=gemini]{background:#dff9f5;color:#08766f}.dedicated-modal{position:fixed;z-index:150;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0009}.dedicated-modal>div{width:min(1100px,94vw);max-height:92vh;overflow:auto;border:1px solid #ffffff20;border-radius:18px;background:#17181e;padding:14px;color:#eee;box-shadow:0 24px 80px #0008}.dedicated-modal>div>header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 14px}.dedicated-modal>div>header button{padding:8px 14px;border-radius:9px;background:var(--primary);color:var(--on-primary)}.dedicated-notice{position:fixed;z-index:170;left:50%;bottom:24px;max-width:min(560px,90vw);transform:translate(-50%);padding:12px 18px;border-radius:12px;background:#17181e;color:#fff;font-size:12px;box-shadow:0 10px 35px #0005}@media(max-width:1200px){.dedicated-studio-grid{grid-template-columns:250px minmax(0,1fr) 360px}.dedicated-controls{font-size:11px}.dedicated-stage{grid-template-rows:58px minmax(0,1fr) 48px 130px}}@media(max-width:860px){.dedicated-studio{height:auto;min-height:100dvh;overflow:auto}.dedicated-studio-grid{display:block;height:auto}.dedicated-projects,.dedicated-controls{border:0}.dedicated-source-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dedicated-stage{height:75vh;min-height:620px}.dedicated-controls>footer{position:static}}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-300:oklch(80.8% .114 19.571);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-900:oklch(40.8% .123 38.172);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-400:oklch(85.2% .199 91.936);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--primary);--color-primary-hover:var(--primary-hover);--color-tint:var(--tint);--color-surface:var(--surface);--color-canvas:var(--canvas);--color-ink:var(--ink);--color-muted:var(--muted);--color-subtle:var(--subtle);--color-line:var(--line);--color-line-strong:var(--line-strong);--color-success:var(--success);--color-success-soft:var(--success-soft);--color-success-line:var(--success-line);--color-danger:var(--danger);--color-danger-soft:var(--danger-soft);--color-danger-line:var(--danger-line);--color-warning:var(--warning)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f3f4}::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bdc1c6}}@layer components{.custom-scrollbar::-webkit-scrollbar{height:6px}.splitter{cursor:row-resize;transition:background .2s}.splitter:hover,.splitter:active{background:#1a73e8}.canvas-container{cursor:grab;background-color:#f8f9fa;background-image:radial-gradient(#dadce0 1px,#0000 1px);background-size:20px 20px;outline:none}.canvas-grabbing{cursor:grabbing!important}.node{z-index:10;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #dadce0;border-radius:12px;flex-direction:column;width:240px;transition:box-shadow .2s,border-color .2s;display:flex;position:absolute;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.node:hover{z-index:20;border-color:#1a73e8;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.node textarea{-webkit-user-select:text;user-select:text;cursor:text}.node-body{border-radius:11px;flex-direction:column;flex-grow:1;display:flex;position:relative}.btn-delete{z-index:30;cursor:pointer;opacity:0;color:#5f6368;background:#ffffffe6;border:1px solid #dadce0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .2s,color .2s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 1px 3px #0000001a}.node:hover .btn-delete{opacity:1}.btn-delete:hover{color:#ea4335;background:#fce8e6;border-color:#fad2cf}.btn-replace{z-index:30;cursor:pointer;opacity:0;color:#5f6368;background:#ffffffe6;border:1px solid #dadce0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .2s,color .2s;display:flex;position:absolute;top:8px;right:38px;box-shadow:0 1px 3px #0000001a}.node:hover .btn-replace{opacity:1}.btn-replace:hover{color:#1a73e8;background:#e8f0fe;border-color:#d2e3fc}.port{cursor:crosshair;z-index:40;border:2px solid #fff;border-radius:50%;width:14px;height:14px;transition:transform .1s,box-shadow .1s;position:absolute;box-shadow:0 1px 3px #0000004d}.port:hover{transform:scale(1.3);box-shadow:0 0 0 3px #1a73e833}.port-left{left:-7px}.port-right{right:-7px}.port-image{background-color:#34a853}.port-prompt{background-color:#1a73e8}.svg-canvas{pointer-events:none;z-index:1;position:absolute;top:0;left:0;overflow:visible}.connection-path{fill:none;stroke:#9aa0a6;stroke-width:3px;stroke-linecap:round;pointer-events:stroke;cursor:pointer;transition:stroke .2s}.connection-path:hover{stroke:#ea4335;stroke-width:5px}.drawing-path{stroke:#1a73e8;stroke-dasharray:6 6;pointer-events:none;animation:1s linear infinite dash}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible\!{visibility:hidden!important}.visible{visibility:visible}.visible\!{visibility:visible!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-7{top:calc(var(--spacing) * 7)}.top-8{top:calc(var(--spacing) * 8)}.top-16{top:calc(var(--spacing) * 16)}.top-20{top:calc(var(--spacing) * 20)}.top-\[70px\]{top:70px}.right-0{right:0}.right-0\.5{right:calc(var(--spacing) * .5)}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-7{right:calc(var(--spacing) * 7)}.right-8{right:calc(var(--spacing) * 8)}.right-12{right:calc(var(--spacing) * 12)}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.bottom-1{bottom:var(--spacing)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-16{bottom:calc(var(--spacing) * 16)}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-20{z-index:20}.z-\[3\]{z-index:3}.z-\[80\]{z-index:80}.z-\[90\]{z-index:90}.z-\[95\]{z-index:95}.z-\[96\]{z-index:96}.z-\[100\]{z-index:100}.z-\[105\]{z-index:105}.z-\[110\]{z-index:110}.z-\[120\]{z-index:120}.z-\[500\]{z-index:500}.z-\[540\]{z-index:540}.z-\[550\]{z-index:550}.z-\[740\]{z-index:740}.z-\[760\]{z-index:760}.z-\[790\]{z-index:790}.z-\[800\]{z-index:800}.z-\[900\]{z-index:900}.z-\[950\]{z-index:950}.z-\[960\]{z-index:960}.z-\[970\]{z-index:970}.z-\[980\]{z-index:980}.z-\[985\]{z-index:985}.z-\[990\]{z-index:990}.z-\[995\]{z-index:995}.z-\[1000\]{z-index:1000}.col-span-full{grid-column:1/-1}.mx-1{margin-inline:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.my-5{margin-block:calc(var(--spacing) * 5)}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mr-1{margin-right:var(--spacing)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[16\/7\]{aspect-ratio:16/7}.aspect-square{aspect-ratio:1}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-56{height:calc(var(--spacing) * 56)}.h-\[68vh\]{height:68vh}.h-\[100dvh\]{height:100dvh}.h-\[160px\]{height:160px}.h-\[calc\(100\%-1\.25rem\)\]{height:calc(100% - 1.25rem)}.h-\[calc\(100\%-2\.75rem\)\]{height:calc(100% - 2.75rem)}.h-\[calc\(100\%-40px\)\]{height:calc(100% - 40px)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-24{max-height:calc(var(--spacing) * 24)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[25vh\]{max-height:25vh}.max-h-\[40vh\]{max-height:40vh}.max-h-\[45vh\]{max-height:45vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[65vh\]{max-height:65vh}.max-h-\[82vh\]{max-height:82vh}.max-h-\[92vh\]{max-height:92vh}.max-h-\[95vh\]{max-height:95vh}.max-h-\[660px\]{max-height:660px}.max-h-\[900px\]{max-height:900px}.max-h-\[calc\(100vh-190px\)\]{max-height:calc(100vh - 190px)}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-52{min-height:calc(var(--spacing) * 52)}.min-h-64{min-height:calc(var(--spacing) * 64)}.min-h-80{min-height:calc(var(--spacing) * 80)}.min-h-\[62vh\]{min-height:62vh}.min-h-\[420px\]{min-height:420px}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-28{width:calc(var(--spacing) * 28)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-52{width:calc(var(--spacing) * 52)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[100px\]{width:100px}.w-\[110px\]{width:110px}.w-\[min\(22rem\,calc\(100vw-2rem\)\)\]{width:min(22rem,100vw - 2rem)}.w-\[min\(24rem\,calc\(100vw-2rem\)\)\]{width:min(24rem,100vw - 2rem)}.w-\[min\(380px\,calc\(100vw-16px\)\)\]{width:min(380px,100vw - 16px)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-16{max-width:calc(var(--spacing) * 16)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-\[70\%\]{max-width:70%}.max-w-\[260px\]{max-width:260px}.max-w-\[660px\]{max-width:660px}.max-w-\[1500px\]{max-width:1500px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-36{min-width:calc(var(--spacing) * 36)}.min-w-\[280px\]{min-width:280px}.min-w-\[480px\]{min-width:480px}.min-w-\[560px\]{min-width:560px}.min-w-\[720px\]{min-width:720px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-crosshair{cursor:crosshair}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-row-resize{cursor:row-resize}.touch-none{touch-action:none}.resize{resize:both}.resize-y{resize:vertical}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_150px_auto\]{grid-template-columns:1fr 150px auto}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[112px_minmax\(0\,1fr\)\]{grid-template-columns:112px minmax(0,1fr)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:var(--spacing)}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--workbench-accent\)\]{border-color:var(--workbench-accent)}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-400{border-color:var(--color-amber-400)}.border-canvas{border-color:var(--color-canvas)}.border-danger-line{border-color:var(--color-danger-line)}.border-ink\/10{border-color:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.border-ink\/10{border-color:color-mix(in oklab,var(--color-ink) 10%,transparent)}}.border-ink\/15{border-color:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.border-ink\/15{border-color:color-mix(in oklab,var(--color-ink) 15%,transparent)}}.border-ink\/20{border-color:var(--color-ink)}@supports (color:color-mix(in lab,red,red)){.border-ink\/20{border-color:color-mix(in oklab,var(--color-ink) 20%,transparent)}}.border-line{border-color:var(--color-line)}.border-line-strong{border-color:var(--color-line-strong)}.border-orange-300{border-color:var(--color-orange-300)}.border-primary,.border-primary\/20{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/20{border-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.border-primary\/30{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/30{border-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}}.border-red-300{border-color:var(--color-red-300)}.border-success-line{border-color:var(--color-success-line)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.border-white\/70{border-color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.border-yellow-400{border-color:var(--color-yellow-400)}.bg-\[var\(--workbench-accent\)\]{background-color:var(--workbench-accent)}.bg-\[var\(--workbench-soft\)\]{background-color:var(--workbench-soft)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab,red,red)){.bg-black\/45{background-color:color-mix(in oklab,var(--color-black) 45%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab,red,red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black) 55%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-black\/65{background-color:#000000a6}@supports (color:color-mix(in lab,red,red)){.bg-black\/65{background-color:color-mix(in oklab,var(--color-black) 65%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-black\/85{background-color:#000000d9}@supports (color:color-mix(in lab,red,red)){.bg-black\/85{background-color:color-mix(in oklab,var(--color-black) 85%,transparent)}}.bg-canvas,.bg-canvas\/60{background-color:var(--color-canvas)}@supports (color:color-mix(in lab,red,red)){.bg-canvas\/60{background-color:color-mix(in oklab,var(--color-canvas) 60%,transparent)}}.bg-danger{background-color:var(--color-danger)}.bg-danger-soft,.bg-danger-soft\/40{background-color:var(--color-danger-soft)}@supports (color:color-mix(in lab,red,red)){.bg-danger-soft\/40{background-color:color-mix(in oklab,var(--color-danger-soft) 40%,transparent)}}.bg-danger-soft\/60{background-color:var(--color-danger-soft)}@supports (color:color-mix(in lab,red,red)){.bg-danger-soft\/60{background-color:color-mix(in oklab,var(--color-danger-soft) 60%,transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-ink{background-color:var(--color-ink)}.bg-line{background-color:var(--color-line)}.bg-line-strong{background-color:var(--color-line-strong)}.bg-primary,.bg-primary\/10{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-subtle{background-color:var(--color-subtle)}.bg-success{background-color:var(--color-success)}.bg-success-soft\/60{background-color:var(--color-success-soft)}@supports (color:color-mix(in lab,red,red)){.bg-success-soft\/60{background-color:color-mix(in oklab,var(--color-success-soft) 60%,transparent)}}.bg-surface,.bg-surface\/90{background-color:var(--color-surface)}@supports (color:color-mix(in lab,red,red)){.bg-surface\/90{background-color:color-mix(in oklab,var(--color-surface) 90%,transparent)}}.bg-surface\/95{background-color:var(--color-surface)}@supports (color:color-mix(in lab,red,red)){.bg-surface\/95{background-color:color-mix(in oklab,var(--color-surface) 95%,transparent)}}.bg-tint,.bg-tint\/50{background-color:var(--color-tint)}@supports (color:color-mix(in lab,red,red)){.bg-tint\/50{background-color:color-mix(in oklab,var(--color-tint) 50%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-400\/10{background-color:#fac8001a}@supports (color:color-mix(in lab,red,red)){.bg-yellow-400\/10{background-color:color-mix(in oklab,var(--color-yellow-400) 10%,transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pr-1{padding-right:var(--spacing)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-7{padding-right:calc(var(--spacing) * 7)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--workbench-accent\)\]{color:var(--workbench-accent)}.text-\[var\(--workbench-accent-text\)\]{color:var(--workbench-accent-text)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-danger{color:var(--color-danger)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-900{color:var(--color-emerald-900)}.text-ink{color:var(--color-ink)}.text-muted{color:var(--color-muted)}.text-orange-900{color:var(--color-orange-900)}.text-primary,.text-primary\/60{color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.text-primary\/60{color:color-mix(in oklab,var(--color-primary) 60%,transparent)}}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_24px_80px_rgba\(32\,33\,36\,\.18\)\]{--tw-shadow:0 24px 80px var(--tw-shadow-color,#2021242e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-orange-500{--tw-ring-color:var(--color-orange-500)}.ring-primary{--tw-ring-color:var(--color-primary)}.ring-tint{--tw-ring-color:var(--color-tint)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}@media(hover:hover){.group-hover\:bg-primary:is(:where(.group):hover *){background-color:var(--color-primary)}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-line:hover{border-color:var(--color-line)}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:border-success:hover{border-color:var(--color-success)}.hover\:border-warning:hover{border-color:var(--color-warning)}.hover\:bg-\[var\(--workbench-accent\)\]:hover{background-color:var(--workbench-accent)}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}.hover\:bg-canvas:hover{background-color:var(--color-canvas)}.hover\:bg-danger-soft:hover{background-color:var(--color-danger-soft)}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:bg-surface:hover{background-color:var(--color-surface)}.hover\:bg-tint:hover,.hover\:bg-tint\/40:hover{background-color:var(--color-tint)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-tint\/40:hover{background-color:color-mix(in oklab,var(--color-tint) 40%,transparent)}}.hover\:text-ink:hover{color:var(--color-ink)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-ink:focus{border-color:var(--color-ink)}.focus\:border-primary:focus{border-color:var(--color-primary)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-canvas:disabled{background-color:var(--color-canvas)}.disabled\:text-muted:disabled{color:var(--color-muted)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media not all and (min-width:1024px){.max-\[1024px\]\:overflow-x-auto{overflow-x:auto}}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[1fr_90px_1fr_auto\]{grid-template-columns:1fr 90px 1fr auto}.sm\:grid-cols-\[1fr_130px_auto\]{grid-template-columns:1fr 130px auto}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:text-left{text-align:left}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[minmax\(0\,1fr\)_360px\]{grid-template-columns:minmax(0,1fr) 360px}.md\:p-10{padding:calc(var(--spacing) * 10)}}@media(min-width:64rem){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:min-h-\[560px\]{min-height:560px}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[240px_1fr\]{grid-template-columns:240px 1fr}.lg\:grid-cols-\[280px_1fr\]{grid-template-columns:280px 1fr}.lg\:grid-cols-\[330px_minmax\(0\,1fr\)\]{grid-template-columns:330px minmax(0,1fr)}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:p-8{padding:calc(var(--spacing) * 8)}}@media(min-width:80rem){.xl\:row-span-2{grid-row:span 2/span 2}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}@keyframes dash{to{stroke-dashoffset:-12px}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.workbench-grid{background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:40px 40px}.workbench-frame{color:var(--ink);accent-color:var(--workbench-accent)}.workbench-primary{background:var(--workbench-accent);color:var(--workbench-button-text)}.workbench-selected{border-color:var(--workbench-accent);background:var(--workbench-soft);color:var(--workbench-accent-text)}.workbench-resizer:hover{background:var(--workbench-accent)}.workbench-frame[data-workbench-theme=scene]>header{padding-right:17rem}.workbench-mobile-controls,.workbench-drawer-backdrop{display:none}@media(max-width:1024px){button[aria-label=任务中心]{top:70px!important;right:12px!important}button[data-task-center]+div[data-task-center]{width:min(380px,100vw - 24px)!important;top:114px!important;right:12px!important}.workbench-frame[data-workbench-theme=scene]>header{padding-right:1.25rem}.workbench-frame .workbench-desktop-panels{min-width:0}.workbench-frame .workbench-mobile-controls{z-index:70;gap:8px;display:flex;position:fixed;bottom:12px;right:12px}.workbench-frame .workbench-mobile-controls button{border:1px solid var(--workbench-accent);background:var(--surface);color:var(--workbench-accent-text);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;box-shadow:0 2px 10px #3c404333}.workbench-frame .workbench-drawer-backdrop{z-index:50;background:#20212447;border:0;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.workbench-frame .workbench-desktop-panels>aside:first-child,.workbench-frame .workbench-desktop-panels>aside:last-child,.workbench-frame .workbench-desktop-panels>main>section>aside:last-child{z-index:60;transition:transform .18s;position:fixed;top:64px;bottom:0;box-shadow:0 8px 28px #3c404347;width:min(84vw,420px)!important;max-width:none!important}.workbench-frame .workbench-desktop-panels>aside:first-child{left:0;transform:translate(-105%)}.workbench-frame .workbench-desktop-panels>aside:last-child,.workbench-frame .workbench-desktop-panels>main>section>aside:last-child{right:0;transform:translate(105%)}.workbench-frame[data-drawer=left] .workbench-desktop-panels>aside:first-child,.workbench-frame[data-drawer=right] .workbench-desktop-panels>aside:last-child,.workbench-frame[data-drawer=right] .workbench-desktop-panels>main>section>aside:last-child{transform:translate(0)}.workbench-frame [role=separator][aria-orientation=vertical],.workbench-frame .workbench-desktop-panels>.workbench-resizer{display:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}:root{color-scheme:light;--primary: #635bff;--primary-hover: #5851ea;--on-primary: #fff;--tint: #eeedff;--surface: #fff;--canvas: #f6f9fc;--ink: #0a2540;--muted: #425466;--subtle: #697b8c;--line: #e3e8ee;--line-strong: #bdcbd8;--success: #167449;--success-soft: #edf9f2;--success-line: #badfca;--danger: #b42332;--danger-soft: #fff0f1;--danger-line: #f0b9c0;--warning: #8d580a;--warning-soft: #fff7e6;--grid-line: rgba(99, 91, 255, .065);--panel-shadow: 0 2px 5px -1px #32435d0d, 0 8px 20px -8px #32435d14;--workbench-accent: var(--primary);--workbench-soft: var(--tint);--workbench-accent-text: var(--primary);--workbench-button-text: var(--on-primary)}:root[data-appearance=dark]{color-scheme:dark;--primary: #aaa5ff;--primary-hover: #c1bdff;--on-primary: #0a2540;--tint: #303b66;--surface: #142a40;--canvas: #081c30;--ink: #f2f7fc;--muted: #adc2d5;--subtle: #90a8bc;--line: #2b4861;--line-strong: #4d6880;--success: #82dab0;--success-soft: #173d35;--success-line: #306853;--danger: #ffabb4;--danger-soft: #482936;--danger-line: #81505c;--warning: #f3cf88;--warning-soft: #403729;--grid-line: rgba(170, 165, 255, .065);--panel-shadow: 0 2px 5px #0002, 0 8px 24px -8px #0005}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}*,:before,:after{border-color:var(--line)}::selection{background:var(--tint);color:var(--primary)}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:var(--line-strong)}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:not(:disabled),select,summary{cursor:pointer}button,a{transition:background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out,box-shadow .3s ease-out}button:disabled{cursor:not-allowed}:is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--primary);outline-offset:3px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{background-color:var(--surface);color:var(--ink);border-radius:8px}input::placeholder,textarea::placeholder{color:var(--subtle);opacity:1}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--primary)}.bg-primary,.workbench-primary,.bg-primary-hover{color:var(--on-primary)}:is(button,label,a).bg-primary:not(:disabled):hover{background-color:var(--primary-hover);box-shadow:var(--panel-shadow)}:is(button,a).bg-primary:not(:disabled):active{box-shadow:inset 0 2px 4px #0a254033}.bg-ink.text-white{background:#0a2540}.appearance-toggle{position:fixed;top:15px;right:16px;z-index:90;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted)}.appearance-toggle:hover{color:var(--primary);background:var(--tint)}.brand-logo{display:block;width:48px;height:48px;object-fit:contain;flex-shrink:0}.brand-home{display:inline-flex;align-items:center;flex-shrink:0;gap:8px;border:0;background:transparent;border-radius:8px}.app-header,.workbench-frame[data-workbench-theme=scene]>.app-header{height:74px;min-height:74px;padding-left:24px;padding-right:490px;gap:8px;border-bottom:1px solid var(--line);box-shadow:0 2px 8px #0a254004;background:var(--surface)}.app-header>.ml-auto{min-width:0}.app-header input[aria-label=项目名称]{width:clamp(100px,13vw,220px)}.account-toolbar{right:72px;height:74px;width:256px;border-left:0;background:var(--surface)}button[aria-label=任务中心]{left:auto!important;right:340px!important;top:15px!important;height:44px;border-radius:8px;box-shadow:none}.workbench-frame{height:100dvh}.workbench-desktop-panels>aside,.workbench-desktop-panels>main>section>aside{box-shadow:var(--panel-shadow)}.workbench-frame :is(aside,section)>.overflow-y-auto{scrollbar-gutter:stable}.workbench-mobile-controls button{min-height:44px}.workbench-desktop-panels button,.workbench-desktop-panels label.cursor-pointer{border-radius:8px}.workbench-desktop-panels :is(select,textarea){font-size:12px}.workbench-desktop-panels aside :is(button,label.cursor-pointer){min-height:32px}.workbench-desktop-panels aside p:empty{display:none}main>.grid>:is(button,div).bg-surface,main>section .grid>button.bg-surface{border-radius:12px;box-shadow:var(--panel-shadow);transition:transform .4s ease-out,box-shadow .4s ease-out,border-color .4s ease-out}main>.grid>button.bg-surface:hover,main>section .grid>button.bg-surface:hover{border-color:var(--primary)}:root[data-appearance=dark] :is(.text-red-600,.text-red-700,.text-red-800){color:var(--danger)}:root[data-appearance=dark] :is(.bg-red-50,.bg-red-100){background:var(--danger-soft)}:root[data-appearance=dark] :is(.bg-amber-50,.bg-amber-100){background:var(--warning-soft)}:root[data-appearance=dark] :is(.text-amber-700,.text-amber-800,.text-amber-900){color:var(--warning)}:root[data-appearance=dark] :is(.bg-emerald-50,.bg-emerald-100){background:var(--success-soft)}:root[data-appearance=dark] :is(.text-emerald-700,.text-emerald-800){color:var(--success)}@media(max-width:1100px){.app-header,.workbench-frame[data-workbench-theme=scene]>.app-header{height:138px;min-height:138px;padding-top:74px;padding-right:20px}.app-header[data-project-header=false]{height:74px;min-height:74px;padding-top:0}.app-header .brand-home{position:absolute;left:12px;top:15px;z-index:85}.app-header .brand-logo{width:44px;height:44px}}@media(max-width:1024px){.workbench-frame .workbench-desktop-panels>aside:first-child,.workbench-frame .workbench-desktop-panels>aside:last-child,.workbench-frame .workbench-desktop-panels>main>section>aside:last-child{top:138px;background:var(--surface)}.workbench-desktop-panels>main{min-width:0!important}button[aria-label=任务中心]{top:auto!important;bottom:12px;left:12px!important;right:auto!important}button[data-task-center]+div[data-task-center]{left:auto!important;right:12px!important;top:80px!important;max-height:calc(100dvh - 150px)}}@media(max-width:640px){.app-header,.workbench-frame[data-workbench-theme=scene]>.app-header{padding-left:12px;padding-right:12px;gap:4px;overflow-x:auto}.app-header .brand-logo{width:40px;height:40px}.app-header>.mx-4{margin-left:4px;margin-right:4px}.app-header .ml-auto{flex-shrink:0}.app-header input[aria-label=项目名称]{width:110px}.app-header>.ml-auto>span{display:none}main.mx-auto{padding:24px 16px}.workbench-grid{padding:12px}.workbench-desktop-panels input[aria-label=视角名称]{width:110px}.workbench-desktop-panels aside :is(button,label.cursor-pointer){min-height:44px}.workbench-frame .workbench-desktop-panels>aside:first-child,.workbench-frame .workbench-desktop-panels>aside:last-child,.workbench-frame .workbench-desktop-panels>main>section>aside:last-child{padding-bottom:72px}.workbench-frame[data-workbench-theme=white-model] .workbench-desktop-panels>main>section:last-child>div:first-child{overflow-x:auto}.workbench-frame[data-workbench-theme=white-model] .workbench-desktop-panels>main>section:last-child>div:first-child>div{flex-shrink:0}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;scroll-behavior:auto!important}}[data-guide=style-presets] button[aria-pressed=true]{outline:3px solid #f87518;outline-offset:2px;box-shadow:0 0 0 5px #fff0e4}[data-guide=weather] button[aria-pressed=true]{background:#d94d00!important;color:#fff!important;border-color:#ba4200!important;font-weight:700;box-shadow:0 0 0 2px #ffbf8c}[data-guide=weather] button{min-height:32px;font-size:12px}:root{--primary: #6200ee;--primary-hover: #3700b3;--on-primary: #fff;--accent-label: #6200ee;--canvas: #fafafa;--surface: #fff;--tint: #f1e8ff;--danger: #b00020;--shell-offset: 24px}:root[data-workspace=scene]{--primary: #03dac6;--primary-hover: color-mix(in srgb, #03dac6 85%, #14121f);--on-primary: #14121f;--accent-label: #00695f;--tint: #e6fbf8}:root[data-workspace=creative]{--primary: #3700b3;--primary-hover: #6200ee;--on-primary: #fff;--accent-label: #3700b3;--tint: #eee7fa}:root[data-workspace=video]{--primary: #ff0266;--primary-hover: color-mix(in srgb, #ff0266 85%, #14121f);--on-primary: #fff;--accent-label: #bd004b;--tint: #ffe6ef}:root[data-appearance=dark]{--primary: #aaa5ff;--primary-hover: #c1bdff;--on-primary: #17131f;--canvas: #14121b;--surface: #201c2a;--line: #3a3348;--line-strong: #625771;--ink: #f7f4fc;--muted: #c3bacd;--subtle: #afa3bc;--accent-label: #c6c2ff;--tint: #34204d;--danger: #ffb4bf}:root[data-appearance=dark][data-workspace=scene]{--primary: #03dac6;--primary-hover: color-mix(in srgb, #03dac6 85%, white);--on-primary: #14121f;--accent-label: #03dac6;--tint: #123b36}:root[data-appearance=dark][data-workspace=creative]{--primary: #aaa5ff;--primary-hover: #c1bdff;--on-primary: #17131f;--accent-label: #c6c2ff;--tint: #2d204d}:root[data-appearance=dark][data-workspace=video]{--primary: #ff0266;--primary-hover: color-mix(in srgb, #ff0266 85%, white);--on-primary: #fff;--accent-label: #ff80b2;--tint: #451c31}.text-primary,.workbench-selected{color:var(--accent-label)}body{padding:var(--shell-offset);font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none}#root{position:relative;max-width:1710px;margin:auto;border:1px solid var(--line);border-top:3px solid var(--primary);border-radius:12px;background:var(--surface);box-shadow:0 2px 4px #0000000a,0 8px 16px #00000014}#root>.min-h-screen,#root>.flex.min-h-screen{min-height:calc(100dvh - 52px)}.workbench-frame{height:calc(100dvh - 52px);min-height:690px;overflow:clip;border-radius:0 0 12px 12px}.sample-header{display:flex;align-items:center;flex-shrink:0;gap:28px;height:74px;padding:0 424px 0 24px;border-bottom:1px solid var(--line);background:var(--surface);border-radius:12px 12px 0 0}.sample-logo{padding:0;flex-shrink:0}.sample-logo .brand-logo{width:44px;height:44px}.sample-workspace-navigation{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:3px}.sample-workspaces{display:flex;gap:8px;align-items:center}.sample-workspaces button{white-space:nowrap;min-height:32px;padding:5px 15px;border:0;border-radius:6px;font-size:13px;font-weight:500;color:var(--muted)}.sample-workspaces button[aria-current=page]{background:var(--tint);color:var(--accent-label);font-weight:600}.sample-workspaces button:hover{background:var(--tint)}.sample-render-intents{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line);border-radius:7px;background:var(--canvas)}.sample-render-intents button{min-height:28px;padding:2px 9px;border-radius:5px;white-space:nowrap;font-size:11px;color:var(--muted)}.sample-render-intents button[aria-pressed=true]{background:var(--surface);color:var(--accent-label);font-weight:600;box-shadow:0 1px 3px #00000014}.workspace-menu{margin-left:auto;position:relative;flex-shrink:0}.workspace-menu>summary{display:grid;place-items:center;width:40px;height:44px;border-radius:8px;list-style:none;color:var(--muted)}.workspace-menu>summary::-webkit-details-marker{display:none}.workspace-menu-content{position:absolute;top:50px;right:0;z-index:100;display:flex;flex-direction:column;align-items:stretch;gap:12px;width:300px;padding:18px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--panel-shadow)}.workspace-menu-content>div{margin:0;display:flex;gap:8px;flex-wrap:wrap}.workspace-menu-content>.w-px{display:none}.workspace-menu-content input{width:100%}.workspace-menu-content>button{margin:0;min-height:40px}.account-toolbar{position:absolute;top:0;right:68px;height:74px;width:250px;padding:0 8px;border:0;gap:4px}.account-toolbar>span{display:none}.account-toolbar button{min-height:44px}.appearance-toggle{position:absolute;top:15px;right:24px}button[aria-label=任务中心]{position:absolute;top:15px!important;right:330px!important;left:auto!important;width:auto;padding:0 12px;justify-content:center;font-size:12px;white-space:nowrap;border-color:var(--line)}button[aria-label=任务中心]>svg{flex-shrink:0}button[aria-label=任务中心]>svg+svg{display:none}.workbench-desktop-panels{overflow:hidden}.workbench-desktop-panels>aside:first-child{max-width:none!important;border-right:1px solid var(--line);box-shadow:none}.workbench-desktop-panels>aside:last-child{max-width:none!important;border-left:1px solid var(--line);box-shadow:none}.workbench-desktop-panels>[role=separator]{display:block;touch-action:none}.workbench-desktop-panels>main{min-width:0!important}.workbench-desktop-panels :is(.text-\[8px\],.text-\[9px\],.text-\[10px\]){font-size:11px;line-height:1.55}.workbench-desktop-panels .text-\[11px\]{font-size:12px;line-height:1.6}.workbench-desktop-panels .text-sm{font-size:14px;line-height:1.6}.workbench-desktop-panels :is(input,select,textarea){font-family:inherit;font-size:12px;line-height:1.6;padding:10px 12px;border:1px solid var(--line);box-shadow:0 1px 2px #0000000d}.workbench-desktop-panels select{min-height:44px}.workbench-desktop-panels :is(button,summary){font-family:inherit;transition:transform .3s ease-out,box-shadow .3s ease-out,background .3s ease-out}.workbench-desktop-panels button:not(:disabled):hover{transform:translateY(-2px)}.workbench-desktop-panels button:not(:disabled):active{transform:translateY(0) scale(.98);box-shadow:inset 0 2px 4px #0003}.workbench-desktop-panels :is(button.bg-primary,button.workbench-primary,label.bg-primary){font-size:13px;font-weight:600;box-shadow:0 2px 5px color-mix(in srgb,var(--primary) 40%,transparent),inset 0 1px #fff3}.workbench-desktop-panels :is(button.bg-primary.w-full,button.workbench-primary.w-full){min-height:48px;padding-left:16px;padding-right:16px}.workbench-desktop-panels>aside:last-child>b:first-child{display:block;font-size:18px;font-weight:600;margin:8px 0 24px}.sample-views{display:flex;flex-direction:column;gap:14px;padding:16px}.sample-views>button{flex-shrink:0;padding:7px;border-radius:8px}.sample-view-art{width:100%;aspect-ratio:4/3;border-radius:4px}.sample-view-caption{margin:9px 2px 4px}.sample-view-caption>div:first-child{font-size:11px;font-weight:500}.sample-view-caption>div:nth-child(2){display:none}.sample-view-caption>div:last-child{margin-top:4px;font-size:11px}.sample-scene-views{display:flex;flex-direction:column;gap:14px;padding-top:14px}.sample-scene-views>button{padding:7px;border-radius:8px}.sample-scene-views img{height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px}.sample-canvas-heading{height:58px;padding:0 24px;flex-shrink:0}.sample-canvas-heading input{max-width:180px;padding:6px;border-color:transparent;box-shadow:none;font-size:13px}.sample-art-space{padding:0}.sample-art-space>.relative{border-radius:0!important;box-shadow:none!important}.image-comparison-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none;box-shadow:0 0 3px #0004}.image-comparison-handle,.workbench-desktop-panels .image-comparison-handle{position:absolute;top:50%;left:50%;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translate(-50%,-50%)!important;pointer-events:auto;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;transition:none!important}.image-comparison-dot{position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0005;transform:translate(-50%,-50%);pointer-events:none}.image-comparison-handle:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.comparison-versions{position:relative;margin-right:auto;align-self:center;font-size:12px}.comparison-versions summary{cursor:pointer;list-style:none;color:var(--muted);padding:8px 0}.comparison-versions>div{position:absolute;bottom:40px;left:0;z-index:5;width:220px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 20px #0002}.comparison-versions label{display:block;margin-bottom:8px}.comparison-versions select{width:100%;margin-top:4px;background:var(--surface)}.sample-image-controls{display:flex;justify-content:flex-end;background:var(--canvas);padding:0 28px 20px}.sample-image-controls>div{display:flex;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 2px 4px #0000000a,0 4px 8px #00000008}.sample-image-controls button{min-height:36px;padding:6px 16px;font-size:12px;border-radius:6px;color:var(--muted)}.sample-image-controls button[aria-pressed=true]{background:var(--tint);color:var(--accent-label)}.sample-image-controls button:disabled{opacity:.45}.sample-settings-title{margin:0;font-size:18px;font-weight:600}.workbench-desktop-panels>aside:last-child>.border-b{padding:24px;border:0}.sample-settings-scroll{padding:0 24px 24px;scrollbar-gutter:auto!important}.sample-render-setup{text-align:left}.sample-render-setup fieldset{margin:0 0 24px}.sample-render-setup legend,.sample-section-legend{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;margin-bottom:14px}.sample-render-setup legend>span,.sample-section-legend>span{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;color:var(--accent-label);background:var(--tint);font-size:11px}.sample-directions{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--canvas)}.sample-directions button{padding:4px 0;min-height:38px!important;border:0;border-radius:6px;color:var(--muted);font-size:12px}.sample-directions button[aria-pressed=true]{background:var(--surface);color:var(--accent-label);box-shadow:0 1px 3px #00000017;font-weight:600}.sample-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sample-modes button{min-height:50px!important;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:14px 6px;font-size:13px;font-weight:600}.sample-modes button[aria-pressed=true]{background:var(--tint);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);color:var(--accent-label)}.sample-render-setup button:disabled{opacity:.5}.sample-output{margin-top:20px}.sample-output select{min-width:0;width:50%}.workbench-desktop-panels>aside:last-child>.border-t{padding:22px 24px}.sample-settings-scroll>.space-y-3{margin:0}.sample-style-section{padding-top:0;border:0}.sample-presets>p:empty{display:none}.sample-style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sample-style-options button{padding:6px;background:var(--surface);border:1px solid var(--line);font-size:11px;font-weight:500}.sample-style-options button[aria-pressed=true]{background:var(--tint);border-color:var(--primary)}.sample-builtin-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.sample-builtin-style-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:0;text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.sample-builtin-style-card:hover{border-color:var(--primary)}.sample-builtin-style-card[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)}.sample-builtin-style-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--canvas)}.sample-builtin-style-card span{display:flex;align-items:flex-start;gap:6px;padding:8px;font-size:10px;line-height:1.35;font-weight:600;color:var(--ink)}.sample-builtin-style-card span b{font-size:9px;color:var(--primary);font-variant-numeric:tabular-nums}.sample-style-swatch{display:block;height:30px;margin-bottom:8px;border-radius:4px;background:#3700b3}.sample-style-swatch.soft-humanity{background:#03dac6}.sample-style-swatch.native-tectonic{background:#6200ee}.sample-reference{border:0;padding:0}.sample-reference-upload{min-height:44px!important;padding:8px 0;font-size:12px}.sample-reference-upload>div>div+div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-more-settings{margin-top:20px;border-top:1px solid var(--line);padding-top:8px}.sample-more-settings>summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:12px;cursor:pointer}.sample-more-settings>section,.sample-more-settings>div{margin-top:14px}.sample-render-output{padding-top:20px;position:relative;gap:12px}.sample-render-output:before{content:"渲染模型";position:absolute;left:0;top:0;color:var(--muted);font-size:11px}.sample-render-output:after{content:"清晰度";position:absolute;left:calc(50% + 6px);top:0;color:var(--muted);font-size:11px}.sample-render-output>select{width:50%;padding-left:8px;padding-right:4px;font-size:12px}.workbench-frame[data-render-provider=volcengine] .sample-render-output>select:first-child{border-color:#ef8b22;background:#fff2df;color:#9a4e06}.workbench-frame[data-render-provider=gemini] .sample-render-output>select:first-child{border-color:#0ca99d;background:#dff9f5;color:#08766f}.workbench-frame[data-render-provider=volcengine] [data-render-model-select]{border-color:#ef8b22;background:#fff2df;color:#9a4e06}.workbench-frame[data-render-provider=gemini] [data-render-model-select]{border-color:#0ca99d;background:#dff9f5;color:#08766f}.workbench-frame select[aria-label=渲染方式] option[value=volcengine],.workbench-frame select[data-render-model-select] option[value=volcengine]{background:#fff2df;color:#9a4e06}.workbench-frame select[aria-label=渲染方式] option[value=gemini],.workbench-frame select[data-render-model-select] option[value=gemini]{background:#dff9f5;color:#08766f}.sample-safety-note{margin-top:12px;font-size:11px;text-align:center;color:var(--muted)}.sample-history-strip{min-height:184px;padding:12px 24px 16px}.sample-history-strip>div:first-child{min-height:40px;padding:0;border:0}.sample-history-strip>div:first-child>div:first-child{white-space:nowrap}.sample-history-actions{display:flex;align-items:center;gap:16px;font-size:12px}.sample-history-actions>button{min-height:36px}.sample-result-menu{position:relative}.sample-result-menu>summary{padding:8px 4px;list-style:none;color:var(--muted)}.sample-result-popover{position:absolute;right:0;bottom:40px;z-index:100;width:300px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--panel-shadow)}.sample-result-popover>div{display:flex;flex-wrap:wrap;gap:8px}.sample-source-actions{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line);font-size:12px}.sample-source-actions>div{display:flex;flex-wrap:wrap}.sample-history{padding-top:12px;min-height:120px}.sample-history-card{flex-direction:column;width:108px;padding:5px;border-radius:8px;background:var(--surface);text-align:left}.sample-history-card.border-primary{background:var(--tint)}.sample-history-card>img{width:96px;height:62px;object-fit:cover;border-radius:4px}.sample-history-card>div{padding:6px 2px 0}.sample-history-card>div>div>div:not(:first-child),.sample-history-card>div>div+div{display:none}.sample-history-card .text-\[10px\]{font-size:11px;font-weight:500}.workbench-mobile-controls,.workbench-drawer-backdrop{display:none!important}@media(max-width:1200px){.sample-header{gap:14px;padding-left:20px;padding-right:390px}.sample-workspaces{gap:4px}.sample-workspaces button{padding:8px 10px;font-size:12px}.sample-render-intents button{padding:2px 7px}.account-toolbar{width:230px;right:68px}button[aria-label=任务中心]{right:306px!important}}@media(max-width:950px){.sample-header{height:auto;min-height:178px;align-items:flex-start;padding-top:15px;padding-right:20px;flex-wrap:wrap;gap:8px}.sample-workspace-navigation{order:3;width:100%;margin-bottom:14px;gap:7px}.sample-workspaces{width:100%}.sample-workspaces button{flex:1}.sample-render-intents{width:100%}.sample-render-intents button{flex:1;min-height:32px}.workspace-menu{margin-right:356px}.workbench-frame{height:auto;min-height:calc(100dvh - 52px);overflow:visible}.workbench-frame .workbench-desktop-panels{display:grid;grid-template-columns:minmax(0,1fr) 286px;overflow:visible}.workbench-frame .workbench-desktop-panels>aside{position:static!important;transform:none!important;max-width:none!important;box-shadow:none;padding-bottom:16px}.workbench-frame .workbench-desktop-panels>aside:first-child{grid-column:1 / -1;width:auto!important;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid var(--line);border-right:0}.workbench-frame .workbench-desktop-panels>aside:first-child>.border-b{width:180px;border:0}.sample-views{flex-direction:row;overflow-x:auto}.sample-views>button{width:136px;flex-shrink:0}.sample-views .sample-view-art{display:none}.sample-view-caption>div:last-child{display:none}.workbench-frame .workbench-desktop-panels>main{grid-column:1;min-height:680px}.workbench-frame .workbench-desktop-panels>aside:last-child{grid-column:2}.workbench-desktop-panels>[role=separator]{display:block;touch-action:none}.sample-scene-views{flex-direction:row;overflow-x:auto}.sample-scene-views>button{min-width:120px}.sample-scene-views img{display:none}button[aria-label=任务中心]{position:absolute;bottom:auto;top:15px!important;left:auto!important;right:306px!important}}@media(max-width:650px){:root{--shell-offset: 12px}.sample-header{padding:16px;min-height:186px}.sample-workspaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sample-render-intents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sample-workspaces button,.sample-render-intents button{min-width:0;padding-left:4px;padding-right:4px;white-space:normal;line-height:1.3}.workspace-menu{position:absolute;top:15px;left:68px;margin:0}.workspace-menu-content{left:-52px;right:auto;width:min(300px,calc(100vw - 56px))}.account-toolbar{right:64px;width:auto;top:0}.account-toolbar>button:first-of-type{max-width:84px;overflow:hidden;white-space:nowrap}.account-toolbar>button:not(:first-of-type){display:flex;align-items:center;justify-content:center;width:28px;padding:4px}.appearance-toggle{right:16px}button[aria-label=任务中心]{position:fixed;left:16px!important;right:auto!important;top:auto!important;bottom:16px;width:auto;background:var(--surface);box-shadow:var(--panel-shadow)}.workbench-frame .workbench-desktop-panels{display:flex;flex-direction:column}.workbench-frame .workbench-desktop-panels>aside:first-child{flex-direction:column;align-items:stretch;padding:16px}.workbench-frame .workbench-desktop-panels>aside:first-child>.border-b{width:auto;padding:0}.sample-views{padding:12px 0 0;flex:none}.workbench-frame .workbench-desktop-panels>main{min-height:680px;flex:none}.workbench-frame .workbench-desktop-panels>aside:last-child{width:100%!important;border-left:0;border-top:1px solid var(--line);flex:none}.sample-settings-scroll{overflow:visible;padding:0 22px 24px}.sample-art-space{padding:20px 16px;min-height:330px}.sample-canvas-heading{padding:0 16px}.sample-canvas-heading input{max-width:128px}.sample-image-controls{padding:0 16px 20px}.sample-image-controls>div{width:100%}.sample-image-controls button{flex:1;min-height:44px}.workbench-desktop-panels :is(input,select,textarea){font-size:16px}}@media(prefers-reduced-motion:reduce){.workbench-desktop-panels *,.sample-workspaces *,.sample-render-intents *{transition:none!important}}@media(min-width:951px){body{padding:0}#root{max-width:none;width:100%;margin:0;border:0;border-radius:0;box-shadow:none}#root>.min-h-screen,#root>.flex.min-h-screen{min-height:100dvh}.workbench-frame{height:100dvh;min-height:600px;border-radius:0}.sample-header{border-radius:0}}.sample-art-space .sample-image-controls{position:absolute;left:12px;right:12px;bottom:12px;z-index:4;padding:0;background:transparent;pointer-events:none}.sample-art-space .sample-image-controls>*{pointer-events:auto}.sample-art-space .sample-image-controls>div{width:auto}.sample-art-space .image-viewer-zoom{bottom:66px}.sample-art-space .comparison-versions summary{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:8px 12px}.workbench-desktop-panels .image-comparison-handle:not(:disabled):is(:hover,:active){background:transparent;box-shadow:none}@media(min-width:951px){.workbench-desktop-panels>aside:first-child{max-width:26vw!important}.workbench-desktop-panels>aside:last-child{max-width:42vw!important}.workbench-desktop-panels>[role=separator]{flex:0 0 6px}}@media(max-width:950px){.workbench-frame .workbench-desktop-panels>[role=separator]{display:none}}.workbench-desktop-panels option{background:var(--surface);color:var(--ink)}.image-action-bar{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;flex-wrap:nowrap;padding:5px 0}.image-action-bar button{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:10px;padding:5px 7px;border-radius:6px;background:var(--color-surface)}.image-action-bar button:hover{background:var(--workbench-soft)}.image-action-bar button:disabled{opacity:.4}.image-drop-active{outline:2px dashed var(--workbench-accent);outline-offset:2px}.history-action-heading{display:flex;align-items:center;gap:8px;min-width:0;padding:0 12px;border-bottom:1px solid var(--color-line)}.history-action-heading>b{font-size:11px;flex-shrink:0}.history-action-heading .image-action-bar{margin-left:auto}.aerial-style-card img{width:100%;height:100px;object-fit:cover;border-radius:8px}.sample-history-strip .image-action-bar{max-width:100%}.workspace-menu.studio-launcher{position:relative;top:auto;left:auto;margin:0;flex-shrink:0}.workspace-menu.studio-launcher>summary{width:auto;min-width:96px;white-space:nowrap}