: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,select,textarea{font:inherit}input,select,textarea{color: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}.section-heading-meta{align-items:center;gap:8px;display:inline-flex}.section-heading-meta button{color:var(--color-blue);cursor:pointer;background:#f1f1f3;border:1px solid #e8e8ed;border-radius:999px;min-height:30px;padding:5px 10px;font-size:12px;font-weight:900}.type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.type-card,.source-card,.output-card,.draft-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:74px;padding:13px}.type-card strong,.type-card span,.source-card strong,.source-card span{display:block}.type-card strong{margin-bottom:5px;font-size:16px;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-filters{grid-template-columns:1fr;gap:8px;margin-bottom:12px;display:grid}.source-filters label{gap:6px;display:grid}.source-filters span{color:var(--color-subtle);font-size:12px;font-weight:900}.source-filters select{appearance:none;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#f8f8fa;outline:none;min-height:42px;padding:0 12px;font-size:14px}.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}.template-editor{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:#fff;margin-top:16px;padding:16px}.template-editor-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.template-editor-heading h2{font-size:16px;font-weight:900;line-height:1.3}.template-editor-heading p{color:var(--color-subtle);margin-top:4px;font-size:13px;line-height:1.55}.template-editor-heading button{color:var(--color-text);cursor:pointer;background:#f1f1f3;border:1px solid #e8e8ed;border-radius:999px;flex:none;min-height:36px;padding:7px 12px;font-size:13px;font-weight:900}.field-chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.field-chips code{border:1px solid var(--color-line);color:var(--color-subtle);background:#f8f8fa;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.template-fields{gap:10px;display:grid}.template-fields label{gap:7px;display:grid}.template-fields label span{color:var(--color-subtle);font-size:12px;font-weight:900}.template-fields textarea{border:1px solid var(--color-line);border-radius:var(--radius-sm);resize:vertical;background:#f8f8fa;outline:none;width:100%;min-height:104px;padding:12px;font-size:13px;line-height:1.65;transition:background .18s,border-color .18s,box-shadow .18s}.template-fields textarea:focus{background:#fff;border-color:#9ecbff;box-shadow:0 0 0 3px #0a84ff24}.canva-panel{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:#fff;margin-top:16px;padding:16px}.canva-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.canva-heading h2{font-size:16px;font-weight:900;line-height:1.3}.canva-heading p{color:var(--color-subtle);margin-top:4px;font-size:13px;line-height:1.55}.canva-open,.canva-actions button{border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:38px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.canva-open{background:var(--color-blue);color:#fff;padding:8px 14px}.canva-open.disabled{color:var(--color-muted);pointer-events:none;background:#f1f1f3}.template-field{gap:7px;display:grid}.template-field span{color:var(--color-subtle);font-size:12px;font-weight:900}.template-field input{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#f8f8fa;outline:none;width:100%;min-height:46px;padding:0 13px;font-size:14px;transition:background .18s,border-color .18s,box-shadow .18s}.template-field input:focus{background:#fff;border-color:#9ecbff;box-shadow:0 0 0 3px #0a84ff24}.canva-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.canva-actions button{color:var(--color-text);cursor:pointer;background:#f1f1f3;border:1px solid #e8e8ed;padding:8px 12px}.canva-actions button:disabled{color:var(--color-muted);cursor:not-allowed;opacity:.58}.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 button{color:var(--color-subtle);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-height:50px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.bottom-nav button.active{border-radius:var(--radius-sm);color:var(--color-text);background:#f1f1f3;margin:10px 6px}.action-row{grid-template-columns:1fr;align-items:stretch;gap:10px;display:grid}.secondary-button,.schedule-field button,.draft-actions button{border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;background:#f1f1f3;border:1px solid #e8e8ed;justify-content:center;align-items:center;min-height:46px;padding:8px 14px;font-size:14px;font-weight:900;display:inline-flex}.secondary-button:disabled,.schedule-field button:disabled{color:var(--color-muted);cursor:not-allowed;opacity:.58}.schedule-field{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:#fff;grid-template-columns:1fr;gap:10px;margin-top:12px;padding:14px;display:grid}.schedule-field label{gap:7px;display:grid}.schedule-field span{color:var(--color-subtle);font-size:12px;font-weight:900}.schedule-field input,.draft-actions input{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#f8f8fa;min-height:42px;padding:0 12px;font-size:14px}.single-view,.settings-grid{max-width:1180px;margin:0 auto}.single-view{background:var(--color-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid #e5e5eae0;padding:18px}.draft-list{gap:12px;display:grid}.draft-card{cursor:default;gap:14px;padding:16px;display:grid}.draft-card:hover{transform:none}.draft-card h3{margin:10px 0 8px;font-size:18px;font-weight:900;line-height:1.35}.draft-card p{color:#3a3a3c;font-size:14px;line-height:1.7}.draft-actions{grid-template-columns:1fr;gap:8px;display:grid}.settings-grid,.settings-stack{gap:16px;display:grid}.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 button{border-radius:var(--radius-sm);color:var(--color-subtle);cursor:pointer;text-align:left;background:0 0;border:0;padding:12px 14px;font-size:14px;font-weight:800;text-decoration:none}.side-nav button.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(320px,.9fr) minmax(520px,1.5fr);gap:16px;max-width:1500px;margin:0 auto;display:grid}.create-grid{grid-template-columns:minmax(320px,.9fr) minmax(520px,1.5fr)}.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{grid-column:1/-1}.panel-types .type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-sources .source-stack{max-height:calc(100vh - 164px);padding-right:2px;overflow:auto}.source-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.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}.action-row{grid-template-columns:minmax(220px,260px) 150px;align-items:end}.schedule-field{grid-template-columns:minmax(180px,1fr) 150px;align-items:end}.panel-compose .output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-compose .output-card{min-height:210px}.template-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-card{grid-template-columns:minmax(0,1fr) 360px;align-items:end}.draft-actions{grid-template-columns:1fr 86px 72px}.settings-grid{grid-template-columns:280px minmax(0,1fr)}.settings-grid .type-grid{grid-template-columns:1fr}}@media (width>=1280px){.panel-compose .output-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}