:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--bg-soft:#101620;--surface:#151b24;--surface-2:#1b2330;--surface-3:#202a38;--border:#9dadc429;--border-strong:#9dadc447;--text:#d6deea;--text-soft:#9caaba;--muted:#6f7f92;--bright:#f6f8fb;--accent:#37d99e;--accent-2:#55b7ff;--accent-3:#f6b84a;--danger:#ff6b6b;--shadow:0 20px 60px #00000057;--radius:8px;--font-sans:"Inter", "Noto Sans JP", "Yu Gothic UI", "Hiragino Sans", "Meiryo", system-ui, sans-serif;--font-mono:"SF Mono", "Cascadia Code", "Consolas", "Menlo", monospace}*{box-sizing:border-box}::selection{color:var(--bright);background:#37d99e47}html,body{background:linear-gradient(180deg, #55b7ff14, transparent 340px), linear-gradient(90deg, #ffffff09 1px, transparent 1px), linear-gradient(#ffffff07 1px, transparent 1px), var(--bg);min-height:100%;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-size:auto,48px 48px,48px 48px,auto;margin:0;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0f14db;justify-content:space-between;align-items:center;gap:20px;padding:14px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand.compact{margin-bottom:18px}.brand-mark{border-radius:var(--radius);width:38px;height:38px;color:var(--accent);background:linear-gradient(#37d99e2e,#55b7ff14);border:1px solid #37d99e5c;flex:none;place-items:center;display:grid}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 3px;font-size:11px;font-weight:700}h1,h2{color:var(--bright);letter-spacing:0;margin:0;line-height:1.2}h1{font-size:20px;font-weight:760}h2{font-size:17px;font-weight:720}.top-actions,.save-actions,.button-row{align-items:center;gap:10px;display:flex}.button-row.wrap{flex-wrap:wrap}.header-auth-form{border:1px solid var(--border);background:#070b1085;border-radius:10px;grid-template-columns:auto minmax(190px,1fr) minmax(144px,.74fr) minmax(138px,.68fr) auto;align-items:center;gap:8px;width:min(100%,760px);padding:6px;display:grid}.header-auth-form.login-only{grid-template-columns:auto minmax(190px,1fr) minmax(138px,.76fr) auto;width:min(100%,680px)}.auth-beta-note{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.header-auth-form input{background:#0000002e;border-color:#0000;width:100%;height:34px}.header-auth-form input[aria-label=公開ユーザー名],.header-auth-form input[aria-label=パスワード]{width:100%}.header-auth-form .segmented.compact{width:138px}.header-auth-form .segmented.compact button{min-height:34px}.header-auth-form .auth-submit{white-space:nowrap;min-height:34px}.status-line{border-radius:var(--radius);color:#bdf7dd;background:#37d99e14;border:1px solid #37d99e38;margin:16px 24px 0;padding:11px 14px;font-size:13px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 24px 14px;display:grid}.metric{border:1px solid var(--border);border-radius:var(--radius);background:#151b24d1;min-width:0;padding:16px;box-shadow:0 10px 32px #00000029}.metric span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.metric strong{color:var(--bright);font-feature-settings:"tnum";margin:8px 0 3px;font-size:28px;font-weight:780;line-height:1;display:block}.metric small{color:var(--text-soft);font-size:12px}.workspace-grid{grid-template-columns:292px minmax(0,1fr) 380px;align-items:start;gap:14px;padding:10px 24px 28px;display:grid}.sidebar,.main-panel,.public-panel,.public-chat{border:1px solid var(--border);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);background:#151b24e0}.sidebar,.main-panel,.public-panel{padding:16px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-heading svg{color:var(--accent-2)}.user-pill,.dirty-label{border:1px solid var(--border);border-radius:var(--radius);min-height:32px;color:var(--text-soft);white-space:nowrap;background:#ffffff0a;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.dirty-label{color:#ffd999;background:#f6b84a1a;border-color:#f6b84a5c}label{min-width:0;color:var(--text-soft);gap:6px;font-size:12px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--bright);background:#070b10d1;outline:none;transition:border-color .14s,box-shadow .14s,background .14s}input,select{height:38px;padding:0 11px}textarea{resize:vertical;min-height:110px;padding:10px 11px;line-height:1.65}.large-textarea{min-height:178px}input:focus,select:focus,textarea:focus{background:#080d13f5;border-color:#37d99e9e;box-shadow:0 0 0 3px #37d99e1f}input::placeholder,textarea::placeholder{color:var(--muted)}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:30px}.primary-button,.secondary-button,.icon-button,.preview-chip{border-radius:var(--radius);letter-spacing:0;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-size:13px;font-weight:720;transition:transform .14s,border-color .14s,background .14s,color .14s;display:inline-flex}.primary-button{color:#04130d;background:#37d99e;border:1px solid #37d99eb3}.primary-button:hover:not(:disabled){background:#53e7af;transform:translateY(-1px)}.secondary-button,.icon-button,.preview-chip{border:1px solid var(--border-strong);color:var(--text);background:#ffffff0a}.secondary-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.preview-chip:hover:not(:disabled){color:var(--bright);background:#55b7ff1a;border-color:#55b7ff8f}.icon-button{width:36px;padding:0}.icon-button.solid{background:var(--accent);color:#04130d;border-color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.48}.full{width:100%}.segmented{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0a;grid-template-columns:repeat(2,minmax(0,1fr));display:inline-grid;overflow:hidden}.segmented button{min-height:36px;color:var(--text-soft);background:0 0;border:none;border-radius:0;font-size:12px;font-weight:720}.segmented button+button{border-left:1px solid var(--border)}.segmented button.selected{color:var(--accent);background:#37d99e24}.segmented.compact{width:142px}.agent-list{gap:8px;margin-top:14px;display:grid}.agent-row{border-radius:var(--radius);width:100%;min-height:56px;color:var(--text);text-align:left;background:#ffffff09;border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.agent-row:hover{border-color:var(--border-strong);background:#ffffff0e}.agent-row.active{background:#37d99e1c;border-color:#37d99e6b}.agent-row span{gap:2px;min-width:0;display:grid}.agent-row strong{color:var(--bright);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.settings-tabs{border:1px solid var(--border);border-radius:var(--radius);background:#070b1085;flex-wrap:wrap;gap:6px;margin-bottom:16px;padding:5px;display:flex}.settings-tabs button{min-height:34px;color:var(--text-soft);background:0 0;border:1px solid #0000;border-radius:6px;padding:0 12px;font-size:13px;font-weight:720}.settings-tabs button:hover{color:var(--bright)}.settings-tabs button.selected{border-color:var(--border);background:var(--surface-2);color:var(--bright)}.settings-panel,.tool-panel,.chat-box{gap:14px;display:grid}.agent-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.agent-form.compact{gap:12px}.summary-editor{margin-top:2px}.summary-text{color:var(--text-soft);margin:0;line-height:1.7}.public-url-box{border:1px solid var(--border);border-radius:var(--radius);background:#070b10b8;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.public-url-box div{gap:4px;min-width:0;display:grid}.public-url-box span{color:var(--muted);font-size:12px;font-weight:700}.public-url-box strong{overflow-wrap:anywhere;color:var(--accent);font-family:var(--font-mono);font-size:12px;font-weight:600}.detail-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:14px;display:grid}.tool-panel{border:1px solid var(--border);border-radius:var(--radius);background:#070b1061;padding:14px}.section-title{color:var(--bright);align-items:center;gap:8px;font-size:13px;font-weight:760;display:flex}.section-title svg{color:var(--accent-2)}.hint{color:var(--muted);margin:-4px 0 0;font-size:12px;line-height:1.65}.hidden-input{display:none}.file-list{gap:8px;display:grid}.file-row{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff09;align-items:center;gap:9px;min-width:0;padding:9px;display:flex}.file-row span{min-width:0;color:var(--bright);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.file-row small{color:var(--muted);font-family:var(--font-mono);font-size:11px}.preview-chip{min-height:28px;padding:0 9px;font-size:12px}.markdown-result{border:1px solid var(--border);border-radius:var(--radius);max-height:300px;color:var(--text);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;background:#03060ad6;margin:0;padding:13px;font-size:12px;line-height:1.7;overflow:auto}.scope-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.scope-card{border:1px solid var(--border);border-radius:var(--radius);min-height:74px;color:var(--text-soft);background:#ffffff09;place-items:center;gap:7px;padding:10px;font-size:13px;font-weight:720;display:grid}.scope-card:hover,.scope-card.selected{color:var(--bright);background:#37d99e1a;border-color:#37d99e70}.scope-card svg{color:var(--accent-2)}.stripe-account-card{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.stripe-account-card>div{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff09;gap:7px;min-width:0;padding:13px;display:grid}.stripe-account-card span{color:var(--muted);font-size:12px;font-weight:700}.stripe-account-card strong{overflow-wrap:anywhere;color:var(--bright);font-family:var(--font-mono);font-size:13px;font-weight:760}.fee-tier-table{border:1px solid var(--border);border-radius:var(--radius);background:#070b108f;display:grid;overflow:hidden}.fee-tier-table>div{grid-template-columns:minmax(130px,.8fr) minmax(110px,.6fr) minmax(0,1.4fr);display:grid}.fee-tier-table>div+div{border-top:1px solid var(--border)}.fee-tier-table span,.fee-tier-table strong{min-width:0;color:var(--text);padding:10px 12px;font-size:12px}.fee-tier-table span+span,.fee-tier-table strong+span,.fee-tier-table span+strong{border-left:1px solid var(--border)}.fee-tier-table [role=columnheader]{color:var(--muted);font-size:11px;font-weight:760}.fee-tier-table strong{color:var(--accent);font-family:var(--font-mono)}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.pricing-card{border:1px solid var(--border);border-radius:var(--radius);background:#070b107a;gap:12px;padding:14px;display:grid}.pricing-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.pricing-card-header strong{color:var(--bright);font-size:14px}.toggle-row{color:var(--text-soft);white-space:nowrap;align-items:center;gap:7px;display:flex}.toggle-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent)}.chat-log{border:1px solid var(--border);border-radius:var(--radius);background:#070b109e;align-content:start;gap:10px;min-height:360px;max-height:520px;padding:12px;display:grid;overflow:auto}.chat-bubble{border:1px solid var(--border);border-radius:var(--radius);max-width:min(86%,680px);color:var(--text);white-space:pre-wrap;background:#ffffff0b;padding:10px 12px}.chat-bubble.agent{justify-self:start}.chat-bubble.user{text-align:right;background:#55b7ff1a;border-color:#55b7ff47;justify-self:end}.chat-speaker{color:var(--accent);font-size:12px;font-weight:780}.chat-bubble.user .chat-speaker{color:var(--accent-2)}.chat-input{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px;display:grid}.chat-input input{min-width:0}.empty{color:var(--muted);margin:0;line-height:1.7}.file-editor{border:1px solid var(--border);border-radius:var(--radius);background:#070b108f;gap:10px;padding:13px;display:grid}.public-shell{place-items:center;padding:28px;display:grid}.public-chat{width:min(860px,100%);padding:22px}.public-plans{border:1px solid var(--border);border-radius:var(--radius);background:#070b107a;gap:12px;margin:18px 0;padding:14px;display:grid}.public-plan-header{justify-content:space-between;align-items:end;gap:12px;display:flex}.public-plan-header input{width:min(300px,100%)}.public-plan-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.public-plan-card{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff09;gap:12px;padding:13px;display:grid}.public-plan-card h3,.public-plan-card p{margin:0}.public-plan-card h3{color:var(--bright);font-size:14px}.public-plan-card p{color:var(--text-soft);font-size:13px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#9dadc457 padding-box padding-box;border:2px solid #0000;border-radius:999px}@media (max-width:1240px){.workspace-grid{grid-template-columns:270px minmax(0,1fr)}.public-panel{grid-column:1/-1}.stripe-account-card,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.topbar{flex-direction:column;align-items:stretch;padding:14px}.top-actions,.header-auth-form{width:100%}.top-actions{flex-wrap:wrap}.header-auth-form{grid-template-columns:1fr}.auth-beta-note{white-space:normal}.header-auth-form input,.header-auth-form input[aria-label=公開ユーザー名],.header-auth-form input[aria-label=パスワード],.header-auth-form .primary-button,.segmented.compact{width:100%}.metrics-grid,.workspace-grid{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.agent-form,.detail-grid,.scope-grid,.stripe-account-card,.pricing-grid,.fee-tier-table>div{grid-template-columns:1fr}.fee-tier-table span+span,.fee-tier-table strong+span,.fee-tier-table span+strong{border-left:none;border-top:1px solid var(--border)}.public-plan-header{flex-direction:column;align-items:stretch}}