:root{font-family:Inter,Noto Sans,Noto Sans JP,system-ui,sans-serif;color:#19221d;background:#e8ede9;font-synthesis:none}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}button,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.topbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 22px;color:#f8fbf9;background:#17241d;border-bottom:1px solid #31443a}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#142019;background:#a5e8bf;font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:15px;letter-spacing:.01em}.brand small{margin-top:3px;color:#aebbb3;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.actions{display:flex;align-items:center;gap:8px}.button{border:1px solid transparent;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:700}.button.secondary{color:#e8efea;background:#27372e;border-color:#405247}.button.secondary:hover{background:#31443a}.button.primary{color:#102018;background:#a5e8bf}.button.primary:hover{background:#b9f3cf}.button:disabled{cursor:wait;opacity:.65}.workspace{min-height:0;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(420px,1.08fr);gap:1px;background:#c8d0ca}.pane{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);background:#f7f9f7}.pane-heading{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:9px 16px;color:#607066;background:#f1f4f1;border-bottom:1px solid #d9dfda;font-size:12px}.pane-heading strong{display:block;margin-top:2px;color:#27332c;font-size:13px}.eyebrow{color:#718078;font-size:9px;font-weight:800;letter-spacing:.16em}.editor-pane textarea{width:100%;height:100%;resize:none;border:0;outline:0;padding:24px 26px 120px;color:#d7e6db;background:#1d2822;caret-color:#a5e8bf;font:14px/1.72 SFMono-Regular,Consolas,monospace;tab-size:2}.preview-scroll{overflow:auto;padding:28px;background:#dfe5e1}.markdown-body{width:min(100%,820px);min-height:1120px;margin:0 auto;padding:64px 72px 84px;color:#202722;background:#fff;box-shadow:0 8px 28px #1e32261f;font:15px/1.7 Inter,Noto Sans,Noto Sans JP,Arial,sans-serif;overflow-wrap:anywhere}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:#17241d;line-height:1.25}.markdown-body h1{margin:0 0 28px;padding-bottom:12px;border-bottom:3px solid #85cfa1;font-size:31px}.markdown-body h2{margin:34px 0 13px;font-size:23px}.markdown-body h3{margin:26px 0 10px;font-size:18px}.markdown-body p{margin:10px 0}.markdown-body a{color:#126a3c;text-decoration-thickness:1px;text-underline-offset:2px}.markdown-body blockquote{margin:18px 0;padding:3px 18px;color:#4e5f55;background:#f0f7f2;border-left:4px solid #6fbd8c}.markdown-body code{padding:2px 5px;border-radius:4px;color:#9f2d54;background:#f1f3f1;font:.88em/1.5 SFMono-Regular,Consolas,monospace}.markdown-body pre{overflow-x:auto;padding:17px 19px;border-radius:8px;color:#dce9e0;background:#17241d}.markdown-body pre code{padding:0;color:inherit;background:transparent}.markdown-body table{width:100%;margin:18px 0;border-collapse:collapse;font-size:14px}.markdown-body th,.markdown-body td{padding:9px 11px;border:1px solid #cfd7d1;text-align:left}.markdown-body th{background:#edf5ef}.markdown-body img,.markdown-body svg{max-width:100%;height:auto}.markdown-body .mermaid{margin:24px auto;text-align:center}.markdown-body hr{margin:32px 0;border:0;border-top:1px solid #ccd5cf}.statusbar{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px 18px;color:#617068;background:#f6f8f6;border-top:1px solid #ccd4ce;font-size:11px}.statusbar .error{color:#b42318;font-weight:700}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.loading-screen{min-height:100vh;display:grid;place-items:center;color:#526158}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#d9f4e3,transparent 35%),#e8ede9}.auth-card{width:min(100%,430px);padding:34px;border:1px solid #cdd8d0;border-radius:18px;background:#fff;box-shadow:0 22px 60px #18322224}.auth-brand{color:#17241d;margin-bottom:30px}.auth-card h1{margin:0 0 6px;font-size:28px}.auth-card>p{color:#68766d}.auth-card form{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:7px;color:#4f5d54;font-size:12px;font-weight:700}input{width:100%;border:1px solid #c8d2cb;border-radius:9px;padding:10px 12px;color:#1e2a23;background:#fff;outline:none}input:focus{border-color:#4e9f6c;box-shadow:0 0 0 3px #4e9f6c1f}.wide{width:100%;padding:12px}.form-notice{padding:10px 12px;border-radius:8px;background:#f2f6f3;color:#49564e!important;font-size:12px}.text-button{padding:5px;border:0;color:#287348;background:transparent;font:inherit;font-size:12px;font-weight:700}.danger{color:#b42318}.full-app{height:100vh;overflow:hidden}.topbar nav{display:flex;align-self:stretch}.topbar nav button{padding:0 18px;border:0;border-bottom:3px solid transparent;color:#aebbb3;background:transparent;font-weight:700}.topbar nav button.active{color:#fff;border-color:#a5e8bf}.user-menu{display:flex;align-items:center;gap:9px;font-size:12px}.role{padding:3px 7px;border-radius:99px;color:#102018;background:#a5e8bf;text-transform:uppercase;font-size:9px;font-weight:900}.content-page{height:calc(100vh - 70px);overflow:auto;padding:42px clamp(22px,5vw,72px);background:#edf1ee}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-title h1{margin:5px 0;font-size:30px}.page-title p{margin:0;color:#6b786f}.toolbar{display:flex;align-items:center;gap:18px;margin-bottom:20px}.toolbar input{max-width:520px}.toolbar span{color:#6e7b72;font-size:12px}.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.document-card,.settings-card,.admin-panel{padding:22px;border:1px solid #d3dcd5;border-radius:12px;background:#fff;box-shadow:0 5px 18px #1f34270d}.doc-top{display:flex;justify-content:space-between}.doc-code{color:#247347;font:800 12px monospace}.document-card h2{margin:18px 0 8px;font-size:19px}.document-card p{min-height:42px;color:#6e7a72;font-size:12px;line-height:1.6}.card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.status-pill{padding:4px 9px;border-radius:99px;font-size:9px;font-weight:900;text-transform:uppercase}.status-pill.doing{color:#805b00;background:#fff1c2}.status-pill.ready{color:#12653a;background:#dff5e7}.admin-panel{margin-top:28px}.admin-panel h2{margin:5px 0 18px}.user-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #e4e9e5}.user-row small{display:block;margin-top:4px;color:#738078}.builderbar{min-height:68px;display:flex;align-items:center;gap:16px;padding:9px 18px;background:#f8faf8;border-bottom:1px solid #d3dbd5}.builderbar>div:first-child{display:grid;grid-template-columns:130px minmax(180px,360px);gap:5px 10px;align-items:center}.builderbar .eyebrow{grid-column:1/-1}.builderbar input{padding:6px 9px;background:transparent}.code-input{font-family:monospace;font-weight:800}.builderbar .status-pill{margin-left:auto}.builderbar .actions{margin-left:0}.full-app:has(.builderbar){grid-template-rows:auto auto minmax(0,1fr) auto}.mcp-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card h2{margin-top:0}.settings-card label{margin:18px 0 12px}.settings-card dl{display:grid;grid-template-columns:110px 1fr;gap:13px;margin:0}.settings-card dt{color:#78847c;font-size:11px;font-weight:800;text-transform:uppercase}.settings-card dd{margin:0;overflow-wrap:anywhere}.token-secret{display:grid;gap:8px;margin-top:18px;padding:14px;border-radius:8px;background:#16231c;color:#ddede2}.token-secret code{overflow-wrap:anywhere}.token-list{margin-top:18px}@media(max-width:820px){.topbar{align-items:flex-start;flex-direction:column}.actions{width:100%;overflow-x:auto}.workspace{grid-template-columns:1fr;grid-template-rows:minmax(440px,50vh) minmax(600px,auto)}.markdown-body{min-height:900px;padding:38px 28px 58px}.statusbar span:last-child{display:none}.topbar nav{order:3;width:100%;height:42px}.topbar nav button{flex:1}.user-menu>span{display:none}.content-page{height:auto}.mcp-layout{grid-template-columns:1fr}.builderbar{align-items:flex-start;flex-wrap:wrap}.builderbar>div:first-child{width:100%;grid-template-columns:110px 1fr}.builderbar .status-pill{margin-left:0}}