.dw-app{--dw-bg:#101722;--dw-panel:#151d2a;--dw-line:#293344;--dw-muted:#8c99ab;--dw-accent:#66d6c4;background:var(--dw-bg);color:#e8edf5;flex-direction:column;height:100vh;min-height:670px;font-family:Arial,Helvetica,sans-serif;display:flex}.dw-app *{box-sizing:border-box}.dw-app button{cursor:pointer}.dw-header{border-bottom:1px solid var(--dw-line);background:#111a27;flex:none;justify-content:space-between;align-items:center;gap:14px;height:62px;padding:0 20px;display:flex}.dw-header-left,.dw-header-right{align-items:center;gap:13px;min-width:0;display:flex}.dw-back{color:#9dabc0;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.dw-back:hover{color:#fff;background:#253043}.dw-logo{color:#b6fff1;background:#1d5a61;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.dw-title{white-space:nowrap;font-size:15px;font-weight:800}.dw-header-divider{background:#334052;width:1px;height:20px;margin:0 3px}.dw-project-name{color:#9aa8ba;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.dw-saved{color:#9cbba9;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.dw-header-ghost{color:#aebacc;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:9px 10px;font-size:12px;display:flex}.dw-header-ghost:hover{color:#fff;background:#263143}.dw-run{background:var(--dw-accent);color:#103334;white-space:nowrap;border:0;border-radius:8px;align-items:center;gap:7px;padding:10px 14px;font-size:12px;font-weight:800;display:flex}.dw-run:hover{background:#85e8d8}.dw-subheader{color:#8696ab;background:#172232;border-bottom:1px solid #2a3648;flex:none;align-items:center;gap:8px;height:31px;padding:0 20px;font-size:10px;display:flex}.dw-subheader strong{color:#d9e3ef;font-weight:500}.dw-subheader-dot,.dw-status-dot,.dw-preview-live{background:#63d7b4;border-radius:50%;width:6px;height:6px;display:inline-block}.dw-subheader-tip{color:#77899d;margin-left:auto}.dw-workspace{flex:1;grid-template-columns:250px minmax(360px,1fr) minmax(360px,39%);min-height:0;display:grid}.dw-sidebar{border-right:1px solid var(--dw-line);background:#141d2a;min-width:0;display:flex}.dw-rail{background:#101722;border-right:1px solid #293344;flex-direction:column;flex:none;align-items:center;gap:5px;width:45px;padding:9px 0;display:flex}.dw-rail button{color:#7f90a6;background:0 0;border:0;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.dw-rail button:hover,.dw-rail button.active{color:var(--dw-accent);background:#213242}.dw-rail-spacer{flex:1}.dw-sidebar-panel{flex:1;min-width:0;position:relative}.dw-panel-heading{color:#a6b5c9;letter-spacing:1px;justify-content:space-between;align-items:center;height:45px;padding:0 15px;font-size:10px;font-weight:800;display:flex}.dw-panel-heading span{color:#8696a8;letter-spacing:0;font-size:17px}.dw-folder{color:#d0dae9;letter-spacing:.5px;white-space:nowrap;align-items:center;gap:5px;padding:8px 11px;font-size:10px;font-weight:800;display:flex}.dw-folder-chevron{color:#8391a4;transform:rotate(90deg)}.dw-file-list{display:grid}.dw-file-list button{color:#aeb9c8;text-align:left;background:0 0;border:0;border-left:2px solid #0000;align-items:center;gap:8px;height:32px;padding:0 11px 0 31px;font-size:12px;display:flex}.dw-file-list button.active{border-left-color:var(--dw-accent);color:#fff;background:#253247}.dw-file-list button:hover{background:#253247}.dw-file-html{color:#e89c7e}.dw-file-css{color:#80b9ff}.dw-file-js{color:#e7c674}.dw-file-dirty,.dw-tab-dirty{background:#dfb478;border-radius:50%;flex:none;width:6px;height:6px;margin-left:auto}.dw-sidebar-hint{background:#1b2a38;border:1px solid #314052;border-radius:9px;padding:12px;position:absolute;bottom:18px;left:15px;right:15px}.dw-sidebar-hint span{color:#81d9ca;letter-spacing:1px;font-size:9px;font-weight:800}.dw-sidebar-hint p{color:#8798a9;margin:7px 0 0;font-size:11px;line-height:1.55}.dw-search-box{color:#7e94ac;border:1px solid #405266;border-radius:5px;align-items:center;gap:5px;margin:3px 10px;padding:0 8px;display:flex}.dw-search-box input{color:#e6edf5;background:0 0;border:0;outline:0;width:100%;height:32px;font-size:12px}.dw-search-count{color:#788ba1;padding:0 12px;font-size:10px}.dw-results{max-height:calc(100% - 125px);overflow:auto}.dw-results button{color:#ccd7e3;text-align:left;background:0 0;border:0;border-bottom:1px solid #263446;gap:5px;width:100%;padding:9px 12px;display:grid}.dw-results button:hover{background:#243247}.dw-results strong{font-size:11px;font-weight:600}.dw-results strong span{color:#8296aa}.dw-results small{color:#8291a4;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.dw-editor-column{border-right:1px solid var(--dw-line);background:#101722;flex-direction:column;min-width:0;display:flex}.dw-tabs{background:#161f2d;border-bottom:1px solid #2d3a4c;flex:none;align-items:stretch;height:39px;display:flex;overflow-x:auto}.dw-tabs button{color:#9baabb;background:#192434;border-top:2px solid #0000;border-bottom:0;border-left:0;border-right:1px solid #2c394b;flex:none;align-items:center;gap:7px;min-width:126px;max-width:180px;padding:0 14px;font-size:11px;display:flex}.dw-tabs button.active{color:#f1f5f9;border-top-color:var(--dw-accent);background:#101722}.dw-tabs button:hover{color:#fff}.dw-editor-toolbar{color:#8999ad;border-bottom:1px solid #263244;flex:none;justify-content:space-between;align-items:center;height:37px;padding:0 15px;font-size:11px;display:flex}.dw-editor-toolbar>div{align-items:center;gap:6px;min-width:0;display:flex}.dw-editor-toolbar button{color:#9aaabc;background:0 0;border:0;border-radius:5px;padding:5px}.dw-editor-toolbar button:hover{color:#fff;background:#263244}.dw-language{color:#a4b6cb;font-size:10px}.dw-code-editor{flex:1;min-height:0;padding:16px 0;display:flex;overflow:hidden}.dw-gutter{text-align:right;color:#526176;-webkit-user-select:none;user-select:none;white-space:nowrap;flex:none;width:45px;padding:0 11px 0 0;font:13px/24px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.dw-code-editor textarea{resize:none;color:#d7e5f3;white-space:pre;tab-size:2;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 18px 0 4px;font:13px/24px ui-monospace,SFMono-Regular,Menlo,monospace}.dw-code-editor textarea::selection{background:#315b6b}.dw-editor-status{color:#7f91a7;border-top:1px solid #273345;flex:none;justify-content:space-between;align-items:center;gap:8px;height:27px;padding:0 14px;font-size:10px;display:flex}.dw-editor-status>span:first-child{align-items:center;gap:7px;display:flex}.dw-editor-status>span:last-child{white-space:nowrap}.dw-status-separator{padding:0 5px}.dw-console{background:#121a26;border-top:1px solid #344153;flex:none}.dw-console.open{flex-direction:column;height:175px;display:flex}.dw-console-header{flex:none;justify-content:space-between;align-items:center;height:34px;padding:0 10px;display:flex}.dw-console-header button{color:#a4b2c4;letter-spacing:.8px;background:0 0;border:0;align-items:center;gap:7px;padding:6px 3px;font-size:10px;font-weight:800;display:flex}.dw-console-header button span{color:#e7aa8e;font-weight:400}.dw-console-header button:hover{color:#fff}.dw-console-lines{color:#aab9c8;flex:1;padding:2px 14px 10px;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.dw-console-lines div{align-items:start;gap:8px;padding:3px 0;display:flex}.dw-console-lines svg{color:#5d8d94;flex:none;margin-top:3px}.dw-console-lines .dw-console-warn{color:#e7c486}.dw-console-lines .dw-console-error{color:#ee9b9b}.dw-console-lines p{color:#6f8196;margin:6px 0}.dw-preview-column{background:#202a37;flex-direction:column;min-width:0;display:flex}.dw-preview-header{border-bottom:1px solid #354355;flex:none;justify-content:space-between;align-items:center;height:48px;padding:0 13px;display:flex}.dw-preview-header>div:first-child{align-items:center;gap:8px;display:flex}.dw-preview-header strong{font-size:12px}.dw-preview-header small{color:#8a9caf;font-size:10px}.dw-preview-controls{gap:2px;display:flex}.dw-preview-controls button{color:#8ea1b4;background:0 0;border:0;border-radius:5px;place-items:center;width:28px;height:27px;display:grid}.dw-preview-controls button:hover,.dw-preview-controls button.active{color:#b8fff0;background:#36505a}.dw-address{color:#8597a8;border-bottom:1px solid #354355;flex:none;align-items:center;gap:7px;height:31px;padding:0 13px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.dw-address span{background:#67d9ae;border-radius:50%;width:6px;height:6px}.dw-preview-stage{background:repeating-linear-gradient(45deg,#25303d,#25303d 9px,#273340 9px 18px);flex:1;justify-content:center;align-items:stretch;min-height:0;padding:13px;display:flex;overflow:auto}.dw-preview-stage iframe{background:#fff;border:0;border-radius:4px;width:100%;height:100%;min-height:300px;box-shadow:0 12px 32px #070b1370}.dw-preview-stage.mobile iframe{width:min(340px,100%)}.dw-preview-footer{color:#8c9db0;border-top:1px solid #354355;flex:none;justify-content:space-between;align-items:center;gap:8px;height:35px;padding:0 13px;font-size:10px;display:flex}.dw-preview-footer>span{align-items:center;gap:6px;display:flex}.dw-preview-footer button{color:#a9dccf;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;display:flex}.dw-preview-footer button:hover{color:#fff}.dw-preview-full{z-index:50;border:1px solid #43526a;border-radius:10px;position:fixed;inset:62px 20px 20px;overflow:hidden;box-shadow:0 0 0 100vmax #05090edb,0 30px 90px #0008}@media (max-width:1250px){.dw-workspace{grid-template-columns:210px minmax(320px,1fr) minmax(320px,38%)}.dw-sidebar-panel{font-size:11px}}@media (max-width:1010px){.dw-workspace{grid-template-columns:46px minmax(320px,1fr) minmax(310px,42%)}.dw-sidebar-panel{display:none}.dw-sidebar{width:46px}.dw-sidebar-search .dw-sidebar-panel{z-index:15;border-right:1px solid var(--dw-line);background:#141d2a;width:min(270px,100vw - 60px);height:calc(100vh - 93px);display:block;position:absolute;top:93px;left:46px;box-shadow:20px 12px 35px #0004}}@media (max-width:730px){.dw-app{height:auto;min-height:100vh}.dw-header{padding:0 12px}.dw-header-divider,.dw-project-name,.dw-saved,.dw-header-ghost span{display:none}.dw-title{font-size:13px}.dw-header-left,.dw-header-right{gap:7px}.dw-run{padding:9px 10px;font-size:11px}.dw-subheader{padding:0 12px}.dw-workspace{grid-template-columns:46px minmax(0,1fr);grid-template-areas:"sidebar editor""preview preview"}.dw-sidebar{grid-area:sidebar}.dw-editor-column{grid-area:editor;height:560px}.dw-preview-column{border-top:1px solid #344153;grid-area:preview;height:570px}.dw-preview-full{height:auto;inset:10px}.dw-sidebar .dw-rail{width:45px}.dw-subheader-tip{display:none}}@media (max-width:420px){.dw-header{gap:6px}.dw-title{font-size:12px}.dw-logo{width:27px;height:27px}.dw-run{font-size:0}.dw-run svg{width:17px}.dw-tabs button{min-width:112px;padding:0 9px}.dw-editor-toolbar>div:first-child span:last-child{display:none}}.dw-editor-surface{flex:1;min-width:0;min-height:0;position:relative}.dw-editor-surface .dw-highlight,.dw-editor-surface textarea{letter-spacing:0;white-space:pre;tab-size:2;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0 18px 0 4px;font:400 13px/24px ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;inset:0}.dw-editor-surface .dw-highlight{scrollbar-width:none;pointer-events:none;color:#d9e3f0;overflow:auto}.dw-editor-surface .dw-highlight::-webkit-scrollbar{display:none}.dw-editor-surface .dw-highlight code{min-width:max-content;display:block}.dw-highlight-line{min-width:100%;height:24px;display:block}.dw-highlight-line.current{background:#192739;box-shadow:inset 2px 0 #4f9e9b}.dw-gutter .current{color:#b4d9dc;background:#192739}.dw-editor-surface textarea{z-index:1;resize:none;color:#0000;-webkit-text-fill-color:transparent;caret-color:#e9f4f5;outline:0;overflow:auto}.dw-editor-surface textarea::selection{-webkit-text-fill-color:transparent;background:#365769a8}.dw-token-tag{color:#ee967b}.dw-token-attribute{color:#93c2ee}.dw-token-string{color:#a9d9ad}.dw-token-selector{color:#eec390}.dw-token-property{color:#9fc4ef}.dw-token-number{color:#cbb5ec}.dw-token-keyword{color:#c4a4ee}.dw-token-function{color:#e4c589}.dw-token-comment{color:#7d91a3;font-style:italic}.dw-token-punctuation{color:#95a7bb}.dw-tabs button.active{background:#132230;box-shadow:inset 0 1px #75dfd0,inset 0 -1px #385a65}.dw-tabs button:not(.active):hover{background:#223246}