.editor-layout{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.editor-header{flex-shrink:0}.two-pane-container{display:flex;flex-direction:row;flex-grow:1;min-height:0;overflow:hidden}.left-pane{flex-shrink:0;width:288px;min-height:0;overflow-y:auto}.right-pane{flex-grow:1;min-height:0;min-width:0;overflow-y:auto}@media (max-width: 767px){.two-pane-container{flex-direction:column;overflow-y:auto}.left-pane{width:100%;height:auto;flex-shrink:0;border-right:none;border-bottom:1px solid #334155}.right-pane{flex-grow:1;overflow:visible}}.relative{position:relative}.thumb-zoom-30{transform:scale(.3);transform-origin:top left}.thumb-canvas{width:333.3333%;height:333.3333%}.thumb-zoom-25{transform:scale(.25);transform-origin:top left}.thumb-canvas-25{width:400%;height:400%}.slide-focus-thumb,.slide-focus-frame{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.slide-focus-thumb.is-active{box-shadow:0 0 0 1px #818cf8eb,0 0 0 5px #818cf833,0 16px 32px #4338ca52;transform:translateY(-1px)}.slide-focus-frame.is-active{box-shadow:0 0 0 1px #818cf8eb,0 0 0 7px #818cf829,0 26px 56px #4338ca47;transform:translateY(-2px)}.progress-inner{width:var(--progress-width, 0%)}.w-p-0{width:0%}.w-p-5{width:5%}.w-p-10{width:10%}.w-p-15{width:15%}.w-p-20{width:20%}.w-p-25{width:25%}.w-p-30{width:30%}.w-p-35{width:35%}.w-p-40{width:40%}.w-p-45{width:45%}.w-p-50{width:50%}.w-p-55{width:55%}.w-p-60{width:60%}.w-p-65{width:65%}.w-p-70{width:70%}.w-p-75{width:75%}.w-p-80{width:80%}.w-p-85{width:85%}.w-p-90{width:90%}.w-p-95{width:95%}.w-p-100{width:100%}.ads-display-block{display:block}.slide-thumb{width:128px;aspect-ratio:16 / 9;position:relative;flex:0 0 auto}.slide-enter{opacity:0;transform:translateY(6px) scale(.98);animation:slideIn .22s ease-out forwards}@keyframes slideIn{to{opacity:1;transform:translateY(0) scale(1)}}.main-slide{width:100%;max-width:1280px;aspect-ratio:16 / 9}.gen-pending .gen-slide-visual{filter:blur(2px) saturate(.6) brightness(.9);transition:filter .4s ease}.gen-ready .gen-slide-visual{filter:none;transition:filter .5s ease}.shimmer-overlay{--shine: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.12) 50%, rgba(255,255,255,0) 100%);background:var(--shine);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--shell-bg: #f5f1fb;--shell-bg-strong: #ece3fb;--shell-surface: rgba(255, 255, 255, .84);--shell-surface-strong: rgba(255, 255, 255, .92);--shell-surface-dark: rgba(34, 24, 69, .92);--shell-border: rgba(96, 64, 167, .16);--shell-border-strong: rgba(93, 54, 173, .28);--shell-text: #221845;--shell-text-muted: #5f577c;--shell-text-subtle: #8c83aa;--shell-accent: #6d28d9;--shell-accent-strong: #5b21b6;--shell-accent-soft: rgba(109, 40, 217, .12);--shell-shadow: 0 30px 80px rgba(43, 27, 84, .14)}html{background:radial-gradient(circle at top,rgba(152,109,255,.2),transparent 42%),linear-gradient(180deg,#f7f3ff,#f1e9ff 48%,#fbf8ff)}body.shell-body{min-height:100vh;margin:0;color:var(--shell-text);font-family:DM Sans,Noto Sans TC,sans-serif;background:transparent}.shell-app{position:relative;color:var(--shell-text);background:radial-gradient(circle at top right,rgba(109,40,217,.11),transparent 24%),radial-gradient(circle at left top,rgba(186,104,200,.14),transparent 20%),linear-gradient(180deg,#ffffff70,#ffffff1a)}.shell-app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(109,40,217,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(109,40,217,.03) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.18),transparent 65%);mask-image:linear-gradient(180deg,rgba(0,0,0,.18),transparent 65%)}.shell-page{min-height:calc(100vh - 10rem)}.shell-container{width:min(1120px,calc(100% - 2rem));margin:0 auto}.shell-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.48);background:#1b1435c2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 60px #18122f29}.shell-footer{border-top:1px solid rgba(255,255,255,.55);background:#ffffffb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.shell-brand{display:inline-flex;align-items:center;gap:.85rem;border:0;background:transparent;padding:0;color:#fff;font-family:Fredoka,DM Sans,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.02em}.shell-brand__dot{width:.95rem;height:.95rem;border-radius:999px;background:linear-gradient(135deg,#d8b4fe,#8b5cf6,#5b21b6);box-shadow:0 0 0 6px #d8b4fe26}.shell-nav-link,.shell-mobile-link,.shell-inline-link,.shell-link-button{transition:color .16s ease,background-color .16s ease,border-color .16s ease,transform .16s ease}.shell-nav-link{border:0;border-radius:999px;background:transparent;color:#ffffffc2;padding:.7rem 1rem;font-size:.95rem;font-weight:600}.shell-nav-link:hover,.shell-nav-link--active{color:#fff;background:#ffffff1f}.shell-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.9rem;border-radius:999px;border:1px solid transparent;padding:.72rem 1.15rem;font-size:.95rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease}.shell-btn:hover,.shell-icon-btn:hover,.shell-card:hover,.shell-link-button:hover{transform:translateY(-1px)}.shell-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.shell-btn--primary{color:#fff;background:linear-gradient(135deg,var(--shell-accent) 0%,#8b5cf6 100%);box-shadow:0 18px 36px #6d28d93d}.shell-btn--primary:hover{box-shadow:0 20px 44px #6d28d94d}.shell-btn--ghost{color:var(--shell-text);border-color:#ffffff80;background:#ffffffad}.shell-btn--ghost:hover{background:#ffffffdb;border-color:#ffffffd1}.shell-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--shell-border);border-radius:999px;background:#ffffffc7;color:var(--shell-text);box-shadow:0 12px 30px #2118451f;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.shell-icon-btn:hover{background:#fff;box-shadow:0 18px 36px #21184529}.shell-select{min-height:2.9rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff1f;color:#fff;padding:.7rem 2.5rem .7rem 1rem;font-size:.95rem;font-weight:600;outline:none}.shell-select option{color:var(--shell-text)}.shell-mobile-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:.3rem;width:2.9rem;height:2.9rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff14}.shell-mobile-toggle span{display:block;width:1rem;height:2px;margin:0 auto;border-radius:999px;background:#fff}.shell-mobile-panel{margin-bottom:1rem;border:1px solid rgba(255,255,255,.14);border-radius:1.5rem;background:#17122ff0;padding:1rem;box-shadow:var(--shell-shadow)}.shell-account-menu{position:relative}.shell-account-trigger{display:inline-flex;align-items:center;gap:.55rem;min-height:2.9rem;border:1px solid rgba(255,255,255,.52);border-radius:999px;background:#ffffffd1;padding:.35rem .6rem .35rem .38rem;color:var(--shell-text);box-shadow:0 12px 30px #2118451f;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}.shell-account-trigger:hover{transform:translateY(-1px);background:#fff;border-color:#ffffffd6;box-shadow:0 18px 36px #21184529}.shell-account-avatar{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;overflow:hidden;border-radius:999px;background:linear-gradient(135deg,var(--shell-accent) 0%,#8b5cf6 100%);color:#fff;font-size:.88rem;font-weight:700;box-shadow:0 10px 20px #6d28d92e}.shell-account-caret{color:var(--shell-text-muted);font-size:.72rem}.shell-account-dropdown{position:absolute;top:calc(100% + .75rem);right:0;width:min(15rem,calc(100vw - 2rem));border:1px solid rgba(209,220,235,.9);border-radius:1.15rem;background:#fffffff5;padding:.8rem;box-shadow:0 26px 70px #19142e2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.shell-account-summary{margin-bottom:.45rem;padding:.2rem .2rem .75rem;border-bottom:1px solid rgba(214,225,238,.9)}.shell-account-name{color:var(--shell-text);font-size:.92rem;font-weight:700}.shell-account-email{margin-top:.2rem;color:var(--shell-text-muted);font-size:.78rem;line-height:1.45;word-break:break-word}.shell-account-item{display:flex;width:100%;align-items:center;border:0;border-radius:.9rem;background:transparent;padding:.72rem .8rem;color:var(--shell-text);text-align:left;font-size:.92rem;font-weight:600;transition:background-color .16s ease,color .16s ease,transform .16s ease}.shell-account-item:hover{background:#f1f5f9f5;transform:translateY(-1px)}.shell-account-item.is-danger{color:#b42318}.shell-account-item.is-danger:hover{background:#fef2f2f5}.shell-mobile-link{width:100%;border:0;border-radius:1rem;background:#ffffff0d;color:#fff;padding:.9rem 1rem;text-align:left;font-weight:600}.shell-mobile-link:hover{background:#ffffff17}.shell-title{margin:0;color:var(--shell-text);font-family:Fredoka,DM Sans,sans-serif;font-weight:600;line-height:.96;letter-spacing:-.03em}.shell-subtitle{color:var(--shell-text-muted);font-size:1.05rem;line-height:1.85}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:var(--shell-accent-strong);font-size:.77rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:.7rem;height:.7rem;border-radius:999px;background:var(--shell-accent);box-shadow:0 0 0 6px #6d28d91f}.shell-hero{padding:4.5rem 0 2rem}.shell-hero--compact{padding-top:3rem}.shell-hero-note{display:inline-flex;max-width:44rem;align-items:center;justify-content:center;border:1px solid rgba(109,40,217,.1);border-radius:999px;background:#ffffffbd;padding:.9rem 1.2rem;color:var(--shell-text-muted);font-size:.95rem;line-height:1.6;box-shadow:0 18px 44px #33236114}.shell-card,.auth-card,.legal-card{border:1px solid rgba(255,255,255,.68);border-radius:2rem;background:var(--shell-surface);box-shadow:var(--shell-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.shell-card{overflow:hidden}.share-dialog{overflow:visible}.share-status-pill{display:inline-flex;align-items:center;gap:.35rem;min-height:2rem;border-radius:999px;border:1px solid rgba(109,40,217,.14);background:#6d28d914;padding:.35rem .8rem;font-size:.76rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--shell-accent-strong)}.share-access-option{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;min-height:11rem;border-radius:1.35rem;border:1px solid rgba(19,31,57,.1);background:#ffffffd1;padding:1rem;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.share-access-option:hover{transform:translateY(-1px);border-color:#6d28d942;box-shadow:0 14px 36px #19142e14}.share-access-option.is-selected{border-color:#6d28d957;background:linear-gradient(180deg,#6d28d91f,#fffffff5);box-shadow:0 18px 40px #6d28d91f}.share-access-option__icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:999px;background:#6d28d91f;color:var(--shell-accent-strong)}.share-access-option__label{color:var(--shell-text);font-size:1rem;font-weight:800}.share-access-option__description{color:var(--shell-text-muted);font-size:.88rem;line-height:1.65}.auth-card,.legal-card{padding:clamp(1.5rem,3vw,2.5rem)}.auth-panel{border:1px solid var(--shell-border);border-radius:1.5rem;background:#ffffff9e;padding:1.25rem}.auth-checkbox{display:flex;align-items:flex-start;gap:.75rem;color:var(--shell-text);font-size:.95rem;line-height:1.6}.auth-checkbox input{margin-top:.25rem;accent-color:var(--shell-accent)}.auth-google-button{min-height:44px;width:100%}.auth-google-button>div,.auth-google-button iframe{max-width:100%}.legal-sections{margin-top:2rem;display:grid;gap:1.5rem}.legal-section{border-top:1px solid rgba(109,40,217,.08);padding-top:1.5rem}.legal-section:first-child{border-top:0;padding-top:0}.legal-section h2{margin:0 0 .65rem;color:var(--shell-text);font-size:1.1rem;font-weight:800}.legal-section p{margin:.65rem 0 0;color:var(--shell-text-muted);line-height:1.85}.shell-inline-link,.shell-link-button{border:0;background:transparent;color:var(--shell-accent-strong);font-weight:700;text-decoration:none}.shell-inline-link:hover,.shell-link-button:hover{color:var(--shell-accent)}.shell-link-button{display:inline-flex;align-items:center;padding:0}@media (max-width: 767px){.shell-container{width:min(100% - 1.25rem,1120px)}.shell-account-dropdown{width:min(14rem,calc(100vw - 1.25rem))}.shell-hero{padding-top:3rem}.shell-hero-note{border-radius:1.25rem;text-align:left}.shell-title{line-height:1.02}}:root{--primary-accent: #ffd60a;--secondary-accent: #d81b60;--tertiary-accent: #00bcd4;--bg-color: #fffde7;--text-color: #424242;--neo-bg: var(--bg-color);--neo-paper: #ffffff;--neo-ink: var(--text-color);--neo-ink-muted: #616161;--neo-accent-1: var(--primary-accent);--neo-accent-2: var(--secondary-accent);--neo-accent-3: var(--tertiary-accent);--neo-accent-4: #10b981;--neo-accent-5: #8b5cf6}.neo-bg{background-color:var(--neo-bg)}.text-neo-ink{color:var(--neo-ink)}.text-neo-ink-muted{color:var(--neo-ink-muted)}.neo-border-thick{border:3px solid var(--neo-ink)}.neo-shadow{box-shadow:6px 6px 0 0 var(--neo-ink)}.neo-shadow-lg{box-shadow:8px 8px 0 0 var(--neo-ink)}.neo-card{background-color:var(--neo-paper);border:3px solid var(--neo-ink);box-shadow:6px 6px 0 0 var(--neo-ink);border-radius:10px}.neo-hover-lift{transition:transform .12s ease,box-shadow .12s ease}.neo-hover-lift:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--neo-ink)}.neo-header{background-color:var(--neo-paper);border-bottom:3px solid var(--neo-ink);box-shadow:0 0 0 0 var(--neo-ink),6px 6px 0 0 var(--neo-ink)}.neo-footer{background-color:var(--neo-paper);border-top:3px solid var(--neo-ink)}.neo-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;font-weight:800;line-height:1;padding:.5rem .875rem;border-radius:10px;border:3px solid var(--neo-ink);color:var(--neo-ink);background-color:var(--neo-paper);box-shadow:4px 4px 0 0 var(--neo-ink);transition:transform .1s ease,box-shadow .1s ease,filter .1s ease}.neo-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--neo-ink)}.neo-btn:active{transform:translate(0);box-shadow:3px 3px 0 0 var(--neo-ink)}.neo-btn--paper{background-color:var(--neo-paper)}.neo-btn--accent-1{background-color:var(--neo-accent-1);color:#0a0a0a}.neo-btn--accent-2{background-color:var(--neo-accent-2);color:#0a0a0a}.neo-btn--accent-3{background-color:var(--neo-accent-3);color:#0a0a0a}.neo-btn--accent-4{background-color:var(--neo-accent-4);color:#0a0a0a}.neo-btn--accent-5{background-color:var(--neo-accent-5);color:#0a0a0a}.neo-input{width:100%;padding:.5rem .75rem;border-radius:10px;border:3px solid var(--neo-ink);background-color:var(--neo-paper);color:var(--neo-ink)}.neo-input--compact{width:auto;min-width:0}.neo-input::placeholder{color:var(--neo-ink-muted)}.text-neo-accent-1{color:var(--neo-accent-1)}.neo-overlay{background:#00000080}.pop-art-ui{--pop-yellow: #ffd600;--pop-pink: #ff4f9a;--pop-cyan: #00e5ff;--pop-blue: #2979ff;--pop-ink: #0a0a0a;--pop-paper: #fff7f7}.pop-art-ui .pop-bg-yellow{background-color:var(--pop-yellow)}.pop-art-ui .pop-bg-pink{background-color:var(--pop-pink)}.pop-art-ui .pop-bg-cyan{background-color:var(--pop-cyan)}.pop-art-ui .pop-bg-blue{background-color:var(--pop-blue)}.pop-art-ui .pop-ink{color:var(--pop-ink)}.pop-art-ui .ben-day{--dot-color: rgba(0,0,0,.2);--dot-size: 6px;--dot-space: 18px;background-image:radial-gradient(var(--dot-color) 1.5px,transparent 1.6px);background-size:var(--dot-space) var(--dot-space);background-position:0 0}.pop-art-ui .comic-card{background-color:var(--pop-paper);border:4px solid var(--pop-ink);border-radius:14px;box-shadow:10px 10px 0 0 var(--pop-ink)}.pop-art-ui .comic-input{width:100%;padding:.75rem 1rem;border-radius:12px;border:4px solid var(--pop-ink);background-color:#fff;color:var(--pop-ink)}.pop-art-ui .comic-input::placeholder{color:#00000080}.pop-art-ui .comic-button{display:inline-flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:.02em;padding:.75rem 1.25rem;border-radius:14px;border:4px solid var(--pop-ink);color:var(--pop-ink);background-color:var(--pop-yellow);box-shadow:6px 6px 0 0 var(--pop-ink);transition:transform .1s ease,box-shadow .1s ease}.pop-art-ui .comic-button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--pop-ink)}.pop-art-ui .comic-button:active{transform:translate(0);box-shadow:3px 3px 0 0 var(--pop-ink)}.pop-art-ui .comic-button.pink{background-color:var(--pop-pink)}.pop-art-ui .comic-button.cyan{background-color:var(--pop-cyan)}.pop-art-ui .speech-bubble{display:inline-block;position:relative;background:#fff;color:var(--pop-ink);border:4px solid var(--pop-ink);border-radius:16px;padding:.75rem 1rem;font-weight:900;text-transform:none;box-shadow:6px 6px 0 0 var(--pop-ink)}.pop-art-ui .speech-bubble:after{content:"";position:absolute;left:24px;bottom:-18px;width:0;height:0;border:12px solid transparent;border-top-color:#fff;filter:drop-shadow(0 6px 0 var(--pop-ink))}.pop-art-ui .speech-bubble:before{content:"";position:absolute;left:20px;bottom:-24px;width:0;height:0;border:16px solid transparent;border-top-color:var(--pop-ink)}.pop-art-ui .pop-step{width:36px;height:36px;border-radius:50%;border:4px solid var(--pop-ink);background:var(--pop-cyan);color:var(--pop-ink);font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px 0 0 var(--pop-ink)}.pop-art-ui .pop-step.inactive{background:#fff;color:#00000080}.pop-art-ui .pop-step-sm{width:28px;height:28px;border-width:3px;box-shadow:3px 3px 0 0 var(--pop-ink)}.pop-art-ui .pop-gap-sm{gap:.75rem}.pop-art-ui .pop-connector-sm{height:2px;width:2.5rem;background:#0003}.generator-shell{min-height:100%;background:linear-gradient(180deg,#cfeaff,#eaf5ff 45%,#f4f8fc)}.generator-container{width:100%;max-width:1120px;margin:0 auto}.generator-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.generator-back-button{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;border:1px solid #c7d9ef;background:#ffffffe6;color:#16324f;padding:.7rem 1rem;font-weight:700;box-shadow:0 10px 24px #49678d14;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.generator-back-button:hover{transform:translateY(-1px);border-color:#b8cfe6;background:#fffffffa;box-shadow:0 14px 28px #49678d1f}.generator-progress{display:inline-flex;align-items:center;gap:.75rem;border-radius:999px;border:1px solid #d8e5f3;background:#ffffffd1;padding:.6rem .9rem;box-shadow:0 10px 24px #49678d14}.generator-progress-mobile{display:none}.generator-progress-step{display:inline-flex;align-items:center;gap:.5rem;color:#6b7a90;font-size:.875rem;font-weight:600;transition:color .16s ease,transform .16s ease}.generator-progress-step.is-active{color:#1d4ed8;transform:translateY(-1px)}.generator-progress-badge{width:1.75rem;height:1.75rem;border-radius:999px;border:1px solid #d3dde9;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.generator-progress-step.is-active .generator-progress-badge{border-color:#2563eb;background:#2563eb;color:#fff}.generator-progress-divider{width:1.75rem;height:1px;background:#d7e1ed}.generator-panel{border-radius:28px;border:1px solid rgba(203,217,232,.95);background:#fffffff0;box-shadow:0 30px 80px #34577d1f;overflow:hidden}.generator-panel-body{padding:2rem}.generator-title{font-size:clamp(2.1rem,4vw,3rem);line-height:1.02;font-weight:800;color:#10233c;letter-spacing:-.03em}.generator-subtitle{color:#617287;font-size:.95rem;line-height:1.6}.generator-form{gap:0}.generator-start-block{display:grid;gap:1.15rem}.generator-start-grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}.generator-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.generator-start-card{border-radius:22px;border:1px solid #dfe8f4;background:linear-gradient(180deg,#f9fbfffa,#fffffffa);padding:1.15rem;box-shadow:0 16px 34px #405e820f}.generator-start-card.is-primary{border-color:#bfd6fb;background:linear-gradient(180deg,#f3f8ff,#fff);box-shadow:0 22px 42px #2563eb1f}.generator-section{padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid #e7eef6}.generator-section:first-of-type{padding-top:0;margin-top:0;border-top:0}.generator-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.generator-section-title-group{display:inline-flex;align-items:center;gap:.65rem}.generator-section-title{font-size:1.125rem;line-height:1.4;font-weight:800;color:#15304c}.generator-section-icon{width:1.9rem;height:1.9rem;border-radius:12px;border:1px solid #d6e3f2;background:linear-gradient(180deg,#eff6ff,#fff);color:#2563eb;display:inline-flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;box-shadow:0 8px 18px #46689114;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.generator-section-icon-bar,.generator-section-icon-card,.generator-section-icon-frame,.generator-section-icon-link{position:absolute;display:block}.generator-section-icon-bar{left:.42rem;right:.42rem;height:.14rem;border-radius:999px;background:currentColor}.generator-section-icon-bar:nth-child(1){top:.55rem}.generator-section-icon-bar:nth-child(2){top:.86rem}.generator-section-icon-bar:nth-child(3){top:1.17rem}.generator-section-icon-bar.is-short{right:.7rem}.generator-section-icon-bar.is-medium{right:.58rem}.generator-section-icon-card{top:.42rem;right:.52rem;bottom:.52rem;left:.42rem;border-radius:7px;border:1px solid rgba(37,99,235,.28);background:#ffffffd9}.generator-section-icon-dot,.generator-section-icon-node,.generator-section-icon-spark{position:absolute;display:block;border-radius:999px;background:currentColor}.generator-section-icon-dot{width:.28rem;height:.28rem;right:.43rem;top:.46rem}.generator-section-icon-frame{width:.96rem;height:.72rem;border-radius:6px;border:1px solid rgba(37,99,235,.32);background:#ffffffdb;left:.42rem;bottom:.44rem}.generator-section-icon-spark{width:.22rem;height:.22rem;right:.45rem;top:.48rem;box-shadow:0 0 0 .08rem #2563eb1f,-.22rem .22rem #2563eb99}.generator-section-icon-node{width:.28rem;height:.28rem}.generator-section-icon-node:nth-child(1){left:.38rem}.generator-section-icon-node:nth-child(3){right:.38rem}.generator-section-icon-link{left:.62rem;right:.62rem;height:.14rem;border-radius:999px;background:currentColor;opacity:.78}.generator-section-icon.is-story,.generator-section-icon.is-style{gap:.15rem}.generator-info-button{width:1.4rem;height:1.4rem;border-radius:999px;border:1px solid #c9d7e8;background:#fff;color:#5e7188;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #3d5c8014;cursor:help;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,color .16s ease}.generator-choice-card{position:relative;overflow:hidden;border-radius:16px;border:1px solid #d9e3ef;background:#fff;padding:1rem 1rem 1.05rem;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease;box-shadow:0 2px 10px #3954740d}.generator-choice-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#2563eb0f,#2563eb00 38%);opacity:0;transition:opacity .18s ease;pointer-events:none}.generator-choice-card:hover{transform:translateY(-2px);border-color:#b7cde6;box-shadow:0 16px 34px #3954741c}.generator-choice-card:hover:after,.generator-choice-card.is-selected:after{opacity:1}.generator-choice-card.is-selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 1px #2563eb inset,0 18px 34px #2563eb24}.generator-choice-card.is-compact{padding:.9rem 1rem}.generator-choice-card.is-minimal{min-height:4.75rem;display:flex;align-items:center;justify-content:center;padding:.95rem 1rem;text-align:center}.generator-scroll-strip{display:flex;gap:1rem;overflow-x:auto;padding:.1rem .15rem .8rem;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.78) transparent}.generator-scroll-strip::-webkit-scrollbar{height:10px}.generator-scroll-strip::-webkit-scrollbar-thumb{border-radius:999px;background:#94a3b8c7}.generator-scroll-strip::-webkit-scrollbar-track{background:transparent}.generator-scroll-card{flex:0 0 min(20rem,calc(100vw - 5rem));scroll-snap-align:start}.generator-scroll-card.is-wide{flex-basis:min(24rem,calc(100vw - 4.5rem))}.generator-scroll-card.is-compact{flex-basis:min(18rem,calc(100vw - 5rem))}.generator-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.generator-card-title{font-size:1rem;line-height:1.4;font-weight:700;color:#11263f}.generator-card-subtitle{margin-top:.35rem;font-size:.875rem;line-height:1.55;color:#64758b}.generator-section-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:999px;border:1px solid #d6e1ee;background:#fff;padding:.45rem .82rem;color:#27415e;font-size:.8rem;font-weight:700;white-space:nowrap;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.generator-section-toggle__icon{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;transition:transform .16s ease}.generator-section-toggle:hover{transform:translateY(-1px);border-color:#bfd3e8;box-shadow:0 10px 18px #4b678b14}.generator-section-toggle.is-open{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.generator-section-toggle.is-open .generator-section-toggle__icon{transform:rotate(180deg)}.generator-section-toggle--advanced{padding:.5rem .92rem}.generator-advanced-shell{border-radius:26px;border:1px solid #d7e6f6;background:linear-gradient(180deg,#f4f9fffa,#edf5fff0);padding:1rem 1.05rem 1.05rem;box-shadow:inset 0 1px #ffffffd1,0 18px 36px #5471920d}.generator-advanced-shell.is-open{border-color:#bfd5f0;background:linear-gradient(180deg,#eaf4fffa,#f5f9fff5 20%,#fffffffa);box-shadow:inset 0 1px #ffffffe6,0 24px 46px #54719217}.generator-advanced-shell .generator-section-header{margin-bottom:0}.generator-collapsed-summary{border-radius:18px;border:1px solid #dfe9f4;background:linear-gradient(180deg,#f8fbff,#fff);padding:1rem 1.05rem;display:grid;gap:.45rem}.generator-collapsed-summary-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.generator-advanced-settings{display:grid;gap:0;margin-top:1rem;padding-top:1rem;border-top:1px solid #d8e5f3}.generator-card-chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1px solid #cfe0f5;background:#fff;padding:.28rem .6rem;color:#2563eb;font-size:.72rem;font-weight:700;white-space:nowrap}.generator-card-preview{height:5.25rem;margin-bottom:.9rem;padding:.8rem;border-radius:14px;border:1px solid rgba(214,225,238,.95);display:flex;flex-direction:column;gap:.45rem;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.generator-choice-card:hover .generator-card-preview,.generator-choice-card.is-selected .generator-card-preview{transform:translateY(-1px) scale(1.01);border-color:#abc6e5f2;box-shadow:inset 0 1px #ffffffb8}.generator-card-preview.is-compact{height:4.5rem}.generator-card-preview.is-cool{background:linear-gradient(180deg,#eff6ff,#f8fbff);color:#7aa7de}.generator-card-preview.is-warm{background:linear-gradient(180deg,#fff4e8,#fffaf4);color:#d9a26a}.generator-card-preview.is-neutral{background:linear-gradient(180deg,#f5f7fb,#fbfcfe);color:#95a3b8}.generator-card-preview-line{height:.35rem;border-radius:999px;background:currentColor}.generator-card-preview-panel{flex:1;border-radius:12px;background:#ffffffd1;padding:.65rem;display:flex;flex-direction:column;gap:.4rem;justify-content:center}.generator-card-preview-panel.is-soft{background:#ffffff94}.generator-card-preview-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;flex:1}.generator-card-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.generator-card-preview-tile{height:1.15rem;border-radius:10px;background:#ffffffd1}.generator-card-preview-timeline{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:.35rem}.generator-card-preview-dot{width:.55rem;height:.55rem;border-radius:999px;background:currentColor}.generator-card-preview-rail{height:.18rem;border-radius:999px;background:currentColor;opacity:.65}.generator-input,.generator-select,.generator-textarea{width:100%;border-radius:14px;border:1px solid #d6e1ee;background:#fff;color:#12263f;padding:.88rem 1rem;box-shadow:inset 0 1px 2px #13284108;transition:border-color .14s ease,box-shadow .14s ease}.generator-input--hero,.generator-textarea--hero{border-radius:18px;border-color:#cadcf5;background:#fffffffa}.generator-input--hero{padding:1rem 1.1rem;font-size:1rem}.generator-textarea--hero{min-height:13rem}.generator-input:focus,.generator-select:focus,.generator-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.generator-textarea{resize:vertical}.generator-label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:700;color:#19324d}.generator-label.is-required:after{content:" *";color:#2563eb}.generator-muted{color:#6a7a8f;font-size:.8rem;line-height:1.5}.generator-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid #d6e1ee;background:#fff;padding:.55rem .85rem;color:#27415e;font-size:.8rem;font-weight:600;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.generator-chip:hover:not(:disabled){transform:translateY(-1px);border-color:#bfd3e8;box-shadow:0 10px 18px #4b678b14}.generator-chip.is-selected{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.generator-chip:disabled{cursor:not-allowed;opacity:.45}.generator-toolbar{border-radius:18px;border:1px solid #dfe9f4;background:linear-gradient(180deg,#f9fbfe,#fff);padding:1rem;display:grid;gap:.9rem;box-shadow:inset 0 1px #ffffffbf;transition:box-shadow .18s ease,border-color .18s ease}.generator-toolbar-copy{display:grid;gap:.35rem}.generator-toolbar-controls{display:grid;gap:.75rem}.generator-toolbar-search .generator-input{background:#fffffff5}.generator-toolbar-filters{display:flex;gap:.5rem;flex-wrap:wrap}.generator-theme-wall{padding:1rem;border-radius:22px;background:linear-gradient(180deg,#f5f9fef2,#fffffff2);border:1px solid #e4edf6}.generator-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.generator-segmented{display:grid;gap:.75rem}.generator-segmented-button{border-radius:16px;border:1px solid #d8e3f0;background:#fff;padding:1rem;text-align:center;font-size:.95rem;font-weight:700;color:#18324f;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.generator-segmented-button:hover{transform:translateY(-1px);border-color:#bfd3e8;box-shadow:0 10px 22px #45648714}.generator-segmented-button.is-selected{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;box-shadow:0 0 0 1px #2563eb inset}.generator-theme-card{position:relative;overflow:hidden;border-radius:18px;border:1px solid #dbe5f0;background:#fff;padding:.75rem;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;box-shadow:0 2px 12px #3555780d}.generator-theme-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#2563eb0f,#2563eb00 42%);opacity:0;transition:opacity .18s ease;pointer-events:none}.generator-theme-card:hover{transform:translateY(-2px);border-color:#bfd2e7;box-shadow:0 18px 34px #3555781c}.generator-theme-card:hover:after,.generator-theme-card.is-selected:after,.generator-theme-card.is-emphasized:after{opacity:1}.generator-theme-card.is-emphasized{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb inset,0 14px 28px #2563eb1f}.generator-theme-card.is-selected{border-color:#1d4ed8;background:#eff6ff;box-shadow:0 0 0 2px #1d4ed8 inset,0 16px 30px #2563eb29}.generator-theme-label{margin-top:.8rem;color:#17304d;font-size:.95rem;font-weight:600}.generator-primary-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#2563eb,#1d4ed8 58%,#1e40af);color:#fff;font-weight:700;padding:.95rem 1.75rem;box-shadow:0 16px 32px #2563eb33;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.generator-primary-button:hover{transform:translateY(-2px);filter:saturate(1.05) brightness(.98);box-shadow:0 22px 42px #1e40af3d}.generator-primary-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.generator-footer{margin:2rem -2rem -2rem;padding:1.15rem 2rem;border-top:1px solid #e7eef6;display:flex;align-items:flex-end;gap:1rem;justify-content:flex-end;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -8px 30px #445e7e0d}.generator-mobile-cta{display:none}.generator-selection-meta{margin-right:auto}.generator-footer-summary{margin-right:auto;flex:1;min-width:0;display:grid;gap:.8rem}.generator-footer-summary-heading{color:#15304c;font-size:.86rem;line-height:1.4;font-weight:800}.generator-footer-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.generator-footer-summary-card{border-radius:16px;border:1px solid #dfe8f4;background:linear-gradient(180deg,#f8fbff,#fff);padding:.85rem .95rem;min-width:0}.generator-footer-summary-label{color:#6a7a8f;font-size:.76rem;line-height:1.4}.generator-footer-summary-value{margin-top:.2rem;color:#15304c;font-size:1rem;line-height:1.4;font-weight:700;word-break:break-word}.generator-footer-summary-chips{display:flex;flex-wrap:wrap;gap:.55rem}.generator-footer-summary-chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1px solid #d8e5f3;background:#fff;padding:.42rem .72rem;max-width:100%}.generator-footer-summary-chip-label{color:#6a7a8f;font-size:.74rem;line-height:1.3;white-space:nowrap}.generator-footer-summary-chip-value{color:#15304c;font-size:.78rem;line-height:1.3;font-weight:700;word-break:break-word}.generator-footer-stats{margin-right:auto;display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.generator-footer-stat{min-width:5.5rem}.generator-selection-title{font-size:1rem;line-height:1.4;font-weight:700;color:#15304c}.generator-back-button:focus-visible,.generator-info-button:focus-visible,.generator-choice-card:focus-visible,.generator-chip:focus-visible,.generator-section-toggle:focus-visible,.generator-segmented-button:focus-visible,.generator-primary-button:focus-visible{outline:none;box-shadow:0 0 0 4px #2563eb24}.generator-choice-card:focus-visible,.generator-segmented-button:focus-visible{border-color:#2563eb}@media (max-width: 768px){.generator-panel-body{padding:1.25rem}.generator-form{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.generator-topbar{flex-direction:column;align-items:stretch;margin-bottom:1rem}.generator-progress--desktop{display:none}.generator-progress-mobile{display:grid;gap:.7rem;border-radius:24px;border:1px solid #d8e5f3;background:#ffffffe0;padding:.8rem .9rem;box-shadow:0 10px 24px #49678d14}.generator-progress-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.generator-progress-mobile-copy{display:inline-flex;align-items:center;gap:.65rem;min-width:0}.generator-progress-mobile-badge{width:1.85rem;height:1.85rem;border-radius:999px;background:#2563eb;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.generator-progress-mobile-title{font-size:.95rem;font-weight:700;color:#17407a;min-width:0}.generator-progress-mobile-count{font-size:.8rem;font-weight:700;color:#6b7a90;flex-shrink:0}.generator-progress-mobile-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.generator-progress-mobile-segment{height:.38rem;border-radius:999px;background:#d7e1ed}.generator-progress-mobile-segment.is-active{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.generator-title{font-size:clamp(2rem,8.5vw,2.7rem)}.generator-start-grid,.generator-support-grid,.generator-settings-grid{grid-template-columns:1fr}.generator-start-card{padding:1rem}.generator-section-header{align-items:flex-start}.generator-section-title-group{gap:.55rem}.generator-section-icon{width:1.75rem;height:1.75rem;border-radius:11px}.generator-section{padding-top:1.2rem;margin-top:1.2rem}.generator-section-title{font-size:1.02rem}.generator-card-title{font-size:.95rem}.generator-card-preview{height:4.35rem;padding:.68rem;margin-bottom:.75rem}.generator-card-preview.is-compact{height:4rem}.generator-scroll-strip{gap:.85rem;padding-bottom:.7rem}.generator-scroll-card{flex-basis:min(82vw,20rem)}.generator-scroll-card.is-wide{flex-basis:min(88vw,24rem)}.generator-scroll-card.is-compact{flex-basis:min(78vw,18rem)}.generator-chip{padding:.48rem .72rem;font-size:.76rem}.generator-section-toggle{padding:.42rem .72rem;font-size:.76rem}.generator-advanced-shell{padding:.9rem;border-radius:22px}.generator-collapsed-summary{padding:.92rem .96rem}.generator-toolbar{padding:.85rem;gap:.75rem}.generator-toolbar-controls{gap:.6rem}.generator-toolbar-filters{gap:.4rem}.generator-theme-wall{padding:.85rem;border-radius:18px}.generator-footer{flex-direction:column;align-items:stretch;margin:2rem -1.25rem -1.25rem;padding:1rem 1.25rem 1.25rem}.generator-selection-meta,.generator-footer-stats,.generator-footer-summary{margin-right:0}.generator-footer-summary-grid{grid-template-columns:1fr}.generator-footer-summary-chip{width:100%;justify-content:space-between}.generator-footer .generator-primary-button{width:100%}.generator-footer--desktop{display:none}.generator-mobile-cta{display:block;position:fixed;left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right));bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:40;padding:.75rem;border-radius:24px;border:1px solid rgba(203,217,232,.95);background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 46px #1f345429}.generator-mobile-cta .generator-primary-button{width:100%}.generator-progress-divider{display:none}}@media (prefers-reduced-motion: reduce){.generator-back-button,.generator-progress-step,.generator-section-icon,.generator-info-button,.generator-choice-card,.generator-card-preview,.generator-chip,.generator-section-toggle,.generator-toolbar,.generator-segmented-button,.generator-theme-card,.generator-primary-button{transition:none}.generator-choice-card:hover,.generator-theme-card:hover,.generator-chip:hover:not(:disabled),.generator-segmented-button:hover,.generator-primary-button:hover,.generator-back-button:hover,.generator-progress-step.is-active{transform:none}}