.story-card{opacity:.8;filter:blur(1px) grayscale(.1);transform:rotateY(0) scale(.98);transition:opacity .5s cubic-bezier(.4,0,.2,1),filter .5s,transform .7s cubic-bezier(.4,0,.2,1);will-change:opacity,filter,transform;perspective:800px}.story-card.visible{opacity:1;filter:none;transform:rotateY(0) scale(1)}[data-theme=sepia]{--bg:#f4ecd8;--card:#e9dec3;--text:#6e4b1b;--muted:#a58d7f;--accent:#b58863;--accent2:#c97b63}[data-theme=monochrome]{--bg:#e5e5e5;--card:#f5f5f5;--text:#222;--muted:#888;--accent:#444;--accent2:#aaa}[data-theme="8bit"]{--bg:#222;--card:#fff200;--text:#ff0000;--muted:#ff005d;--accent:#00eaff;--accent2:#ff005d}[data-theme=matrix]{--bg:#181c1b;--card:#1a2b1d;--text:#00ff41;--muted:#008f11;--accent:#00ff41;--accent2:#008f11}[data-theme=vaporwave]{--bg:#f7c1f7;--card:#b2f7ef;--text:#6d5acf;--muted:#ff71ce;--accent:#ff71ce;--accent2:#01cdfe}[data-theme=pastel]{--bg:#fdf6fd;--card:#e3fcec;--text:#a3a3a3;--muted:#f7cac9;--accent:#c7ceea;--accent2:#b5ead7}[data-theme=autumn]{--bg:#fff7e6;--card:#ffe5b4;--text:#a0522d;--muted:#d2691e;--accent:#b22222;--accent2:#ff7f50}[data-theme=candy]{--bg:#fff0f5;--card:#ffe4e1;--text:#ff69b4;--muted:#ffb6c1;--accent:#ff1493;--accent2:#ffb6c1}[data-theme=solarized]{--bg:#fdf6e3;--card:#eee8d5;--text:#657b83;--muted:#93a1a1;--accent:#268bd2;--accent2:#b58900}[data-theme=arctic]{--bg:#e0f7fa;--card:#b2ebf2;--text:#01579b;--muted:#4dd0e1;--accent:#0097a7;--accent2:#00bcd4}:root{--bg:#f6f7fb;--card:#ffffff;--text:#0f172a;--muted:#64748b;--accent:#7c3aed;--accent2:#06b6d4}[data-theme=dark]{--bg:#071025;--card:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));--card-solid:#181a2b;--text:#ffffff;--muted:#94a3b8;--accent:#7c3aed;--accent2:#06b6d4}:root{--card-solid: #ffffff}[data-theme=dark] .option:hover{--text:rgb(0, 0, 0)}[data-theme=ocean]{--bg:#e0f2fe;--card:#ffffff;--text:#0c4a6e;--muted:#64748b;--accent:#0369a1;--accent2:#0284c7}[data-theme=forest]{--bg:#f0fdf4;--card:#ffffff;--text:#14532d;--muted:#64748b;--accent:#166534;--accent2:#16a34a}[data-theme=sunset]{--bg:#fff7ed;--card:#ffffff;--text:#9a3412;--muted:#64748b;--accent:#c2410c;--accent2:#ea580c}[data-theme=midnight]{--bg:#1e1b4b;--card:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));--text:#e0e7ff;--muted:#94a3b8;--accent:#7c3aed;--accent2:#a855f7}[data-theme=rose]{--bg:#fff0f6;--card:#fff5fa;--text:#a61e4d;--muted:#d6336c;--accent:#e64980;--accent2:#f783ac}[data-theme=cyber]{--bg:#0f0f1c;--card:#18182f;--text:#00ffe7;--muted:#7f7fff;--accent:#00eaff;--accent2:#ff00ea}[data-theme=coffee]{--bg:#f3e9e1;--card:#e7d7c9;--text:#6f4e37;--muted:#a58d7f;--accent:#b58863;--accent2:#c97b63}[data-theme=emerald]{--bg:#e6fff7;--card:#d1fae5;--text:#065f46;--muted:#34d399;--accent:#10b981;--accent2:#059669}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:"Quicksand, Nunito, Inter, system-ui";color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:28px auto;padding:18px}.header{display:flex;align-items:center;gap:12px}.logo{width:56px;height:56px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.card{background:var(--card);padding:16px;border-radius:12px;box-shadow:0 6px 22px #0206170f;border:1px solid rgba(0,0,0,.04)}.grid{display:grid;grid-template-columns:360px 1fr;gap:16px;margin-top:16px}.controls{padding:12px;height:72vh;overflow:auto}.section{margin-bottom:12px}.label{font-size:13px;color:var(--muted);margin-bottom:6px}.range{width:100%}.button{background:linear-gradient(90deg,var(--accent),var(--accent2));border:none;padding:10px 12px;border-radius:10px;color:#fff;cursor:pointer;font-weight:600}.button.ghost{background:transparent;border:1px solid rgba(0,0,0,.06);color:var(--text)}.row{display:flex;gap:8px;align-items:center}.small{font-size:13px;color:var(--muted)}.preview{padding:12px;background:#00000008;border-radius:10px;min-height:220px;overflow:auto;border:1px solid rgba(0,0,0,.04)}.controls-scroll{max-height:68vh;overflow:auto;padding-right:6px}.right-top{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:8px}.footer{margin-top:12px;font-size:12px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{background:#0000000a;padding:6px 8px;border-radius:999px;font-size:12px;color:var(--muted)}img.generated{max-width:100%;border-radius:10px;margin-top:8px}.action-row{display:flex;gap:8px;margin-top:10px}.input{width:100%;padding:8px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:transparent;color:var(--text)}.header-controls{margin-left:auto;display:flex;gap:8px;align-items:center}select{background:#fff;color:#0f172a;padding:8px 12px;cursor:pointer;border:none;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:none}select:focus{background:#f8f8f8;color:#0f172a}select option{background:var(--card)!important;color:var(--text)!important;padding:4px 8px;border:none;outline:none}select option:hover,select option:focus,select option:active{background:var(--muted)!important;color:#fff!important}.theme-select{border:none!important;outline:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;box-shadow:none!important;border-radius:0!important}.theme-select option{background:var(--bg)!important;color:var(--text)!important;border:none!important;outline:none!important;border-radius:0%!important}.theme-select option:hover,.theme-select option:focus,.theme-select option:active{background:#3a4a6a!important;color:#fff!important}[data-theme=midnight] .theme-select,[data-theme=midnight] .theme-select option{background:#2a1a4a!important;color:#e0e7ff!important}[data-theme=dark],[data-theme=midnight],[data-theme=cyber],[data-theme=matrix]{--card-solid: #181a2b}[data-theme=midnight] .theme-select option:hover,[data-theme=midnight] .theme-select option:focus,[data-theme=midnight] .theme-select option:active{background:#000!important;color:#fff!important}[data-theme=dark] option:hover,[data-theme=dark] .theme-select option:focus,[data-theme=dark] .theme-select option:active{background:#000!important;color:#000!important;--text: #000000 !important}[data-theme=dark] select:not(.theme-select) option:hover,[data-theme=dark] select:not(.theme-select) option:focus,[data-theme=dark] select:not(.theme-select) option:active{background:#000000f2!important;color:#000!important;-webkit-text-fill-color:#000000!important;text-shadow:none!important;font-weight:600!important}[data-theme=dark] .theme-select option:hover,[data-theme=dark] .theme-select option:focus,[data-theme=dark] .theme-select option:active{background:#000000f2!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important;text-shadow:none!important;font-weight:600!important}[data-theme="8bit"] body{font-family:"Press Start 2P",VT323,monospace,system-ui,sans-serif;background:repeating-linear-gradient(45deg,#222,#222 8px,#333 8px,#333 16px)}[data-theme="8bit"] .card{border:4px solid #ff005d!important;border-radius:0!important;box-shadow:0 0 0 4px #00eaff,0 0 0 8px #fff200;font-family:inherit;font-size:1.2em;font-weight:700;text-shadow:1px 1px 0 #fff200,2px 2px 0 #222,0 0 2px #00eaff}[data-theme="8bit"] .story-card{border:4px solid #00eaff!important;border-radius:0!important;box-shadow:0 0 0 4px #ff005d,0 0 0 8px #fff200;font-family:inherit;font-size:1.3em;font-weight:700}[data-theme="8bit"] .logo{font-family:inherit;font-size:2em;letter-spacing:2px;background:#fff200!important;color:#222!important;border:4px solid #ff005d!important;border-radius:0!important}[data-theme="8bit"] .button{font-family:inherit;background:#ff005d!important;color:#fff200!important;border:2px solid #00eaff!important;border-radius:0!important;box-shadow:none!important}[data-theme="8bit"] .header{font-family:inherit;color:#00eaff!important}[data-theme="8bit"] .preview{border:4px solid #00eaff!important;border-radius:0!important;background:#fff200!important;color:#222!important}[data-theme="8bit"] .tag{background:#ff005d!important;color:#fff200!important;border-radius:0!important;font-family:inherit}[data-theme=sepia] body{font-family:Georgia,Times New Roman,serif;background:linear-gradient(180deg,#f4ecd8,#e9dec3);color:#6e4b1b}[data-theme=sepia] .card,[data-theme=sepia] .story-card{border:2px solid #b58863!important;border-radius:8px!important;background:#e9dec3!important;color:#6e4b1b!important}[data-theme=sepia] .logo{background:#b58863!important;color:#fff5e1!important}[data-theme=monochrome] body{font-family:Roboto Mono,Menlo,monospace;background:repeating-linear-gradient(45deg,#e5e5e5,#e5e5e5 8px,#f5f5f5 8px,#f5f5f5 16px);color:#222}.story-card[data-revealed=false] .story-card-text{visibility:hidden;opacity:0;pointer-events:none}.story-card-text{user-select:none;-webkit-user-select:none;-ms-user-select:none}[data-theme=monochrome] .card,[data-theme=monochrome] .story-card{border:2px solid #444!important;border-radius:0!important;background:#f5f5f5!important;color:#222!important}[data-theme=monochrome] .logo{background:#aaa!important;color:#222!important}[data-theme=matrix] body{font-family:Share Tech Mono,Menlo,monospace;background:repeating-linear-gradient(135deg,#181c1b,#181c1b 12px,#1a2b1d 12px,#1a2b1d 24px);color:#00ff41}[data-theme=matrix] .card,[data-theme=matrix] .story-card{border:2px solid #00ff41!important;border-radius:0!important;background:#1a2b1d!important;color:#00ff41!important}[data-theme=matrix] .logo{background:#008f11!important;color:#00ff41!important}[data-theme=vaporwave] body{font-family:Comic Sans MS,Chalkboard SE,cursive,sans-serif;background:linear-gradient(135deg,#f7c1f7,#b2f7ef);color:#6d5acf}[data-theme=vaporwave] .card,[data-theme=vaporwave] .story-card{border:2px solid #ff71ce!important;border-radius:16px!important;background:#b2f7ef!important;color:#6d5acf!important}[data-theme=vaporwave] .logo{background:#ff71ce!important;color:#01cdfe!important}[data-theme=pastel] body{font-family:Nunito,Quicksand,sans-serif;background:linear-gradient(120deg,#fdf6fd,#e3fcec);color:#a3a3a3}[data-theme=pastel] .card,[data-theme=pastel] .story-card{border:2px solid #c7ceea!important;border-radius:16px!important;background:#e3fcec!important;color:#a3a3a3!important}[data-theme=pastel] .logo{background:#b5ead7!important;color:#f7cac9!important}[data-theme=autumn] body{font-family:Merriweather,serif;background:linear-gradient(180deg,#fff7e6,#ffe5b4);color:sienna}[data-theme=autumn] .card,[data-theme=autumn] .story-card{border:2px solid #b22222!important;border-radius:8px!important;background:#ffe5b4!important;color:sienna!important}[data-theme=autumn] .logo{background:coral!important;color:#fff7e6!important}[data-theme=candy] body{font-family:"Baloo 2",Comic Sans MS,cursive,sans-serif;background:linear-gradient(120deg,#fff0f5,#ffe4e1);color:#ff69b4}[data-theme=candy] .card,[data-theme=candy] .story-card{border:2px solid #ff1493!important;border-radius:16px!important;background:#ffe4e1!important;color:#ff69b4!important}[data-theme=candy] .logo{background:#ffb6c1!important;color:#ff1493!important}[data-theme=solarized] body{font-family:Fira Mono,Menlo,monospace;background:linear-gradient(180deg,#fdf6e3,#eee8d5);color:#657b83}[data-theme=solarized] .card,[data-theme=solarized] .story-card{border:2px solid #268bd2!important;border-radius:8px!important;background:#eee8d5!important;color:#657b83!important}[data-theme=solarized] .logo{background:#b58900!important;color:#268bd2!important}[data-theme=arctic] body{font-family:Montserrat,Nunito,sans-serif;background:linear-gradient(120deg,#e0f7fa,#b2ebf2);color:#01579b}[data-theme=arctic] .card,[data-theme=arctic] .story-card{border:2px solid #0097a7!important;border-radius:12px!important;background:#b2ebf2!important;color:#01579b!important}[data-theme=arctic] .logo{background:#00bcd4!important;color:#01579b!important}@media (max-width:980px){.grid{grid-template-columns:1fr}.controls{height:auto}.logo{width:44px;height:44px}}