:root{--ink:#101820;--ink-soft:#43515c;--paper:#f8f4ea;--paper-strong:#fffdf7;--panel:rgba(255,253,247,0.86);--line:rgba(16,24,32,0.14);--accent:#c44d2d;--accent-2:#287b78;--accent-3:#e8b94f;--shadow:0 20px 60px rgba(16,24,32,0.14);--radius:8px}.studio-shell[data-theme=night]{--ink:#edf2f4;--ink-soft:#a8b5bd;--paper:#0d1318;--paper-strong:#141d24;--panel:rgba(20,29,36,0.88);--line:rgba(237,242,244,0.16);--accent:#e06f4f;--accent-2:#5fb7ad;--accent-3:#e8c468;--shadow:0 24px 70px rgba(0,0,0,0.36)}.studio-shell[data-theme=jade]{--ink:#10201d;--ink-soft:#49615b;--paper:#edf4ec;--paper-strong:#fbfff7;--panel:rgba(251,255,247,0.9);--line:rgba(16,32,29,0.15);--accent:#9a4f2f;--accent-2:#1d7668;--accent-3:#d7b35a;--shadow:0 20px 60px rgba(29,118,104,0.16)}.studio-shell[data-theme=contrast]{--ink:#050505;--ink-soft:#1f1f1f;--paper:#ffffff;--paper-strong:#ffffff;--panel:#ffffff;--line:#050505;--accent:#b00020;--accent-2:#005f73;--accent-3:#8a6d00;--shadow:none}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:linear-gradient(90deg,rgba(16,24,32,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(16,24,32,.035) 1px,transparent 1px),var(--paper);background-size:22px 22px;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica Neue,Arial,sans-serif}html[lang=ja] body,html[lang=ko] body,html[lang=zh-CN] body,html[lang=zh-TW] body{font-family:Noto Sans CJK SC,Noto Sans CJK TC,Noto Sans JP,Noto Sans KR,Inter,system-ui,sans-serif}html[lang=ar] body{font-family:Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.studio-shell{min-height:100vh;padding:18px;background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 3.5%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--ink) 3.5%,transparent) 1px,transparent 1px),var(--paper);background-size:22px 22px}.studio-frame{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);min-height:calc(100vh - 36px);border:1px solid var(--line);background:rgba(255,253,247,.7);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rail-collapsed .studio-frame{grid-template-columns:72px minmax(0,1fr)}.rail{display:flex;min-width:0;flex-direction:column;-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line);background:rgba(16,24,32,.04)}.brand-block{padding:14px;border-bottom:1px solid var(--line)}.rail-brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.logo-mark{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:1.24rem;line-height:1;margin-bottom:0}.logo-mark svg{width:36px;height:36px;flex:0 0 auto}.logo-paper{fill:var(--paper-strong);stroke:var(--ink);stroke-width:3}.logo-arrow,.logo-fold,.logo-stem{fill:none;stroke-linecap:round;stroke-linejoin:round}.logo-fold{stroke:var(--accent);stroke-width:3}.logo-stem{stroke:var(--ink);stroke-width:4}.logo-arrow{stroke:var(--accent-2);stroke-width:4}.brand-kicker{margin:0 0 8px;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.brand-title{margin:0;font-size:1.45rem;line-height:1.08}.brand-copy{margin:10px 0 0;color:var(--ink-soft);font-size:.92rem;line-height:1.5}.doc-flyout,.rail-collapsed .brand-copy,.rail-collapsed .doc-tab span,.rail-collapsed .doc-tab strong,.rail-collapsed .rail-actions .text-button,.rail-collapsed .section-label{display:none}.rail-collapsed .brand-block{padding:12px 10px}.rail-collapsed .rail-brand-row{flex-direction:column}.rail-collapsed .rail-actions{justify-content:center;padding:10px}.rail-collapsed .document-list{padding:0 8px 12px}.rail-collapsed .doc-tab{width:46px;height:46px;padding:0;position:relative}.rail-collapsed .doc-tab:before{content:attr(data-index);position:absolute;inset:8px;display:grid;place-items:center;border:2px solid var(--accent-2);border-radius:4px;background:var(--paper-strong);color:var(--accent-2);font-size:.84rem;font-weight:900}.rail-collapsed .doc-tab:focus-visible .doc-flyout,.rail-collapsed .doc-tab:hover .doc-flyout{position:absolute;inset-inline-start:calc(100% + 10px);top:0;z-index:20;display:grid;width:240px;grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-strong);box-shadow:var(--shadow);color:var(--ink);padding:10px 12px;text-align:start;text-transform:none}.doc-flyout b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}.doc-flyout small{color:var(--ink-soft);font-size:.76rem;font-style:normal;line-height:1.35}.document-actions,.export-group,.rail-actions,.topbar{display:flex;gap:8px;align-items:center}.rail-actions{padding:14px;flex-wrap:wrap}.document-list{display:grid;grid-gap:8px;gap:8px;padding:0 12px 16px;overflow:auto}.section-label{padding:0 14px 8px;color:var(--ink-soft);font-size:.77rem;font-weight:800;text-transform:uppercase}.doc-tab{width:100%;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--ink);padding:11px 12px;text-align:start}.doc-tab.active,.doc-tab:hover{border-color:var(--line);background:var(--paper-strong)}.doc-tab strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-tab span{color:var(--ink-soft);font-size:.76rem}.workspace{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);min-width:0}.hero-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--paper-strong)}.hero-feedback{flex:0 0 auto;border-color:rgba(40,123,120,.32);background:#fffdf7;color:var(--accent-2);box-shadow:0 8px 24px rgba(16,24,32,.08)}.hero-feedback:focus-visible,.hero-feedback:hover{border-color:var(--accent-2);background:var(--accent-2);color:#fffaf2;outline:none}.hero-strip .logo-mark{margin-bottom:0}.hero-strip>div{display:flex;min-width:0;align-items:center;gap:14px}.hero-strip h1{margin:0;max-width:780px;font-size:clamp(1rem,2vw,1.35rem);line-height:1.18}.hero-strip p{max-width:720px;margin:12px 0 0;color:var(--ink-soft);font-size:1rem;line-height:1.55}.visual-plate{min-height:120px;border:1px solid var(--line);border-radius:var(--radius);background:url(/studio-texture.svg),linear-gradient(135deg,rgba(196,77,45,.2),rgba(40,123,120,.22));background-size:cover;position:relative;overflow:hidden}.visual-plate:after{content:"";position:absolute;inset:14px;border:1px solid rgba(16,24,32,.2);border-radius:6px;background:repeating-linear-gradient(180deg,rgba(255,253,247,.8) 0 9px,rgba(255,253,247,.4) 9px 18px);transform:rotate(-2deg)}.topbar{justify-content:space-between;gap:10px;padding:5px 10px;background:linear-gradient(90deg,rgba(255,253,247,.8),rgba(239,232,216,.7)),repeating-linear-gradient(90deg,transparent 0 19px,rgba(16,24,32,.035) 19px 20px)}.notice-bar,.topbar{border-bottom:1px solid var(--line)}.notice-bar{background:rgba(40,123,120,.12);color:var(--ink);padding:9px 16px;font-size:.88rem;font-weight:700}.title-input{min-width:0;width:min(460px,45vw);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink);font-size:1rem;font-weight:800;outline:none;padding:6px 4px}.title-input:focus{border-bottom-color:var(--accent-2)}.icon-button,.select-control,.text-button{min-height:36px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-strong);color:var(--ink);padding:7px 9px}.theme-select{max-width:150px}.icon-button{width:36px;display:inline-grid;place-items:center}.text-button{display:inline-flex;gap:7px;align-items:center;font-weight:800}.text-button.primary{border-color:rgba(196,77,45,.4);background:var(--accent);color:#fffaf2}.focus-exit-button,.focus-toggle{border-color:rgba(40,123,120,.36);background:var(--accent-2);color:#fffaf2}.focus-exit-button:focus-visible,.focus-exit-button:hover,.focus-toggle:focus-visible,.focus-toggle:hover{border-color:rgba(16,24,32,.45);background:var(--accent);color:#fffaf2;outline:none}.focus-exit-button{position:fixed;z-index:20;top:10px;right:10px;display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid rgba(40,123,120,.36);border-radius:999px;box-shadow:0 12px 30px rgba(16,24,32,.18)}.icon-button:hover,.select-control:hover,.text-button:hover{border-color:rgba(16,24,32,.35)}.command-ribbon{gap:5px;max-width:100%;overflow-x:auto;padding:4px;border:1px solid rgba(16,24,32,.18);border-radius:8px;background:linear-gradient(135deg,rgba(16,24,32,.96),rgba(33,49,55,.96)),linear-gradient(90deg,rgba(40,123,120,.18),rgba(196,77,45,.16));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(16,24,32,.12)}.command-ribbon .icon-button,.command-ribbon .select-control,.command-ribbon .text-button{min-height:28px;border-color:rgba(255,250,242,.16);border-radius:6px;background:rgba(255,250,242,.96);color:var(--ink);box-shadow:0 1px 0 rgba(255,255,255,.55)}.command-ribbon .select-control{max-width:150px;background:rgba(255,250,242,.9);padding:3px 8px;font-size:.86rem;font-weight:800}.command-ribbon .icon-button{width:28px;min-height:28px;padding:4px}.command-ribbon .text-button{gap:5px;padding:3px 8px;font-size:.86rem;white-space:nowrap}.command-ribbon .text-button.primary{border-color:rgba(255,250,242,.18);background:var(--accent);color:#fffaf2}.command-ribbon .focus-toggle{background:var(--accent-2);color:#fffaf2}.command-ribbon .icon-button:focus-visible,.command-ribbon .icon-button:hover,.command-ribbon .select-control:focus-visible,.command-ribbon .select-control:hover,.command-ribbon .text-button:focus-visible,.command-ribbon .text-button:hover{border-color:rgba(255,250,242,.72);transform:translateY(-1px);outline:none}.editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.editor-grid,.pane{display:grid;min-height:0}.pane{min-width:0;grid-template-rows:auto minmax(0,1fr)}.pane-tool{display:inline-grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-strong);color:var(--ink)}.editor-pane{-webkit-border-end:1px solid var(--line);border-inline-end:1px solid var(--line)}.markdown-toolbar{display:flex;max-width:min(64vw,520px);gap:4px;align-items:center;overflow-x:auto;background:transparent;padding:0}.markdown-toolbar button{display:inline-grid;width:26px;height:26px;flex:0 0 26px;place-items:center;border:1px solid var(--line);border-radius:5px;background:var(--paper-strong);color:var(--ink)}.markdown-toolbar button:focus-visible,.markdown-toolbar button:hover{border-color:var(--accent-2);color:var(--accent-2);outline:none}.pane-header{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:8px;padding:3px 8px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:.82rem;font-weight:800;text-transform:uppercase}.pane-header>span{display:inline-flex;min-width:0;align-items:center;gap:6px;white-space:nowrap}.editor-host,.preview-host{min-height:0;overflow:auto;background:color-mix(in srgb,var(--paper-strong) 76%,transparent)}.editor-host .cm-editor{min-height:100%;background:transparent}.editor-host .cm-content{min-height:calc(100vh - 190px);padding:24px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:15px;line-height:1.75;direction:ltr}.preview-document{max-width:820px;margin:0 auto;padding:24px 32px;color:var(--ink);line-height:1.7}.preview-document h1,.preview-document h2,.preview-document h3{line-height:1.15}.preview-document h1{font-size:2.15rem}.preview-document pre{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--ink);color:var(--paper-strong);padding:16px}.focus-mode{padding:0}.focus-mode .studio-frame{min-height:100vh;grid-template-columns:minmax(0,1fr);border:0}.focus-mode .hero-strip,.focus-mode .notice-bar,.focus-mode .rail,.focus-mode .topbar{display:none}.focus-mode .workspace{min-height:100vh;grid-template-rows:minmax(0,1fr)}.focus-mode .editor-grid{min-height:100vh}.focus-mode .editor-host .cm-content{min-height:calc(100vh - 39px)}.preview-document code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.preview-document table{width:100%;border-collapse:collapse}.preview-document td,.preview-document th{border:1px solid var(--line);padding:8px}.preview-document blockquote{margin-inline:0;-webkit-border-start:4px solid var(--accent-2);border-inline-start:4px solid var(--accent-2);background:rgba(40,123,120,.08);padding:10px 16px}.empty-state{display:grid;place-items:center;padding:32px;text-align:center}.empty-state h2{margin:0 0 8px}.empty-state p{margin:0;color:var(--ink-soft)}html[dir=rtl] .editor-host,html[dir=rtl] .editor-host *{direction:ltr;text-align:left}@media (max-width:980px){.studio-shell{padding:0}.studio-frame{min-height:100vh}.focus-mode .editor-grid,.rail-collapsed .studio-frame,.studio-frame{grid-template-columns:1fr}.rail{-webkit-border-end:0;border-inline-end:0;border-bottom:1px solid var(--line)}.document-list{grid-auto-flow:column;grid-auto-columns:minmax(180px,220px);overflow-x:auto}.hero-strip{align-items:flex-start}.hero-strip,.topbar{flex-direction:column}.topbar{align-items:stretch}.title-input{width:100%}.export-group{flex-wrap:wrap}.editor-grid{grid-template-columns:1fr}.editor-pane{min-height:44vh;-webkit-border-end:0;border-inline-end:0;border-bottom:1px solid var(--line)}}@media print{body{background:#fff}.editor-pane,.hero-strip,.pane-header,.rail,.topbar{display:none!important}.editor-grid,.pane,.preview-host,.studio-frame,.studio-shell,.workspace{display:block;min-height:auto;padding:0;border:0;box-shadow:none;background:#fff}.preview-document{max-width:none;padding:0}}