.asd{--bg:#0d1117;--s1:#121821;--s2:#18202b;--s3:#202a36;--bd:#2a3543;--tx:#f2f5f8;--t2:#9aa6b5;--t3:#6f7c8c;--brand:#ff5a17;--ai:#7657ff;--cyan:#2dd4bf;--ok:#2fcb8f;--warn:#f5b942;--err:#f05b61;--canvas:#f7f9fc;--ai-grad:linear-gradient(135deg, color-mix(in oklab, var(--brand) 85%, #000), var(--ai));width:100%;color:var(--tx);font-family:Inter,system-ui,sans-serif;font-size:13px;line-height:1.45;position:relative;container:asd/inline-size}.asd-amb{z-index:0;pointer-events:none;background:radial-gradient(40% 50% at 22% 18%, color-mix(in oklab, var(--brand) 22%, transparent), transparent 70%), radial-gradient(42% 52% at 82% 88%, color-mix(in oklab, var(--ai) 22%, transparent), transparent 72%);filter:blur(30px);opacity:.6;position:absolute;inset:-8% -4% -12%}.asd-shell{z-index:1;aspect-ratio:16/10;background:var(--bg);border:1px solid var(--bd);border-radius:18px;flex-direction:column;max-width:1440px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.06),0 30px 80px -30px #000000b3}.asd-header{background:var(--s1);border-bottom:1px solid var(--bd);flex:0 0 48px;align-items:center;gap:12px;height:48px;padding:0 12px;display:flex}.asd-logo{flex:none;place-items:center;width:22px;height:22px;display:grid}.asd-logo img{object-fit:contain;width:100%;height:100%;display:block}.asd-brand{letter-spacing:-.01em;font-weight:700}.asd-proj{border:1px solid var(--bd);background:var(--s2);color:var(--t2);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.asd-proj .fa-chevron-down{opacity:.7;font-size:9px}.asd-saved{color:var(--t2);align-items:center;gap:6px;font-size:12px;display:flex}.asd-saved .fa-circle-check{color:var(--ok)}.asd-header-right{align-items:center;gap:8px;margin-left:auto;display:flex}.asd-btn{border:1px solid var(--bd);background:var(--s2);height:30px;color:var(--tx);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.asd-btn:hover{border-color:color-mix(in oklab, var(--tx) 22%, var(--bd))}.asd-btn.is-ai{background:var(--ai-grad);color:#fff;border-color:#0000}.asd-btn.is-primary{background:var(--brand);color:#fff;border-color:#0000}.asd-toolbar{background:var(--s1);border-bottom:1px solid var(--bd);flex:0 0 42px;align-items:center;gap:4px;height:42px;padding:0 12px;display:flex}.asd-tab{height:30px;color:var(--t2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.asd-tab:hover{color:var(--tx);background:var(--s2)}.asd-tab.is-active{color:var(--tx);background:var(--s3);border-color:var(--bd)}.asd-tab.is-active .fa-solid{color:var(--brand)}.asd-toolbar-spacer{flex:1}.asd-iconbtn{width:30px;height:30px;color:var(--t2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;font-size:13px;transition:all .18s;display:grid}.asd-iconbtn:hover{color:var(--tx);background:var(--s2)}.asd-body{flex:1;min-height:0;display:flex;position:relative}.asd-sidebar{background:var(--s1);border-right:1px solid var(--bd);flex-direction:column;flex:0 0 230px;width:230px;min-height:0;display:flex}.asd-sidetabs{gap:4px;padding:8px 8px 0;display:flex}.asd-sidetab{height:28px;color:var(--t2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;font-size:12px;font-weight:600}.asd-sidetab.is-active{color:var(--tx);background:var(--s2);border-color:var(--bd)}.asd-side-scroll{flex:1;padding:8px;overflow-y:auto}.asd-group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--t3);padding:10px 6px 4px;font-size:10.5px;font-weight:700}.asd-comp{color:var(--tx);cursor:grab;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;padding:7px 8px;transition:background .15s,border-color .15s;display:flex}.asd-comp:hover{background:var(--s2);border-color:var(--bd)}.asd-comp.is-lift{background:var(--s3);border-color:var(--cyan);box-shadow:0 8px 24px -8px #0009}.asd-comp .asd-comp-ic{background:var(--s3);width:22px;height:22px;color:var(--t2);border-radius:6px;flex:none;place-items:center;font-size:11px;display:grid}.asd-comp-name{flex:1;font-size:12.5px}.asd-comp .asd-grip{color:var(--t3);opacity:0;font-size:10px;transition:opacity .15s}.asd-comp:hover .asd-grip{opacity:1}.asd-tree-row{color:var(--t2);cursor:default;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;font-size:12.5px;display:flex}.asd-tree-row:hover{background:var(--s2)}.asd-tree-row.is-active{color:var(--tx);background:color-mix(in oklab, var(--cyan) 14%, transparent)}.asd-tree-row .fa-solid{color:var(--t3);text-align:center;width:14px;font-size:11px}.asd-tree-row.is-active .fa-solid{color:var(--cyan)}.asd-center{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.asd-canvas{background:radial-gradient(100% 100% at 50% 0, var(--s1), var(--bg));flex:1;padding:22px;overflow:auto}.asd-canvas-title{color:var(--t2);align-items:center;gap:8px;margin-bottom:14px;font-size:12px;display:flex}.asd-screen{background:var(--canvas);color:#1f2937;border-radius:12px;flex-direction:column;gap:14px;max-width:880px;margin:0 auto;padding:16px;display:flex;box-shadow:0 20px 50px -24px #0009}.asd-card{background:#fff;border:1px solid #e6eaf0;border-radius:10px;padding:14px 16px}.asd-card-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.asd-card-head .fa-solid{color:#64748b;font-size:12px}.asd-card-title{color:#0f172a;font-size:13px;font-weight:700}.asd-card-head-actions{gap:6px;margin-left:auto;display:flex}.asd-fields{grid-template-columns:repeat(3,1fr);gap:10px 14px;display:grid}.asd-field label{color:#64748b;margin-bottom:4px;font-size:10.5px;display:block}.asd-field .asd-input{color:#94a3b8;background:#fff;border:1px solid #dde3ec;border-radius:7px;align-items:center;height:30px;padding:0 9px;font-size:12px;display:flex}.asd-field.is-new .asd-input{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in oklab, var(--cyan) 20%, transparent)}.asd-field.is-new label{color:var(--brand);font-weight:700}.asd-form-actions{gap:8px;margin-top:12px;display:flex}.asd-sbtn{cursor:pointer;color:#334155;background:#fff;border:1px solid #dde3ec;border-radius:7px;align-items:center;gap:6px;height:30px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.asd-sbtn.is-primary{color:#fff;background:#1f2937;border-color:#1f2937}.asd-sbtn.is-danger{color:var(--err);border-color:color-mix(in oklab, var(--err) 40%, #fff)}.asd-selectable{position:relative}.asd-selectable.is-selected{outline:1.5px solid var(--cyan);outline-offset:3px;border-radius:10px}.asd-sel-label{background:var(--cyan);color:#04201c;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:-11px;left:8px}.asd-table{border-collapse:collapse;width:100%;font-size:12px}.asd-table th{text-align:left;color:#64748b;white-space:nowrap;background:#f4f6fa;border-bottom:1px solid #e6eaf0;padding:8px 10px;font-size:10.5px;font-weight:700}.asd-table td{color:#334155;white-space:nowrap;border-bottom:1px solid #eef1f6;padding:9px 10px}.asd-table tr:last-child td{border-bottom:0}.asd-table tr.is-inactive td{color:#94a3b8;background:#fafbfd}.asd-badge{border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.asd-badge:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.asd-badge.s-Active{color:#0e9f6e;background:#e6f6ef}.asd-badge.s-Draft{color:#8a6d1a;background:#fbf3dc}.asd-badge.s-Review{color:#6d4bd6;background:#efeafe}.asd-badge.s-Inactive{color:#94a3b8;background:#eef1f6}.asd-tbl-wrap{border:1px dashed #0000;border-radius:8px;transition:border-color .2s}.asd-dropzone{border:1.5px dashed var(--cyan);background:color-mix(in oklab, var(--cyan) 8%, transparent);color:#64748b;border-radius:8px;place-items:center;min-height:120px;font-size:12px;display:grid}.asd-inspector{background:var(--s1);border-left:1px solid var(--bd);flex-direction:column;flex:0 0 260px;width:260px;display:flex;overflow:hidden}.asd-insp-tabs{gap:4px;padding:10px 10px 0;display:flex}.asd-insp-tab{height:28px;color:var(--t2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;font-size:11.5px;font-weight:600}.asd-insp-tab.is-active{color:var(--tx);background:var(--s2);border-color:var(--bd)}.asd-insp-scroll{flex:1;padding:12px;overflow-y:auto}.asd-insp-row{border-bottom:1px solid color-mix(in oklab, var(--bd) 60%, transparent);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.asd-insp-row:last-child{border-bottom:0}.asd-insp-row .k{color:var(--t2);font-size:12px}.asd-insp-row .v{color:var(--tx);border:1px solid var(--bd);background:var(--s2);border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600}.asd-insp-row.is-highlight .v{border-color:var(--cyan);color:var(--cyan)}.asd-logic{background:#0f141c;flex-direction:column;flex:1;min-height:0;display:flex}.asd-code-tabs{background:var(--s1);border-bottom:1px solid var(--bd);align-items:center;gap:2px;height:36px;padding:0 8px;display:flex}.asd-code-tab{height:26px;color:var(--t2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:0 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;display:inline-flex}.asd-code-tab.is-active{color:var(--tx);background:var(--s3);border-color:var(--bd)}.asd-code-dot{background:var(--brand);border-radius:999px;width:7px;height:7px}.asd-code-tools{gap:2px;margin-left:auto;display:flex}.asd-code-body{flex:1;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;line-height:1.7;display:flex;position:relative;overflow:auto}.asd-gutter{text-align:right;color:#3d4a5c;user-select:none;background:#0d121a;flex:none;padding:12px 10px 12px 14px}.asd-code{white-space:pre;flex:1;min-width:0;padding:12px 16px}.asd-code .ln{border-radius:3px;padding:0 4px;display:block}.asd-code .ln.is-active{background:oklab(100% 0 5.96046e-8/.05)}.asd-minimap{opacity:.5;flex-direction:column;gap:3px;width:44px;display:flex;position:absolute;top:12px;right:6px}.asd-minimap i{background:#2a3543;border-radius:2px;height:3px}.t-kw{color:#569cd6}.t-ty{color:#4ec9b0}.t-fn{color:#dcdcaa}.t-str{color:#ce9178}.t-pun{color:#9aa6b5}.t-com{color:#6a9955}.asd-diag{background:var(--s1);border-top:1px solid var(--bd);flex:none}.asd-diag-bar{cursor:pointer;height:34px;color:var(--t2);align-items:center;gap:12px;padding:0 14px;font-size:12px;display:flex}.asd-diag-bar .fa-circle-check{color:var(--ok)}.asd-diag-bar .asd-diag-chip{color:var(--tx);font-weight:600}.asd-diag-bar .asd-diag-exp{color:var(--t3);margin-left:auto;font-size:11px}.asd-diag-body{border-top:1px solid var(--bd);overflow:hidden}.asd-diag-item{color:var(--t2);border-bottom:1px solid color-mix(in oklab, var(--bd) 50%, transparent);grid-template-columns:70px 130px 40px 1fr;gap:10px;padding:7px 14px;font-size:11.5px;display:grid}.asd-sev{font-weight:700}.asd-sev.warn{color:var(--warn)}.asd-sev.info{color:var(--cyan)}.asd-sonia{background:var(--s1);border-left:1px solid var(--bd);flex-direction:column;flex:0 0 340px;width:340px;display:flex;overflow:hidden}.asd-sonia-head{border-bottom:1px solid var(--bd);background:linear-gradient(90deg, color-mix(in oklab, var(--ai) 22%, var(--s1)), var(--s1));align-items:center;gap:9px;height:48px;padding:0 12px;display:flex}.asd-sonia-avatar{color:#fff;background:var(--ai-grad);border-radius:7px;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.asd-sonia-title{font-weight:700}.asd-online{color:var(--ok);align-items:center;gap:5px;font-size:11px;display:inline-flex}.asd-online:before{content:"";background:var(--ok);border-radius:999px;width:6px;height:6px}.asd-sonia-head-tools{gap:2px;margin-left:auto;display:flex}.asd-sonia-body{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.asd-model{color:var(--t2);border:1px solid var(--bd);background:var(--s2);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:11px}.asd-msg{border-radius:10px;max-width:90%;padding:9px 11px;font-size:12.5px;line-height:1.5}.asd-msg.user{background:var(--s3);color:var(--tx);border-bottom-right-radius:3px;align-self:flex-end}.asd-msg.bot{background:var(--s2);color:var(--tx);border:1px solid var(--bd);border-bottom-left-radius:3px;align-self:flex-start}.asd-step{color:var(--t2);align-items:center;gap:9px;padding:5px 2px;font-size:12px;display:flex}.asd-step .asd-step-ic{border:1.5px solid var(--bd);color:#0000;border-radius:999px;place-items:center;width:16px;height:16px;font-size:9px;display:grid}.asd-step.done{color:var(--tx)}.asd-step.done .asd-step-ic{border-color:var(--ok);background:var(--ok);color:#04201c}.asd-step.run .asd-step-ic{border-color:var(--ai);border-top-color:#0000;animation:.7s linear infinite asd-spin}.asd-result{border:1px solid color-mix(in oklab, var(--ok) 45%, var(--bd));background:color-mix(in oklab, var(--ok) 10%, transparent);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.asd-result .fa-circle-check{color:var(--ok)}.asd-result-title{font-size:12.5px;font-weight:700}.asd-review{color:var(--cyan);border:1px solid color-mix(in oklab, var(--cyan) 45%, var(--bd));cursor:pointer;background:0 0;border-radius:7px;margin-left:auto;padding:4px 10px;font-size:11.5px;font-weight:600}.asd-perm{color:var(--warn);background:color-mix(in oklab, var(--warn) 12%, transparent);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:3px 9px;font-size:10.5px;display:inline-flex}.asd-sonia-input{border-top:1px solid var(--bd);flex:none;align-items:center;gap:8px;padding:10px;display:flex}.asd-sonia-input .asd-textbox{border:1px solid var(--bd);background:var(--s2);height:34px;color:var(--t2);border-radius:9px;flex:1;align-items:center;padding:0 11px;font-size:12px;display:flex}.asd-send{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.asd-preview{background:radial-gradient(90% 90% at 50% 0, var(--s1), var(--bg));flex-direction:column;flex:1;align-items:center;gap:16px;padding:26px;display:flex;overflow:auto}.asd-preview-label{color:var(--tx);background:var(--s3);border:1px solid var(--bd);border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:12px;display:inline-flex}.asd-preview-label .fa-solid{color:var(--ok)}.asd-cursor{z-index:40;pointer-events:none;filter:drop-shadow(0 2px 4px #00000080);will-change:transform;width:20px;height:20px;position:absolute}.asd-toast{z-index:45;background:var(--s3);border:1px solid var(--bd);color:var(--tx);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;bottom:58px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -12px #000000b3}.asd-toast .fa-circle-check{color:var(--ok)}.asd-seg{display:none}@keyframes asd-spin{to{transform:rotate(360deg)}}.asd-cursor{transition:left .75s cubic-bezier(.4,0,.2,1),top .75s cubic-bezier(.4,0,.2,1)}.asd-type-caret{background:var(--ai);width:2px;height:1em;margin-left:1px;animation:1s step-end infinite asd-blink;display:inline-block;transform:translateY(2px)}@keyframes asd-blink{0%,50%{opacity:1}51%,to{opacity:0}}.asd-body.is-preview .asd-sidebar,.asd-body.is-preview .asd-inspector{opacity:.5;filter:saturate(.8);transition:opacity .3s}.asd-field.is-review .asd-input{box-shadow:0 0 0 3px color-mix(in oklab, var(--cyan) 26%, transparent);transition:box-shadow .3s}.asd-table tr.is-review td{background:color-mix(in oklab, var(--cyan) 10%, #fff);transition:background .3s}@container asd (width<=1199px){.asd-sidebar{flex-basis:200px;width:200px}.asd-inspector{z-index:30;position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 30px -18px #000000b3}}@container asd (width<=900px){.asd-shell{aspect-ratio:4/3}.asd-sidebar{flex-basis:158px;width:158px}.asd-inspector{width:210px;box-shadow:none;flex-basis:210px;position:static}.asd-comp-name,.asd-tree-row{font-size:11.5px}.asd-comp{gap:7px;padding:5px 7px}.asd-comp .asd-comp-ic{width:19px;height:19px;font-size:10px}.asd-canvas{padding:12px}.asd-canvas-title{margin-bottom:9px}.asd-insp-scroll{padding:10px}.asd-insp-tab{font-size:10.5px}}@container asd (width<=620px){.asd-shell{aspect-ratio:auto;height:560px}.asd-header{gap:8px}.asd-brand,.asd-proj,.asd-saved,.asd-sidebar,.asd-inspector,.asd-toolbar{display:none}.asd-seg{background:var(--s1);border-bottom:1px solid var(--bd);gap:4px;padding:8px 10px;display:flex}.asd-seg button{border:1px solid var(--bd);background:var(--s2);height:30px;color:var(--t2);border-radius:7px;flex:1;font-size:12px;font-weight:600}.asd-seg button.is-active{color:#fff;background:var(--s3);border-color:color-mix(in oklab, var(--brand) 50%, var(--bd))}.asd-canvas{padding:14px}.asd-fields{grid-template-columns:1fr 1fr}.asd-sonia{z-index:35;flex-basis:100%;width:100%;position:absolute;inset:0}}@media (prefers-reduced-motion:reduce){.asd-step.run .asd-step-ic{animation:none}}