.create-space{max-width:1600px;margin:auto;padding:26px 30px 12px}.create-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.create-back{font-size:calc(12px * var(--ui-font-scale, 1));color:var(--muted)}.create-heading h1{font-size:calc(25px * var(--ui-font-scale, 1));letter-spacing:-.6px;margin:10px 0 0;font-weight:650}.create-heading h1 span{font-size:calc(12px * var(--ui-font-scale, 1));font-weight:400;color:var(--muted);margin-left:16px;letter-spacing:0}.create-heading>.btn{white-space:nowrap}.create-alert{padding:12px 15px;border:1px solid #edb9c7;border-radius:12px;background:#fff4f6;color:#a52144;font-size:calc(13px * var(--ui-font-scale, 1));line-height:1.8;margin-bottom:16px}.create-alert[data-kind=info]{border-color:var(--border);background:var(--bg-soft);color:var(--text)}
.create-layout{display:grid;grid-template-columns:210px minmax(0,1fr);border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--card);min-height:550px;height:calc(100dvh - 220px);max-height:960px}.create-files{display:flex;flex-direction:column;border-right:1px solid var(--border);min-width:0;background:var(--bg)}.create-panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;height:52px;min-height:52px;padding:0 15px;border-bottom:1px solid var(--border)}.create-panel-title b{font-size:calc(12px * var(--ui-font-scale, 1));font-weight:600}.create-panel-title button{border:0;background:transparent;color:var(--muted);font-size:calc(22px * var(--ui-font-scale, 1));width:32px;height:32px;cursor:pointer;border-radius:8px}.create-panel-title button:hover{color:var(--primary);background:var(--primary-50)}.create-file-search{padding:14px 12px 8px;margin:0}.create-file-search input{padding:8px 10px;min-height:36px;border-radius:8px;font-size:calc(12px * var(--ui-font-scale, 1));background:var(--card)}.create-file-list{padding:3px 8px;flex:1;overflow:auto}.create-file{width:100%;min-width:0;display:flex;align-items:center;gap:8px;border:0;border-radius:8px;background:transparent;color:var(--text);padding:11px 8px;text-align:left;cursor:pointer;font:inherit;font-size:calc(12px * var(--ui-font-scale, 1))}.create-file>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.create-file-type{font-family:Consolas,monospace;font-size:calc(9px * var(--ui-font-scale, 1));color:var(--muted);width:28px;flex-shrink:0}.create-file i{color:var(--primary);font-style:normal;font-size:calc(8px * var(--ui-font-scale, 1))}.create-file:hover{background:var(--bg-soft)}.create-file.selected{background:var(--primary-50);color:var(--primary)}.create-file-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-top:1px solid var(--border);font-size:calc(10px * var(--ui-font-scale, 1));color:var(--muted)}.create-file-bottom button{font:inherit;color:var(--muted);border:0;background:none;min-height:30px;cursor:pointer}
.create-document{min-width:0;min-height:0;display:flex;flex-direction:column}.create-document-top{display:flex;align-items:center;gap:8px;height:52px;min-height:52px;padding:0 20px;border-bottom:1px solid var(--border);font-size:calc(12px * var(--ui-font-scale, 1));font-family:Consolas,monospace}.create-document-top>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-dirty{color:var(--primary);font-size:calc(9px * var(--ui-font-scale, 1))}.create-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);min-height:60px}.create-toolbar>div{display:flex;gap:8px;align-items:center}.create-toolbar .btn{font-size:calc(12px * var(--ui-font-scale, 1));padding:6px 14px;min-height:34px;border-radius:8px}.create-toolbar>div:last-child>button{font:inherit;font-size:calc(11px * var(--ui-font-scale, 1));border:0;background:transparent;color:var(--muted);padding:7px;cursor:pointer}.create-toolbar button:disabled{opacity:.45;cursor:not-allowed}.create-editor-host{flex:1;min-height:0;overflow:hidden;position:relative}.create-textarea{height:100%;min-height:320px;width:100%;resize:none;border:0;padding:18px;outline:0;font:14px/1.7 Consolas,monospace;background:var(--card);color:var(--text);tab-size:2}.create-status{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--border);padding:7px 13px;font-size:calc(10px * var(--ui-font-scale, 1));color:var(--muted);min-height:32px}.create-status>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-status>span:last-child{white-space:nowrap}.create-empty{display:flex;height:100%;min-height:340px;align-items:center;justify-content:center;flex-direction:column;padding:26px;text-align:center}.create-empty-symbol{font-size:calc(32px * var(--ui-font-scale, 1));color:var(--primary);font-family:Consolas,monospace;background:var(--primary-50);border-radius:22px;width:76px;height:76px;line-height:76px;margin-bottom:12px}.create-empty h2{font-size:calc(23px * var(--ui-font-scale, 1));font-weight:500;margin:14px 0}.create-empty p{font-size:calc(13px * var(--ui-font-scale, 1));line-height:1.9;color:var(--muted);margin:0 0 24px}.create-hint{font-size:calc(12px * var(--ui-font-scale, 1));line-height:1.8;color:var(--muted);padding:13px;margin:0}.create-footnote{font-size:calc(10px * var(--ui-font-scale, 1));color:var(--muted);margin:14px 2px 0;line-height:1.8}
.create-preview-pane{display:none;min-width:0;min-height:0;border-left:1px solid var(--border);flex-direction:column;background:var(--card)}.has-preview .create-layout{grid-template-columns:190px minmax(250px,1fr) minmax(250px,.85fr)}.has-preview .create-preview-pane{display:flex}.create-preview-explanation{min-height:60px;padding:10px 14px;border-bottom:1px solid var(--border)}.create-preview-explanation span{font-size:calc(11px * var(--ui-font-scale, 1));display:block}.create-preview-explanation small{font-size:calc(10px * var(--ui-font-scale, 1));color:var(--muted);display:block;margin-top:3px}.create-preview-content{flex:1;min-height:0;overflow:auto}.create-preview-content iframe{width:100%;height:100%;min-height:360px;border:0;background:white}.create-mobile-tabs{display:none}.create-template-list{display:grid;gap:10px}.create-template-list button{position:relative;display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:14px;background:var(--card);padding:18px 40px 18px 18px;text-align:left;cursor:pointer;color:var(--text);font:inherit}.create-template-list button:hover{border-color:var(--primary);background:var(--primary-50)}.create-template-list button>span{font-size:calc(10px * var(--ui-font-scale, 1));color:var(--primary)}.create-template-list b{font-size:calc(15px * var(--ui-font-scale, 1));font-weight:600}.create-template-list small{font-size:calc(12px * var(--ui-font-scale, 1));color:var(--muted)}.create-template-list i{position:absolute;right:18px;top:19px;font-size:calc(18px * var(--ui-font-scale, 1));font-style:normal}.create-space button:focus-visible,.create-template-list button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
@media(max-width:1200px){.create-space{padding:22px 18px 12px}.create-layout{grid-template-columns:170px minmax(0,1fr)}.has-preview .create-layout{grid-template-columns:150px minmax(200px,1fr) minmax(180px,.8fr)}.create-toolbar{padding:8px}.create-toolbar>div{gap:3px}.create-toolbar .btn{padding:6px 10px}}
@media(max-width:950px){.has-preview .create-layout{grid-template-columns:150px minmax(0,1fr);height:auto;max-height:none}.has-preview .create-document{height:530px}.has-preview .create-preview-pane{grid-column:2;height:420px;border-top:1px solid var(--border)}.has-preview .create-files{grid-row:1/3}.create-heading h1 span{display:none}}
@media(max-width:640px){.create-space{padding:18px 12px 10px}.create-heading{padding-left:42px;gap:10px;margin-bottom:18px}.create-heading h1{font-size:calc(21px * var(--ui-font-scale, 1));margin-top:4px}.create-back{font-size:calc(10px * var(--ui-font-scale, 1))}.create-heading>.btn{font-size:calc(11px * var(--ui-font-scale, 1));padding:8px 10px;min-height:34px}.create-mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;border-radius:12px;background:var(--bg-soft);margin-bottom:12px}.create-mobile-tabs button{border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:calc(12px * var(--ui-font-scale, 1));min-height:36px;cursor:pointer}.create-mobile-tabs button[aria-pressed=true]{background:var(--card);color:var(--primary);box-shadow:var(--shadow)}.create-layout,.has-preview .create-layout{display:block;height:calc(100dvh - 240px);min-height:440px;max-height:820px;border-radius:14px}.create-files,.create-document,.create-preview-pane,.has-preview .create-preview-pane,.has-preview .create-document{display:none;height:100%;border:0}.create-space[data-mobile-pane=files] .create-files{display:flex}.create-space[data-mobile-pane=editor] .create-document{display:flex}.create-space[data-mobile-pane=preview] .create-preview-pane{display:flex}.create-file-list{padding:6px 10px}.create-file{padding:13px 12px;font-size:calc(13px * var(--ui-font-scale, 1))}.create-document-top{padding:0 14px;font-size:calc(11px * var(--ui-font-scale, 1))}.create-toolbar{padding:9px 10px}.create-toolbar .btn{font-size:calc(12px * var(--ui-font-scale, 1));padding:6px 12px}.create-status{font-size:calc(9px * var(--ui-font-scale, 1));padding:7px 9px}.create-footnote{font-size:calc(10px * var(--ui-font-scale, 1))}.create-empty{min-height:270px;padding:18px}.create-empty h2{font-size:calc(21px * var(--ui-font-scale, 1))}.create-empty p{font-size:calc(12px * var(--ui-font-scale, 1))}.create-empty-symbol{width:60px;height:60px;line-height:60px;font-size:calc(28px * var(--ui-font-scale, 1))}.create-preview-content iframe{min-height:280px}.create-editor-host .cm-scroller{font-size:calc(13px * var(--ui-font-scale, 1))}.create-alert{font-size:calc(12px * var(--ui-font-scale, 1));padding:10px 12px}}

