:root{--text:#252525;--muted:#72767f;--line:#e5e7eb;--bg:#f4f5f7;--panel:#fff;--side:#111318;--side2:#1b1e24;--accent:#2557d6;--ok:#137a4d;--ng:#c0362c;--warn:#b86b12}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.55}button,input,select{font:inherit;color:inherit}.top{height:58px;background:#111318;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{font-size:18px;font-weight:800;color:#fff;text-decoration:none}.top-actions{display:flex;gap:18px;align-items:center;font-size:14px}.top-actions a{color:#fff;text-decoration:none}.container{width:min(1780px,calc(100% - 40px));margin:24px auto 64px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.page-head h1{font-size:clamp(26px,2vw,36px);line-height:1.25;margin:6px 0}.page-head p{font-size:16px;margin:0;color:var(--muted)}.back{font-size:16px;text-decoration:none}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.grid.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px;margin-bottom:18px}.project-card{text-decoration:none;color:inherit;display:block}.project-top{display:flex;justify-content:space-between;gap:16px;font-size:20px;margin-bottom:8px}.muted,.small{color:var(--muted)}.small{font-size:14px}.metrics{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:14px}.badge,.tag,.risk,.status{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:14px;font-weight:700}.badge.active,.status.passed{background:#edf8f2;color:var(--ok)}.badge.inactive,.status.failed,.status.error{background:#fff0ef;color:var(--ng)}.status.queued,.status.running{background:#eef3ff;color:#2849a8}.tag,.risk{background:#f2f4f7}.risk.payment,.risk.side_effect{background:#fff3e8;color:#9d4c07}.panel+.panel{margin-top:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-head h2{font-size:21px;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{text-align:left;padding:13px 11px;border-top:1px solid var(--line);vertical-align:top;font-size:16px}th{font-size:14px;color:var(--muted);white-space:nowrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.disabled-row{opacity:.55}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:10px 16px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none}.btn.primary{background:var(--accent);color:#fff}.btn.secondary{background:#eef2ff;color:#273ea5}.btn.large{font-size:18px;padding:14px 24px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.summary-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-grid .panel{display:flex;flex-direction:column;gap:4px}.summary-grid strong{font-size:23px}.kicker{font-size:14px;color:var(--muted);font-weight:700}.status-big{font-size:18px;font-weight:900;border-radius:10px;padding:9px 15px;background:#eef3ff}.status-big.passed{background:#edf8f2;color:var(--ok)}.status-big.failed,.status-big.error{background:#fff0ef;color:var(--ng)}.result-list{display:grid;gap:9px}.result-item{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.result-item summary{list-style:none;display:flex;align-items:center;gap:13px;padding:13px 15px;cursor:pointer}.result-item summary::-webkit-details-marker{display:none}.result-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f2f4f7;font-weight:900}.result-item.passed .result-icon{background:#edf8f2;color:var(--ok)}.result-item.failed .result-icon,.result-item.error .result-icon{background:#fff0ef;color:var(--ng)}.result-main{display:flex;flex-direction:column;flex:1}.result-main strong{font-size:16px}.result-main small{font-size:14px;color:var(--muted)}.result-state{font-size:14px;font-weight:800}.result-detail{border-top:1px solid var(--line);padding:15px}.result-detail pre{white-space:pre-wrap;word-break:break-word;background:#101218;color:#fff;border-radius:8px;padding:13px;font-size:14px}.artifact-links{display:flex;gap:9px;flex-wrap:wrap}.login-wrap{min-height:80vh;display:grid;place-items:center}.login-panel{width:min(440px,100%)}.login-panel h1{margin-top:0}.login-panel label{display:block;font-size:16px;font-weight:700;margin:15px 0}.login-panel input{display:block;width:100%;padding:11px 12px;border:1px solid #cfd4dc;border-radius:9px;font-size:16px;margin-top:6px}.alert,.inline-error{border-radius:8px;padding:10px 12px;background:#fff0ef;color:var(--ng);font-size:14px}.workspace-body{overflow:hidden;background:#fff}.workspace-shell{width:100vw;height:100vh;display:flex;margin:0}.wa-sidebar{width:74px;background:var(--side);color:#fff;display:flex;flex-direction:column;align-items:center;padding:12px 8px;gap:8px;flex:0 0 74px}.wa-logo{width:44px;height:44px;display:grid;place-items:center;font-weight:900;letter-spacing:-1px;border-bottom:1px solid #343840;margin-bottom:4px}.wa-projects{display:flex;flex-direction:column;gap:7px;flex:1;width:100%;overflow:auto;scrollbar-width:none}.wa-projects::-webkit-scrollbar{display:none}.wa-project{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#9da3af;border-radius:10px;padding:7px 3px;gap:2px}.wa-project span{font-weight:800;font-size:16px}.wa-project small{font-size:10px;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-project:hover,.wa-project.active{background:var(--side2);color:#fff}.wa-icon-btn,.wa-icon-link{width:42px;height:38px;border:0;border-radius:9px;background:transparent;color:#aeb4be;display:grid;place-items:center;text-decoration:none;font-weight:800;cursor:pointer;font-size:17px}.wa-icon-btn:hover,.wa-icon-link:hover{background:var(--side2);color:#fff}.wa-main{min-width:0;flex:1;display:flex;flex-direction:column;background:#f7f7f8}.wa-head{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:18px;flex:0 0 58px}.wa-title{min-width:0;display:flex;align-items:center;gap:14px}.wa-title strong{font-size:18px;white-space:nowrap}.wa-title span{font-size:14px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-actions{display:flex;align-items:center;gap:7px}.wa-actions select{height:34px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 30px 0 10px;font-size:14px}.wa-button{height:34px;border:1px solid #d8dbe1;border-radius:8px;background:#fff;padding:0 12px;font-size:14px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.wa-button:hover{background:#f4f5f7}.wa-button.primary{border-color:#222;background:#222;color:#fff}.wa-button.danger{border-color:#b42318;background:#b42318;color:#fff}.wa-button:disabled{opacity:.45;cursor:default}.wa-button.icon{width:34px;padding:0}.wa-workarea{min-height:0;flex:1;display:grid;grid-template-rows:minmax(300px,58%) minmax(250px,42%);gap:1px;background:var(--line)}.wa-preview{position:relative;background:#fff;min-height:0}.wa-preview iframe{width:100%;height:100%;border:0;background:#fff}.wa-preview-note{position:absolute;right:10px;bottom:8px;background:rgba(20,22,27,.72);color:#fff;border-radius:7px;padding:4px 8px;font-size:12px;pointer-events:none}.wa-bottom{background:#111318;color:#e7e9ed;min-height:0;display:flex;flex-direction:column}.wa-tabs{height:39px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid #2c3037;gap:5px;flex:0 0 39px}.wa-tabs button{border:0;background:transparent;color:#8f96a3;font-size:13px;font-weight:800;padding:8px 10px;cursor:pointer}.wa-tabs button.active{color:#fff}.wa-tabs span{margin-left:auto;font-size:13px;color:#aeb4be}.wa-tabpane{display:none;min-height:0;flex:1}.wa-tabpane.active{display:flex;flex-direction:column}.terminal{flex:1;min-height:0;overflow:auto;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;white-space:pre-wrap;word-break:break-word;scrollbar-width:none}.terminal::-webkit-scrollbar{display:none}.terminal>div{margin:0 0 5px}.term-muted,.term-meta{color:#818895}.term-command{color:#9db7ff}.term-error{color:#ff8a80}.terminal-line{height:44px;border-top:1px solid #2c3037;display:flex;align-items:center;padding:0 12px;gap:9px}.terminal-prompt{color:#8da8f8;font-family:ui-monospace,monospace}.terminal-line input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px}.terminal-line button{border:0;background:#252a33;color:#fff;border-radius:7px;height:29px;padding:0 11px;font-size:12px;font-weight:800;cursor:pointer}.console-empty{margin:auto;text-align:center;color:#9aa1ad}.wa-test-list{overflow:auto;padding:10px;display:grid;align-content:start;gap:6px}.wa-test-list a{display:grid;grid-template-columns:12px minmax(180px,1fr) auto;gap:10px;align-items:center;text-decoration:none;color:#e6e8eb;padding:9px 10px;border-radius:8px;background:#191c22;font-size:14px}.wa-test-list a span:last-child{color:#969daa}.status-dot{width:8px;height:8px;border-radius:50%;background:#747b86}.status-dot.passed{background:#30a46c}.status-dot.failed,.status-dot.error{background:#e5484d}.status-dot.running,.status-dot.queued{background:#e5a000}.wa-modal{position:fixed;inset:0;background:rgba(0,0,0,.35);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.wa-modal.open{display:flex}.wa-modal-card{width:min(520px,100%);max-height:min(760px,92vh);overflow:auto;scrollbar-width:none;background:#fff;border-radius:14px;padding:18px}.wa-modal-card::-webkit-scrollbar{display:none}.wa-modal-card.small{width:min(470px,100%)}.wa-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.wa-modal-head strong{font-size:18px}.wa-modal-head button{border:0;background:transparent;font-size:24px;cursor:pointer}.wa-modal label{display:block;font-size:14px;font-weight:700;margin:10px 0}.wa-modal input,.wa-modal select{width:100%;height:40px;border:1px solid #d7dae0;border-radius:8px;padding:0 10px;margin-top:5px;font-size:16px}.wa-modal label.check{display:flex;align-items:center;gap:8px}.wa-modal label.check input{width:18px;height:18px;margin:0}.wa-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.wa-modal pre{white-space:pre-wrap;background:#f4f5f7;border-radius:8px;padding:10px;font-size:14px}.empty-workspace{margin:auto}.inline-error{margin-bottom:10px}.conn-fields{display:grid;grid-template-columns:1fr 110px;gap:0 10px}.conn-fields label:nth-child(3),.conn-fields label:nth-child(4),.conn-fields label:nth-child(5){grid-column:1/-1}@media(max-width:900px){.workspace-body{overflow:auto}.workspace-shell{min-height:100vh;height:auto}.wa-sidebar{width:58px;flex-basis:58px}.wa-project small{display:none}.wa-head{height:auto;min-height:58px;align-items:flex-start;flex-direction:column;padding:10px}.wa-actions{width:100%;overflow:auto}.wa-workarea{grid-template-rows:52vh 48vh;min-height:calc(100vh - 105px)}.wa-title span{display:none}}@media(max-width:600px){.wa-sidebar{display:none}.wa-workarea{grid-template-rows:48vh 52vh}.wa-actions select{max-width:150px}.wa-preview-note{display:none}.container{width:calc(100% - 24px)}.summary-grid,.summary-grid.four{grid-template-columns:1fr 1fr}.grid.cards{grid-template-columns:1fr}.btn.large{width:100%}}@media(max-width:430px){.summary-grid,.summary-grid.four{grid-template-columns:1fr}}

/* v0.1.3 workspace: 4K-first single-screen cockpit */
.workspace-body{background:#f5f5f6}
.workspace-shell{height:100dvh;min-height:100dvh}
.wa-main{background:#f5f5f6}
.wa-head{height:62px;flex:0 0 62px;padding:0 18px}
.wa-title strong{font-size:18px}.wa-title span{font-size:14px}
.wa-workarea{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(520px,.8fr);grid-template-rows:minmax(0,1fr);gap:1px;background:var(--line)}
.wa-preview{min-width:0;min-height:0;background:#fff;overflow:hidden}
.wa-preview iframe{display:block;width:100%;height:100%;min-height:0}
.wa-bottom{min-width:0;min-height:0;height:100%;background:#111318}
.wa-tabs{height:44px;flex:0 0 44px;padding:0 12px}
.wa-tabs button{font-size:14px;padding:9px 11px}
.terminal{padding:14px 16px;font-size:15px;line-height:1.6}
.terminal-line{height:50px;flex:0 0 50px;padding:0 14px}
.terminal-line input{font-size:16px}
.wa-self-preview{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#252525;padding:24px}
.wa-self-preview strong{font-size:24px;line-height:1.2}.wa-self-preview span{font-size:16px;color:#777b83}
.wa-self-preview .wa-button{margin-top:4px}
.wa-project span{font-size:15px}.wa-project small{font-size:10px}
@media(max-width:1300px){.wa-workarea{grid-template-columns:1fr;grid-template-rows:minmax(320px,54%) minmax(280px,46%)}.wa-bottom{height:auto}}
@media(max-width:900px){.workspace-body{overflow:hidden}.workspace-shell{height:100dvh;min-height:100dvh}.wa-head{min-height:58px}.wa-workarea{min-height:0;grid-template-rows:minmax(280px,48%) minmax(320px,52%)}}
@media(max-width:600px){.wa-head{padding:8px 10px}.wa-actions{gap:5px}.wa-button{padding:0 9px}.wa-workarea{grid-template-rows:minmax(240px,42%) minmax(360px,58%)}}

/* v0.1.4 drag & drop upload */
.terminal-wrap{position:relative;display:flex;flex:1;min-height:0;overflow:hidden}
.terminal-wrap .terminal{width:100%}
.upload-overlay{position:absolute;inset:10px;border:1px dashed #7586b7;border-radius:10px;background:rgba(28,33,44,.94);display:none;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#fff;z-index:5;pointer-events:none}
.upload-overlay.show{display:flex}
.upload-overlay strong{font-size:20px;letter-spacing:.04em}.upload-overlay span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;color:#aeb8d0;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.terminal-line button#pickFilesBtn{background:transparent;border:1px solid #343a45;color:#b6bdc9}
.terminal-line button#pickFilesBtn:hover{background:#1c2027;color:#fff}
.wa-form-divider{margin:18px 0 4px;padding-top:14px;border-top:1px solid #e4e6ea;font-size:12px;font-weight:850;letter-spacing:.08em;color:#777d87}
.ftp-fields label:nth-child(3),.ftp-fields label:nth-child(4),.ftp-fields label:nth-child(5){grid-column:1/-1}
.terminal-line.upload-only{justify-content:flex-start}.upload-only-label{color:#8f96a3;font-size:13px;flex:1}


/* v0.1.5 live site preview */
.wa-preview{display:flex;flex-direction:column}
.wa-preview-bar{height:42px;flex:0 0 42px;border-bottom:1px solid var(--line);background:#fafafa;display:flex;align-items:center;gap:6px;padding:5px 7px}
.wa-preview-form{display:flex;align-items:center;min-width:0;flex:1;gap:5px}
.wa-preview-form input{min-width:0;flex:1;height:31px;border:1px solid #d9dce2;border-radius:7px;background:#fff;padding:0 10px;font-size:14px;color:#252525;outline:0}
.wa-preview-form input:focus{border-color:#aeb6c6;box-shadow:0 0 0 2px rgba(37,87,214,.07)}
.wa-preview-form button,.wa-preview-icon{height:31px;min-width:34px;border:1px solid #d9dce2;border-radius:7px;background:#fff;color:#4a4e56;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;padding:0 9px}
.wa-preview-icon{font-size:17px;padding:0}.wa-preview-form button:hover,.wa-preview-icon:hover{background:#f0f1f3}
.wa-preview-stage{position:relative;min-height:0;flex:1;background:#fff;overflow:hidden}
.wa-preview-stage iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.wa-preview-stage iframe[hidden]{display:none}
.wa-preview-stage .wa-self-preview{position:absolute;inset:0}
@media(max-width:600px){.wa-preview-bar{padding:4px}.wa-preview-form button{display:none}.wa-preview-icon{min-width:31px}.wa-preview-form input{font-size:14px}}

/* v0.1.6 fixed deploy inbox */
.term-upload-target{margin-top:8px;font:600 13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#d8dce5;word-break:break-all}
.wa-modal-card label small{display:block;margin-top:5px;font-size:14px;line-height:1.45;color:#777}
.term-deploy-target{margin-top:4px;color:#aeb6c6;font-size:14px}.terminal-line .deploy-btn{font-weight:800;color:#111318;background:#d9ff63;border-color:#d9ff63}.term-deploy-log{white-space:pre-wrap;color:#d8dde7}.term-deploy-ok{white-space:pre-wrap;color:#a9f5bd;font-weight:800}

/* v0.1.9 persistent operation result */
.terminal-line button#copyResultBtn{background:transparent;border:1px solid #343a45;color:#b6bdc9;white-space:nowrap}.terminal-line button#copyResultBtn:hover{background:#1c2027;color:#fff}.term-deploy-log{white-space:pre-wrap}


/* v0.1.10 Test Hub self preview */
.wa-self-preview-live{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;color:#252525;text-align:center;padding:24px}
.wa-self-preview-live strong{font-size:24px;line-height:1.25}.wa-self-preview-live span{font-size:13px;font-weight:850;letter-spacing:.12em;color:#6e7480}.wa-self-preview-live small{font-size:14px;color:#8a8f98}
.wa-preview-mode .wa-preview-form input:disabled,.wa-preview-mode .wa-preview-form button:disabled,.wa-preview-mode .wa-preview-icon:disabled{opacity:.72;cursor:default}
.wa-preview-mode .wa-head{background:#fff}.wa-preview-mode .wa-preview-note{background:rgba(17,19,24,.78)}

/* v0.1.11 single-level self preview: visual only, never recursive */
.self-preview-body,.self-preview-shell{background:#f5f5f6}
.self-preview-shell{height:100dvh;min-height:100dvh;display:flex;overflow:hidden;color:#252525}
.self-preview-sidebar{width:64px;flex:0 0 64px;background:#111318;color:#fff;display:flex;flex-direction:column;align-items:center;padding:10px 5px;gap:9px}
.self-preview-logo{font-size:15px;font-weight:900;margin-bottom:4px}
.self-preview-project{width:52px;min-height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:900;font-size:14px;color:#c9ced8}
.self-preview-project.active{background:#20242c;color:#fff}.self-preview-project small{font-size:8px;font-weight:700;margin-top:2px;max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.self-preview-spacer{flex:1}.self-preview-mini{font-size:14px;color:#c3c9d3;padding:4px}
.self-preview-main{min-width:0;flex:1;display:flex;flex-direction:column;background:#fff}
.self-preview-head{height:62px;flex:0 0 62px;border-bottom:1px solid #e4e6ea;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#fff}
.self-preview-head>div:first-child{min-width:0;display:flex;align-items:baseline;gap:12px}.self-preview-head strong{font-size:18px}.self-preview-head span{font-size:13px;color:#8b9098;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.self-preview-actions{display:flex;gap:7px}.self-preview-actions span{height:30px;padding:0 10px;border:1px solid #e1e3e7;border-radius:7px;display:flex;align-items:center;font-size:11px;font-weight:800;color:#777c85}
.self-preview-grid{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.8fr);gap:1px;background:#dfe2e7}
.self-preview-site{min-width:0;min-height:0;background:#fff;display:flex;flex-direction:column}.self-preview-urlbar{height:42px;flex:0 0 42px;background:#fafafa;border-bottom:1px solid #e2e4e8;display:flex;align-items:center;gap:6px;padding:5px 7px;font-size:12px;color:#555a63}
.self-preview-urlbar>div{min-width:0;flex:1;height:31px;border:1px solid #d9dce2;border-radius:7px;background:#fff;display:flex;align-items:center;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.self-preview-urlbar>span{height:31px;min-width:31px;border:1px solid #d9dce2;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
.self-preview-canvas{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;padding:24px}.self-preview-canvas strong{font-size:22px}.self-preview-canvas span{font-size:15px}.self-preview-canvas small{font-size:13px;color:#8b9098}
.self-preview-console{min-width:0;min-height:0;background:#111318;color:#dce1ea;display:flex;flex-direction:column}.self-preview-tabs{height:44px;flex:0 0 44px;border-bottom:1px solid #2a2e35;display:flex;align-items:center;gap:18px;padding:0 14px;font-size:12px}.self-preview-tabs strong{color:#fff}.self-preview-tabs span{color:#8d95a3}
.self-preview-terminal{flex:1;min-height:0;padding:14px 16px;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.self-preview-terminal>div{margin-bottom:5px}.self-preview-sep{margin-top:16px;color:#7f8794}
.self-preview-command{height:50px;flex:0 0 50px;border-top:1px solid #2a2e35;display:flex;align-items:center;gap:8px;padding:0 12px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.self-preview-command>span{flex:1;color:#7f8794}.self-preview-command>b{font-family:inherit;font-size:10px;border:1px solid #343a45;border-radius:6px;padding:6px 8px;color:#b6bdc9}.self-preview-command>b:nth-last-child(2){background:#d9ff63;color:#111318;border-color:#d9ff63}
.self-preview-empty{height:100vh;display:grid;place-items:center;font-size:16px}
@media(max-width:900px){.self-preview-grid{grid-template-columns:1fr;grid-template-rows:52% 48%}.self-preview-sidebar{width:54px;flex-basis:54px}.self-preview-console{min-height:280px}}

/* v0.1.14 automatic Playwright preview fallback */
.wa-preview-mode-badge{height:27px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;background:#eef0f4;color:#626874;font-size:11px;font-weight:850;letter-spacing:.04em;white-space:nowrap}
.wa-preview-mode-badge[data-mode="playwright"]{background:#111318;color:#d9ff63}.wa-preview-mode-badge[data-mode="self"]{background:#e9ecf4;color:#394154}
.wa-preview-device{height:31px;border:1px solid #d9dce2;border-radius:7px;background:#fff;color:#4a4e56;padding:0 8px;font-size:13px;font-weight:750;outline:0}
.wa-pw-preview{position:absolute;inset:0;overflow:auto;background:#e8eaee;padding:0;scrollbar-width:none}
.wa-pw-preview::-webkit-scrollbar{display:none}.wa-pw-preview[hidden]{display:none}
.wa-pw-preview img{display:block;width:100%;height:auto;min-height:1px;background:#fff}
.wa-pw-preview.device-iphone{padding:18px}.wa-pw-preview.device-iphone img{width:min(390px,100%);margin:0 auto;border-radius:12px;box-shadow:0 10px 32px rgba(0,0,0,.16);overflow:hidden}
.wa-pw-preview-status{position:sticky;top:8px;z-index:2;width:max-content;max-width:calc(100% - 16px);margin:8px auto -35px;padding:7px 10px;border-radius:999px;background:rgba(17,19,24,.86);color:#fff;font-size:12px;font-weight:800;letter-spacing:.03em;backdrop-filter:blur(4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){.wa-preview-mode-badge{display:none}.wa-preview-device{max-width:74px;padding:0 5px}.wa-pw-preview.device-iphone{padding:10px}}