:root{color:#243b46;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body{min-width:320px;margin:0}a,button{-webkit-tap-highlight-color:transparent}:root{--font-ui:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--color-bg:#f5f5f7;--color-canvas:#fff;--color-panel:#ffffffdb;--color-text:#1d1d1f;--color-subtle:#6e6e73;--color-muted:#8a8a90;--color-line:#e5e5ea;--color-primary:#ff6b47;--color-primary-strong:#e8531f;--color-blue:#0a84ff;--color-green:#2fb344;--color-danger:#b42318;--radius-xs:8px;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--shadow-soft:0 18px 50px #14141914;--shadow-hover:0 16px 38px #1414191f}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);margin:0}button,a,input{font:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}.studio-shell{min-height:100vh}.desktop-workspace{display:none}.mobile-workspace{color:var(--color-text);background:linear-gradient(#fff 0%,#f5f5f7 34%);min-height:100vh;padding-bottom:88px}.mobile-top{border-bottom:1px solid var(--color-line);z-index:10;background:#ffffffdb;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-top span{font-size:13px;font-weight:800}.mobile-top strong,.domain-pill{color:#3a3a3c;text-overflow:ellipsis;white-space:nowrap;background:#f1f1f3;border:1px solid #e8e8ed;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;overflow:hidden}.mobile-card{max-width:520px;margin:0 auto;padding:18px 16px 24px}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:var(--color-primary);color:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:900;display:inline-flex}.brand-lockup strong,.brand-lockup span{line-height:1.25;display:block}.brand-lockup strong{font-size:14px;font-weight:800}.brand-lockup span{color:var(--color-subtle);font-size:13px;font-weight:700}.mobile-hero{padding:30px 0 18px}.mobile-hero p,.desktop-header p{color:var(--color-subtle);font-size:13px;font-weight:800}.mobile-hero h1,.desktop-header h1{color:var(--color-text);margin-top:6px;font-size:34px;font-weight:800;line-height:1.16}.stepper{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px;display:grid}.stepper span{border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-subtle);background:#fff;justify-content:center;align-items:center;min-height:42px;font-size:13px;font-weight:800;display:flex}.stepper span.active{color:var(--color-primary-strong);background:#fff3ef;border-color:#ffd2c7}.mobile-section{margin-top:20px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-heading h2{font-size:17px;font-weight:800;line-height:1.35}.section-heading span{color:var(--color-muted);font-size:12px;font-weight:800}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.type-card,.source-card,.output-card{background:var(--color-canvas);border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;text-align:left;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}.type-card:hover,.source-card:hover,.output-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.type-card{min-height:78px;padding:14px}.type-card strong,.type-card span,.source-card strong,.source-card span{display:block}.type-card strong{margin-bottom:5px;font-size:18px;font-weight:800}.type-card span,.source-card span{color:var(--color-subtle);font-size:12px;line-height:1.45}.type-card.selected,.source-card.selected{background:#fff7f3;border-color:#ffb6a2;box-shadow:0 0 0 3px #ff6b471f}.source-stack{gap:10px;display:grid}.source-card{grid-template-columns:78px minmax(0,1fr);align-items:center;gap:12px;min-height:98px;padding:10px;display:grid}.source-card strong{overflow-wrap:anywhere;margin-bottom:5px;font-size:16px;font-weight:800;line-height:1.35}.source-thumb{border-radius:var(--radius-sm);color:var(--color-primary);background:#f1f1f3;justify-content:center;align-items:center;width:78px;height:78px;font-size:13px;font-weight:900;display:flex;overflow:hidden}.source-thumb img,.preview-media img{object-fit:cover;width:100%;height:100%}.empty-state,.error-message{border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-subtle);background:#fff;padding:16px}.error-message{color:var(--color-danger);background:#fff5f4;border-color:#ffd1ca;margin:14px 0 0}.generate-button{background:var(--color-text);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:0;width:100%;min-height:58px;margin-top:16px;font-size:18px;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 16px 38px #1d1d1f2e}.generate-button:hover{transform:translateY(-1px);box-shadow:0 18px 44px #1d1d1f38}.generate-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.output-grid{gap:10px;margin-top:16px;display:grid}.output-card{padding:15px}.output-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.output-heading h3{font-size:15px;font-weight:900}.output-heading button{color:var(--color-blue);cursor:pointer;background:#f1f1f3;border:1px solid #e8e8ed;border-radius:999px;flex:none;min-height:34px;padding:7px 12px;font-size:13px;font-weight:900}.output-card p{color:#3a3a3c;white-space:pre-wrap;font-size:14px;line-height:1.75}.checklist{background:var(--color-canvas);border:1px solid var(--color-line);border-radius:var(--radius-md);margin-top:12px;padding:16px}.checklist h2{margin-bottom:10px;font-size:16px;font-weight:900}.checklist label{align-items:flex-start;gap:10px;padding:9px 0;display:flex}.checklist input{accent-color:var(--color-primary);width:19px;height:19px;margin-top:1px}.checklist span{color:#3a3a3c;font-size:14px;line-height:1.55}.bottom-nav{border-top:1px solid var(--color-line);z-index:20;background:#fffffff0;grid-template-columns:repeat(4,1fr);align-items:center;width:100%;min-height:76px;display:grid;position:fixed;bottom:0;left:0}.bottom-nav a{color:var(--color-subtle);justify-content:center;align-items:center;min-height:50px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.bottom-nav a.active{border-radius:var(--radius-sm);color:var(--color-text);background:#f1f1f3;margin:10px 6px}.desktop-header,.desktop-grid,.selected-preview,.fact-row,.side-nav,.side-status{min-width:0}@media (width>=900px){body{background:var(--color-bg)}.mobile-workspace{display:none}.desktop-workspace{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--color-line);background:#ffffffb8;flex-direction:column;gap:28px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.side-nav{gap:6px;display:grid}.side-nav a{border-radius:var(--radius-sm);color:var(--color-subtle);padding:12px 14px;font-size:14px;font-weight:800;text-decoration:none}.side-nav a.active{color:var(--color-text);background:#f1f1f3}.side-status{border-radius:var(--radius-md);background:#f7fbf8;border:1px solid #d9efdf;margin-top:auto;padding:14px}.side-status span,.side-status strong{display:block}.side-status span{color:var(--color-green);margin-bottom:4px;font-size:12px;font-weight:900}.side-status strong{color:#245c31;font-size:13px;line-height:1.45}.desktop-main{padding:26px}.desktop-header{justify-content:space-between;align-items:center;max-width:1500px;margin:0 auto 22px;display:flex}.desktop-header h1{font-size:38px}.desktop-grid{grid-template-columns:minmax(220px,.75fr) minmax(320px,1.05fr) minmax(420px,1.45fr);gap:16px;max-width:1500px;margin:0 auto;display:grid}.panel{background:var(--color-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid #e5e5eae0;padding:18px}.panel-types,.panel-sources{align-self:start}.panel-compose{min-height:calc(100vh - 112px)}.panel-types .type-grid{grid-template-columns:1fr}.panel-sources .source-stack{max-height:calc(100vh - 164px);padding-right:2px;overflow:auto}.selected-preview{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:#fff;grid-template-columns:minmax(170px,.65fr) minmax(0,1fr);gap:18px;display:grid;overflow:hidden}.preview-media{color:var(--color-muted);background:#f1f1f3;justify-content:center;align-items:center;min-height:190px;font-size:13px;font-weight:900;display:flex}.preview-body{padding:18px 18px 18px 0}.status-chip{color:var(--color-subtle);background:#f1f1f3;border-radius:999px;margin-bottom:12px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.preview-body h3{margin-bottom:8px;font-size:23px;font-weight:900;line-height:1.25}.preview-body p{color:var(--color-subtle);font-size:14px;line-height:1.6}.fact-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.fact-row span{border-radius:var(--radius-sm);color:#3a3a3c;background:#f8f8fa;min-height:56px;padding:10px;font-size:13px;font-weight:800}.fact-row b{color:var(--color-muted);margin-bottom:3px;font-size:11px;display:block}.panel-compose .generate-button{max-width:260px}.panel-compose .output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-compose .output-card{min-height:210px}}@media (width>=1280px){.panel-compose .output-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}