.create-heading{flex-wrap:wrap}.create-heading>div{flex:1;min-width:170px}.create-toolbar{flex-wrap:wrap}.create-toolbar>div{flex-wrap:wrap}.create-preview-explanation small{white-space:normal}@media(max-width:640px){.create-heading>div{flex-basis:100%}.create-heading>.btn{min-height:36px}}

/* Monaco: same-origin workers, responsive file tabs and touch commands. */
.create-editor-host{position:relative;min-height:180px;overflow:hidden}.create-editor-host>.monaco-editor{height:100%}.create-open-tabs{display:flex;overflow-x:auto;flex-shrink:0;gap:4px;padding:6px 10px;border-bottom:1px solid var(--border);min-height:38px}.create-open-tabs:empty{display:none}.create-open-tabs button,.create-code-tools button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:calc(12px * var(--ui-font-scale, 1));padding:7px 10px;white-space:nowrap;border-radius:7px;cursor:pointer}.create-open-tabs button[aria-current=page]{background:var(--bg-soft);color:var(--text);font-weight:600}.create-code-tools{display:flex;gap:4px;padding:4px 10px;border-bottom:1px solid var(--border);flex-shrink:0;overflow:auto}.create-code-tools button:hover{background:var(--bg-soft)}@media(max-width:640px){.create-code-tools button{min-height:40px;min-width:40px}.create-layout,.has-preview .create-layout{min-height:420px}.create-editor-host{min-height:150px}}