html.ai-detail-modal-open{overflow:hidden}.ai-catalog{--ai-accent:var(--brand-accent);--ai-muted:var(--brand-muted);--ai-line:var(--brand-border);color:var(--brand-text)}.ai-catalog button,.ai-catalog input{font:inherit}.ai-catalog button{cursor:pointer}.ai-catalog button:disabled{cursor:not-allowed;opacity:.5}.ai-catalog :is(button,a,input):focus-visible{outline:2px solid var(--ai-accent);outline-offset:3px}.catalog-main{margin:0 auto;max-width:1510px;min-width:0;padding:38px 40px 48px}.catalog-heading{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:28px}.catalog-eyebrow{color:var(--brand-secondary);font-size:12px;letter-spacing:1px}html .ai-catalog .catalog-heading h1{font-size:34px;font-weight:650;letter-spacing:0;line-height:1.3;margin:10px 0}.catalog-heading p{color:var(--ai-muted);font-size:14px;line-height:1.7;margin:0}.catalog-history-link{align-items:center;background:var(--brand-surface);border:1px solid #ffffff18;border-radius:8px;color:var(--brand-secondary);display:flex;font-size:13px;gap:9px;padding:11px 15px;text-decoration:none;white-space:nowrap}.catalog-history-link:hover{border-color:color-mix(in srgb,var(--brand-accent) 43.9%,transparent);color:var(--brand-accent-bright)}.studio-mobile-tabs{display:none}.creation-tools{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:42px}.creation-tool{--tool-color:var(--brand-accent-bright);border:1px solid color-mix(in srgb,var(--brand-secondary) 15.3%,transparent);border-radius:14px;color:inherit;min-width:0;overflow:hidden;padding:24px 24px 18px;position:relative;text-decoration:none;transition:border-color .18s,transform .18s}.creation-tool,.creation-tool.video{background:linear-gradient(115deg,var(--brand-surface-raised),var(--brand-surface))}.creation-tool.video{--tool-color:var(--brand-secondary);border-color:color-mix(in srgb,var(--brand-secondary) 15.3%,transparent)}.creation-tool.novel{--tool-color:#e2bc94;background:linear-gradient(115deg,#2b2422,#201c1d);border-color:#d2a67b27}.creation-tool:hover{border-color:var(--tool-color);transform:translateY(-3px)}.creation-tool.unavailable{opacity:.55}.creation-tool.unavailable:hover{transform:none}.tool-icon{background:#ffffff06;border:1px solid #ffffff0d;border-radius:12px;color:var(--tool-color);display:grid;height:46px;margin-bottom:20px;place-items:center;width:46px}.tool-copy h2{color:var(--brand-text);font-size:20px!important;font-weight:600;margin:0 0 10px!important}.tool-copy p{font-size:13px;line-height:1.7;margin:0;min-height:21px}.tool-bottom,.tool-copy p{color:var(--brand-secondary)}.tool-bottom{align-items:center;border-top:1px solid #ffffff0a;display:flex;font-size:11px;gap:8px;justify-content:space-between;margin-top:22px;padding-top:15px}.video .tool-bottom{color:var(--brand-muted)}.novel .tool-bottom{color:#b5a393}.tool-arrow{color:var(--tool-color);display:flex}.catalog-browser{border-top:1px solid var(--ai-line);padding-top:30px}.catalog-section-heading{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.catalog-section-heading h2{font-size:21px!important;font-weight:600;margin:0 0 8px!important}.catalog-section-heading p{color:var(--ai-muted);font-size:12px;line-height:1.7;margin:0}.template-search{align-items:center;background:var(--brand-surface);border:1px solid #ffffff13;border-radius:8px;color:var(--brand-muted);display:flex;flex:none;gap:10px;padding:11px 14px;width:260px}.template-search input{border:0;border-radius:0;color:var(--brand-text);font-size:13px;line-height:20px;min-width:0;outline:none;width:100%}html .site-shell.ai-shell .template-search input{background:transparent!important;box-shadow:none;height:20px;min-height:20px;padding:0!important}.template-search:focus-within{border-color:var(--ai-accent)}.template-search input:focus-visible{outline:none}.catalog-toolbar{align-items:center;display:flex;gap:18px;margin-bottom:20px}.type-filters{display:flex;flex-wrap:wrap;gap:7px}.type-filters :is(button,a){align-items:center;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--brand-secondary);display:inline-flex;font-family:inherit;font-size:13px;justify-content:center;min-height:42px;padding:10px 17px;text-decoration:none;white-space:nowrap}.type-filters :is(button,a):hover{background:#ffffff04;color:var(--brand-text)}.type-filters :is(button,a).active{background:color-mix(in srgb,var(--brand-accent) 9%,transparent);border-color:color-mix(in srgb,var(--brand-accent) 14.1%,transparent);color:var(--brand-accent-bright)}.ai-catalog .template-grid{display:grid;gap:20px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0}.catalog-card{aspect-ratio:425/737;background:var(--brand-surface);border:1px solid #ffffff0b;border-radius:12px;color:inherit;display:block;isolation:isolate;min-width:0;overflow:hidden;padding:0;position:relative;text-align:left;transition:transform .18s,border-color .18s;width:100%}.catalog-card:hover{transform:translateY(-3px)}.catalog-card.selected,.catalog-card:hover{border-color:color-mix(in srgb,var(--brand-accent) 53.3%,transparent)}.ai-catalog .card-cover{inset:0;overflow:hidden;position:absolute;z-index:0}.catalog-card:after{background:linear-gradient(180deg,transparent 35%,#080a0c24 50%,#080a0cb8 76%,#080a0cf5);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.card-kind{align-items:center;backdrop-filter:blur(8px);background:color-mix(in srgb,var(--brand-surface) 72.2%,transparent);border:1px solid #ffffff0c;border-radius:5px;display:flex;font-size:10px;gap:5px;left:12px;line-height:1;padding:6px 8px;top:12px}.card-kind,.unavailable-badge{color:var(--brand-text);position:absolute}.unavailable-badge{background:color-mix(in srgb,var(--brand-surface) 90.2%,transparent);border-radius:4px;bottom:10px;font-size:11px;left:10px;padding:5px 8px}.catalog-card.unavailable .card-cover{filter:saturate(.5)}.ai-catalog .card-info{align-items:flex-start;display:flex;flex-direction:column;gap:9px;inset:auto 0 0;padding:24px 18px 18px;position:absolute;text-shadow:0 1px 8px #0006;z-index:2}.ai-catalog .card-info h2{display:-webkit-box;-webkit-box-orient:vertical;color:#fff;font-size:17px!important;font-weight:600;-webkit-line-clamp:2;line-height:1.45;margin:0!important;overflow:hidden;overflow-wrap:anywhere;text-align:left}.ai-catalog .card-meta{align-items:baseline;display:flex;gap:10px;justify-content:space-between;width:100%}.ai-catalog .card-meta>span{color:#d2d6d9;font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-catalog .card-meta strong{color:var(--brand-accent-bright);flex:none;font-size:17px;font-weight:600;white-space:nowrap}.ai-catalog .card-meta small{color:#d2d6d9;font-size:10px;font-weight:400}.novel-cover{align-items:center;background:linear-gradient(140deg,#302622,#1d191c);color:#dec0a5;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center}.novel-cover strong{font-size:23px;letter-spacing:3px}.novel-cover small{color:#aa958b;font-size:11px}.novel-intro{background:#27211f;border:1px solid #d2a67b20;border-radius:10px;color:#dec0a5;padding:30px 24px}.novel-intro h3{font-size:22px!important;margin:16px 0 10px!important}.novel-intro p{color:#b5a399;font-size:13px;line-height:1.8;margin:0}.catalog-empty{align-items:center;background:#ffffff02;border:1px dashed #ffffff12;border-radius:12px;color:var(--brand-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px;text-align:center}.ai-catalog .catalog-empty h2{color:var(--brand-secondary);font-size:18px;margin:0}.catalog-empty p{font-size:13px;line-height:1.8;margin:0;max-width:90%}.catalog-notice{background:#35231f55;border:1px solid #88564c66;border-radius:10px;color:#d7b7af;font-size:13px;margin-bottom:20px;padding:20px}.catalog-notice p{line-height:1.7;margin:0 0 12px}.catalog-empty button,.catalog-more button,.catalog-notice button{background:var(--brand-surface-raised);border:1px solid #ffffff22;border-radius:7px;color:var(--brand-secondary);font-size:13px;padding:11px 18px}.catalog-more{margin-top:28px;text-align:center}.catalog-more p{color:var(--brand-muted);font-size:12px}.template-skeleton{aspect-ratio:425/737;background:linear-gradient(110deg,var(--brand-surface),var(--brand-surface-raised),var(--brand-surface));border:1px solid var(--ai-line);border-radius:12px}.drawer-backdrop{backdrop-filter:blur(3px);background:color-mix(in srgb,var(--brand-bg) 70.2%,transparent);border:0;cursor:default!important;display:block;inset:0;position:fixed;z-index:159}.template-detail{background:var(--brand-surface);border-left:1px solid #ffffff17;height:100dvh;inset:0 0 0 auto;outline:none;overflow-y:auto;overscroll-behavior:contain;padding:28px 30px calc(24px + env(safe-area-inset-bottom));position:fixed;scrollbar-color:#41484d transparent;scrollbar-width:thin;width:min(480px,100%);z-index:160}.detail-heading{align-items:center;display:flex;gap:16px;justify-content:space-between}.detail-eyebrow{color:var(--brand-muted);font-size:11px;letter-spacing:1px}.ai-catalog .detail-heading h2{font-size:25px;font-weight:600;line-height:1.4;margin:10px 0 0}.close-detail{background:#ffffff04;border:1px solid #ffffff12;border-radius:50%;color:var(--brand-secondary);display:grid;min-height:44px;min-width:44px;place-items:center}.close-detail:hover{background:#ffffff0a}.detail-tags{color:var(--brand-secondary);display:flex;font-size:12px;gap:10px;margin:15px 0 22px}.detail-tags span{background:#ffffff03;border:1px solid #ffffff0d;border-radius:5px;padding:6px 9px}.detail-hero{aspect-ratio:4/3;border-radius:10px;overflow:hidden}.ai-catalog h3{color:var(--brand-text);font-size:14px;font-weight:550;line-height:1.5;margin:0 0 12px}.detail-examples{margin-top:24px}.detail-examples>div{display:flex;gap:10px;overflow-x:auto;padding:2px}.detail-examples button{aspect-ratio:1.3;background:var(--brand-surface-raised);border:1px solid transparent;border-radius:7px;flex:none;overflow:hidden;padding:0;width:calc(33.333% - 7px)}.detail-examples button.active{outline:1px solid var(--ai-accent);outline-offset:1px}.detail-inputs{border-top:1px solid var(--ai-line);margin-top:24px;padding-top:24px}.detail-inputs ul{list-style:none;margin:0;padding:0}.detail-inputs li{color:var(--brand-secondary);display:flex;font-size:13px;justify-content:space-between;margin:12px 0}.detail-inputs li small{color:var(--brand-text);font-size:12px}.detail-inputs p{color:var(--brand-muted);font-size:12px;line-height:1.8;margin:12px 0 0}.detail-action{padding-top:24px}.detail-price{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.detail-price strong{color:var(--brand-accent-bright);font-size:26px;font-weight:550}.detail-price small{color:var(--brand-muted);font-size:12px;font-weight:400}.detail-price>span{color:var(--brand-muted);font-size:11px}.ai-catalog .use-template{align-items:center;background:var(--brand-accent);border:1px solid var(--brand-accent);border-radius:8px;color:var(--brand-accent-ink);display:flex;font-size:16px;font-weight:600;gap:22px;justify-content:center;min-height:52px;text-decoration:none;width:100%}.detail-action>p{color:var(--brand-muted);font-size:12px;line-height:1.7;margin:14px 0 0;text-align:center}@media(max-width:1350px){.catalog-main{padding:30px 28px 40px}.ai-catalog .template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.creation-tool{padding:20px 18px 16px}.tool-copy p{min-height:41px}}@media(max-width:1000px){.catalog-main{padding:28px 22px}.creation-tools{gap:12px}.creation-tool{padding:18px 14px 14px}.tool-copy h2{font-size:18px!important}.tool-copy p{font-size:11px;min-height:38px}.tool-bottom{font-size:10px}.template-search{width:220px}.ai-catalog .template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.type-filters{gap:3px}.type-filters :is(button,a){padding:10px 11px}.catalog-section-heading{gap:14px}}@media(max-width:800px){.studio-mobile-tabs{border-bottom:1px solid var(--ai-line);display:flex;gap:25px;margin:0 0 22px}.studio-mobile-tabs a{color:var(--brand-muted);font-size:14px;padding:0 2px 13px;position:relative;text-decoration:none}.studio-mobile-tabs a.active{color:var(--brand-accent-bright)}.studio-mobile-tabs a.active:after{background:var(--brand-accent);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.catalog-main{padding:26px 24px calc(32px + var(--mobile-nav-h,56px) + env(safe-area-inset-bottom))}.catalog-history-link{display:none}.catalog-heading{margin-bottom:24px}.creation-tools{margin-bottom:28px}.tool-copy p{min-height:auto}.catalog-section-heading h2{font-size:19px!important}.catalog-section-heading p{font-size:12px}.catalog-browser{padding-top:24px}}@media(max-width:560px){.ai-catalog .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-main{padding:24px 16px calc(32px + var(--mobile-nav-h,56px) + env(safe-area-inset-bottom))}.catalog-eyebrow{font-size:11px}.ai-catalog .catalog-heading h1{font-size:28px;margin:8px 0}.catalog-heading p{font-size:13px}.creation-tools{gap:9px}.creation-tool{border-radius:10px;padding:17px 11px 14px}.tool-icon{border-radius:9px;height:36px;margin-bottom:16px;width:36px}.tool-icon svg{height:21px;width:21px}.tool-copy h2{font-size:15px!important;margin-bottom:0!important;white-space:nowrap}.tool-copy p{display:none}.tool-bottom{border:0;justify-content:flex-end;margin-top:14px;padding:0}.tool-bottom>span:first-child{display:none}.tool-arrow{background:#ffffff08;border-radius:50%;display:grid;height:25px;place-items:center;width:25px}.creation-tool.unavailable .tool-bottom{justify-content:flex-start}.creation-tool.unavailable .tool-bottom>span:first-child{display:block;font-size:10px}.creation-tool.unavailable .tool-arrow{display:none}.catalog-section-heading{display:block;margin-bottom:18px}.template-search{margin-top:18px;width:100%}.catalog-section-heading h2{margin-bottom:7px!important}.type-filters{display:grid;gap:5px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.type-filters :is(button,a){font-size:12px;min-height:42px;padding:8px}.ai-catalog .template-grid{gap:12px}.ai-catalog .card-info{gap:7px;padding:20px 12px 12px}.ai-catalog .card-info h2{font-size:14px!important}.ai-catalog .card-meta{gap:7px}.ai-catalog .card-meta strong{font-size:15px}.card-kind{font-size:9px;left:8px;padding:5px;top:8px}.template-detail{padding:24px 22px calc(24px + env(safe-area-inset-bottom))}.novel-cover strong{font-size:19px}.catalog-empty{min-height:260px}}@media(prefers-reduced-motion:reduce){.catalog-card,.creation-tool{transition:none}.catalog-card:hover,.creation-tool:hover{transform:none}}.creation-tool .tool-link{border-radius:inherit;inset:0;position:absolute;z-index:1}.creation-tool .tool-link:focus-visible{outline-offset:-3px}.ai-catalog .catalog-main{padding-top:24px}.ai-catalog .catalog-browser{border-top:0;padding-top:0}.ai-catalog .catalog-section-heading{margin-bottom:18px}.ai-catalog .catalog-section-heading h1{font-size:22px;font-weight:600;line-height:1.4;margin:0}.ai-catalog .template-grid{align-items:start}.card-availability{backdrop-filter:blur(8px);background:#080a0c66;border:1px solid #ffffff26;border-radius:4px;color:#e2e5e7;display:inline-block;font-size:10px;line-height:1.5;max-width:100%;padding:3px 6px}@media(max-width:800px){.ai-catalog .catalog-main{padding-top:20px}.ai-catalog .catalog-section-heading h1{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0);white-space:nowrap}.ai-catalog .catalog-section-heading{margin-bottom:14px}.ai-catalog .studio-mobile-tabs{margin-bottom:16px}.ai-catalog .template-search{margin-top:0;width:100%}}
