*{margin:0;padding:0}body{background:#fff5f8;color:#2d2d2d;font-family:Poppins,sans-serif}:root{--bg:#faf7ff;--bg-deep:#1a1335;--bg-card:#fff;--bg-card-soft:#ffffffc7;--ink:#1e1b3a;--ink-soft:#564f7a;--ink-hint:#8e87b3;--accent:#7c3aed;--accent-soft:#c4b5fd;--accent-hover:#6d28d9;--accent-glow:#7c3aed73;--accent2:#ec4899;--accent2-soft:#fbcfe8;--accent2-hover:#db2777;--accent3:#06b6d4;--accent3-soft:#a5f3fc;--gold:#fbbf24;--gold-soft:#fde68a;--border:#e9e3f7;--border-glow:#7c3aed2e;--field-bg:#faf7ff;--shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;--shadow-sm:0 6px 18px -4px #7c3aed24;--shadow-glow:0 0 32px #7c3aed47,0 8px 24px #ec48992e;--gradient-dream:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);--gradient-dream-soft:linear-gradient(135deg,#7c3aed1a,#ec489914 50%,#06b6d41a);--gradient-sky:linear-gradient(160deg,#ede9fe,#fce7f3 50%,#fef3c7);--gradient-night:linear-gradient(160deg,#1e1b4b,#4c1d95 50%,#831843);--radius:22px;--radius-sm:14px;--radius-pill:999px}*{box-sizing:border-box}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;background-attachment:fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,scroll;background-color:#faf7ff;background-image:radial-gradient(1.5px 1.5px at 12% 8%,#fffffff2,#0000 60%),radial-gradient(1px 1px at 24% 22%,#fbbf24bf,#0000 60%),radial-gradient(1.5px 1.5px at 38% 12%,#ffffffd9,#0000 60%),radial-gradient(1px 1px at 55% 18%,#c4b5fdf2,#0000 60%),radial-gradient(1.5px 1.5px at 72% 6%,#ffffffe6,#0000 60%),radial-gradient(1px 1px at 85% 26%,#fbcfe8f2,#0000 60%),radial-gradient(1.5px 1.5px at 92% 14%,#ffffffd9,#0000 60%),radial-gradient(1.5px 1.5px at 8% 38%,#a5f3fcd9,#0000 60%),radial-gradient(1px 1px at 33% 54%,#fffc,#0000 60%),radial-gradient(1.5px 1.5px at 62% 62%,#fbbf24b3,#0000 60%),radial-gradient(1.5px 1.5px at 88% 48%,#c4b5fdd9,#0000 60%),radial-gradient(1px 1px at 18% 78%,#ffffffe6,#0000 60%),radial-gradient(1.5px 1.5px at 48% 88%,#fbcfe8d9,#0000 60%),radial-gradient(1px 1px at 76% 82%,#c4b5fde6,#0000 60%),radial-gradient(ellipse 80% 50% at 15% 0,#c4b5fd8c 0,#0000 65%),radial-gradient(ellipse 70% 45% at 85% 8%,#fbcfe880 0,#0000 60%),radial-gradient(ellipse 60% 40% at 0 50%,#a5f3fc59 0,#0000 60%),radial-gradient(ellipse 70% 50% at 100% 75%,#fde68a66 0,#0000 60%),radial-gradient(ellipse 80% 55% at 50% 100%,#c4b5fd66 0,#0000 65%),linear-gradient(180deg,#faf7ff,#fdf4ff 30%,#fef6f8 60%,#fff8ea);background-size:100% 100%;color:#1e1b3a;color:var(--ink);font-family:Tajawal,Cairo,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.7;margin:0;min-height:100vh}@keyframes starfield-twinkle{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){body:after{animation:none;opacity:.7}}.app{align-items:stretch;display:flex;flex-direction:column;min-height:100vh}.app-header{margin-bottom:28px;text-align:center}.app-title{color:#7c3aed;color:var(--accent);font-size:2.2rem;margin:0 0 6px}.app-subtitle{color:#564f7a;color:var(--ink-soft);font-size:1.05rem;margin:0}.app-main{animation:page-rise .5s cubic-bezier(.2,.8,.2,1) both;flex:1 1;max-width:640px;width:100%}@keyframes page-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.app-main{animation:none}}.story-form{gap:16px}.form-zone,.story-form{display:flex;flex-direction:column}.form-zone{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);gap:18px;padding:28px;position:relative}.form-zone:before{background:linear-gradient(135deg,#7c3aed59,#ec489940,#06b6d44d);border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;padding:1px;pointer-events:none;position:absolute}.zone-title{color:#1e1b3a;color:var(--ink);font-size:1.15rem;font-weight:700;margin:0}.field{display:flex;flex-direction:column;gap:5px}.field-label{color:#1e1b3a;color:var(--ink);font-size:.92rem;font-weight:600}.field-helper{color:#8e87b3;color:var(--ink-hint);font-size:.78rem;line-height:1.5}.field input[type=email],.field input[type=number],.field input[type=password],.field input[type=text],.field select,.field textarea{background:#ffffffd9;border:1.5px solid #e9e3f7;border:1.5px solid var(--border);border-radius:14px;border-radius:var(--radius-sm);color:#1e1b3a;color:var(--ink);font:inherit;font-size:.98rem;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .25s ease,background .2s ease,transform .15s ease}.field input:hover,.field select:hover,.field textarea:hover{border-color:#c4b5fd;border-color:var(--accent-soft)}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 4px #7c3aed24,0 8px 24px -8px #7c3aed40}.field textarea{min-height:90px;resize:vertical}.field input[type=file]{font:inherit;font-size:.9rem;padding:8px 0}.field input::placeholder,.field textarea::placeholder{color:#8e87b3;color:var(--ink-hint);opacity:.7}.dropzone-wrap{display:flex;flex-direction:column;gap:12px}.dropzone{align-items:center;background:linear-gradient(180deg,#ffffffd9,#ffffff8c),linear-gradient(135deg,#7c3aed0f,#ec48990d,#06b6d40f);border:1.5px dashed #c4b5fd;border:1.5px dashed var(--accent-soft);border-radius:14px;border-radius:var(--radius-sm);color:#564f7a;color:var(--ink-soft);cursor:pointer;display:flex;justify-content:center;min-height:140px;outline:none;padding:22px 18px;position:relative;transition:border-color .2s ease,background .2s ease,transform .15s ease,box-shadow .25s ease}.dropzone:hover{background:linear-gradient(180deg,#fffffff2,#ffffffb3),linear-gradient(135deg,#7c3aed1a,#ec489914,#06b6d41a);border-color:#7c3aed;border-color:var(--accent);box-shadow:0 8px 24px -12px #7c3aed59;transform:translateY(-1px)}.dropzone:focus-visible{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 4px #7c3aed24}.dropzone.is-dragging{background:linear-gradient(180deg,#fffffff2,#fffc),linear-gradient(135deg,#7c3aed29,#ec48991f,#06b6d429);border-color:#7c3aed;border-color:var(--accent);border-style:solid;box-shadow:0 12px 32px -10px #7c3aed73;transform:scale(1.01)}.dropzone.is-full{cursor:not-allowed;opacity:.7}.dropzone-input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.dropzone-inner{gap:14px;pointer-events:none;text-align:start}.dropzone-icon,.dropzone-inner{align-items:center;display:flex}.dropzone-icon{background:linear-gradient(135deg,#7c3aed24,#ec48991f);border-radius:50%;color:#7c3aed;color:var(--accent);flex-shrink:0;height:52px;justify-content:center;width:52px}.dropzone.is-dragging .dropzone-icon{color:#6d28d9;color:var(--accent-hover);transform:translateY(-2px);transition:transform .2s ease}.dropzone-text{display:flex;flex-direction:column;gap:4px;line-height:1.4}.dropzone-text strong{color:#1e1b3a;color:var(--ink);font-size:.98rem;font-weight:700}.dropzone-text span{color:#8e87b3;color:var(--ink-hint);font-size:.82rem}.dropzone-thumbs{grid-gap:12px;display:grid;gap:12px}.dropzone-thumbs.is-single{grid-template-columns:minmax(0,220px)}.dropzone-thumbs.is-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dropzone-thumb{background:#fff;border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 14px -8px #1e1b3a2e;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.dropzone-thumb:hover{border-color:#c4b5fd;border-color:var(--accent-soft);box-shadow:0 10px 24px -12px #7c3aed52;transform:translateY(-2px)}.dropzone-thumb img{aspect-ratio:1/1;display:block;object-fit:cover;width:100%}.dropzone-thumb-placeholder{aspect-ratio:1/1;background:linear-gradient(135deg,#7c3aed14,#ec489914);width:100%}.dropzone-thumb-remove{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#1e1b3ac7;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;height:26px;inset-inline-end:6px;justify-content:center;line-height:1;padding:0;position:absolute;top:6px;transition:background .15s ease,transform .15s ease;width:26px}.dropzone-thumb-remove:hover{background:#db2777;background:var(--accent2-hover);transform:scale(1.08)}.dropzone-thumb-meta{background:#fff;display:flex;flex-direction:column;font-size:.72rem;gap:2px;padding:8px 10px}.dropzone-thumb-name{color:#1e1b3a;color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropzone-counter,.dropzone-thumb-size{color:#8e87b3;color:var(--ink-hint)}.dropzone-counter{align-self:flex-end;font-size:.78rem}.hero-row{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:1fr 80px auto}.field-age input{text-align:center}.field-gender{align-items:flex-end;display:flex}.gender-toggle{background:#ffffffb3;border:1.5px solid #e9e3f7;border:1.5px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);display:flex;gap:2px;height:46px;overflow:hidden;padding:3px}.gender-btn{background:#0000;border:none;border-radius:999px;border-radius:var(--radius-pill);color:#564f7a;color:var(--ink-soft);cursor:pointer;font:inherit;font-size:.92rem;font-weight:600;padding:0 22px;transition:color .2s ease,background .25s ease,box-shadow .25s ease,transform .15s ease;white-space:nowrap}.gender-btn.active{background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);box-shadow:0 6px 18px -6px #7c3aed8c;color:#fff;transform:scale(1.02)}.gender-btn:not(.active):hover{background:#7c3aed14;color:#7c3aed;color:var(--accent)}.smart-fields{display:flex;flex-direction:column;gap:14px;margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,margin .3s ease}.smart-fields.visible{margin-top:4px;max-height:500px;opacity:1}.zone-extras{gap:0;padding:0}.extras-toggle{align-items:center;background:#0000;border:none;color:#564f7a;color:var(--ink-soft);cursor:pointer;display:flex;font:inherit;font-size:.95rem;font-weight:600;justify-content:space-between;padding:18px 24px;transition:color .15s;width:100%}.extras-toggle:hover{color:#7c3aed;color:var(--accent)}.extras-arrow{display:inline-block;font-size:1.1rem;transition:transform .25s ease}.extras-arrow.open{transform:rotate(180deg)}.extras-body{display:flex;flex-direction:column;gap:14px;max-height:0;opacity:0;overflow:hidden;padding:0 24px;transition:max-height .4s ease,opacity .3s ease,padding .3s ease}.extras-body.visible{max-height:600px;opacity:1;padding:0 24px 24px}.submit-btn{background:linear-gradient(135deg,#7c3aed,#ec4899 60%,#f59e0b 120%);background-position:0 50%;background-size:200% 200%;border:none;border-radius:999px;border-radius:var(--radius-pill);box-shadow:0 10px 30px -8px #7c3aed73;color:#fff;cursor:pointer;font:inherit;font-size:1.1rem;font-weight:700;letter-spacing:.01em;margin-top:4px;overflow:hidden;padding:16px 32px;position:relative;transition:transform .15s ease,box-shadow .25s ease,background-position .6s ease}.submit-btn:after{background:linear-gradient(120deg,#0000 30%,#ffffff59 50%,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-100%);transition:transform .7s ease}.submit-btn:hover{background-position:100% 50%;box-shadow:0 16px 38px -10px #7c3aed8c,0 0 24px #ec48994d;transform:translateY(-1px)}.submit-btn:hover:after{transform:translateX(100%)}.submit-btn:active{transform:translateY(0) scale(.98)}.submit-btn:disabled{animation:none;box-shadow:none;cursor:not-allowed;opacity:.55}.loader{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:22px;padding:64px 28px}.loader-spinner{animation:spin 1s linear infinite;border-bottom:5px solid #7c3aed1f;border-left:5px solid #7c3aed1f;border-radius:50%;border-right:5px solid #ec4899;border-right-color:var(--accent2);border-top:5px solid #7c3aed;border-top-color:var(--accent);filter:drop-shadow(0 0 12px rgba(124,58,237,.35));height:64px;width:64px}@keyframes spin{to{transform:rotate(1turn)}}.loader-text{color:#564f7a;color:var(--ink-soft);font-size:1.1rem;margin:0}.create-page-loading{align-items:flex-start;display:flex;justify-content:center;min-height:70vh;padding-top:24px}.story-loader-pro{background:#fff;border:1px solid #fffffff2;border-radius:22px;border-radius:var(--radius);box-shadow:0 0 32px #7c3aed47,0 8px 24px #ec48992e;box-shadow:var(--shadow-glow);flex-direction:column;isolation:isolate;margin:0 auto;max-width:540px;padding:48px 32px 36px;text-align:center;width:100%}.story-loader-orb,.story-loader-pro{align-items:center;display:flex;position:relative}.story-loader-orb{height:124px;justify-content:center;margin-bottom:22px;width:124px}.story-loader-orb-glow{animation:storyLoaderHalo 2.4s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-radius:50%;filter:blur(14px);inset:16px;opacity:.75;position:absolute}.story-loader-orb-ring{animation:spin 9s linear infinite;border:2px dashed #7c3aed73;border-radius:50%;inset:0;position:absolute}.story-loader-orb-ring-2{animation:spin 1.4s linear infinite;border-color:#ec4899 #7c3aed #0000 #0000;border-style:solid;border-width:2px;inset:14px}.story-loader-orb-icon{animation:storyLoaderFloat 2.6s ease-in-out infinite;color:#fff;filter:drop-shadow(0 2px 8px rgba(124,58,237,.65));position:relative}@keyframes storyLoaderFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.08)}}.story-loader-title{background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.5rem;font-weight:700;margin:0 0 6px}.story-loader-subtitle{color:#564f7a;color:var(--ink-soft);font-size:.98rem;margin:0 0 28px}.story-loader-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 26px;max-width:380px;padding:0;width:100%}.story-loader-step{background:#ffffff8c;border:1px solid #7c3aed14;border-radius:14px;border-radius:var(--radius-sm);gap:12px;padding:10px 14px}.story-loader-step,.story-loader-step-icon{align-items:center;display:flex;transition:all .4s ease}.story-loader-step-icon{background:#7c3aed14;border-radius:50%;color:#8e87b3;color:var(--ink-hint);flex-shrink:0;height:34px;justify-content:center;width:34px}.story-loader-step-label{color:#564f7a;color:var(--ink-soft);flex:1 1;font-size:.98rem;text-align:start}.story-loader-step-spinner{animation:spin .7s linear infinite;border:2px solid #7c3aed33;border-radius:50%;border-top:2px solid var(--accent);flex-shrink:0;height:14px;width:14px}.story-loader-step-pending{opacity:.55}.story-loader-step-active{background:linear-gradient(135deg,#7c3aed24,#ec48991a);border-color:#7c3aed47;box-shadow:0 8px 22px -10px #7c3aed73;transform:scale(1.02)}.story-loader-step-active .story-loader-step-icon{animation:storyLoaderFloat 1.6s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);box-shadow:0 4px 12px #7c3aed73;color:#fff}.story-loader-step-active .story-loader-step-label{color:#1e1b3a;color:var(--ink);font-weight:600}.story-loader-step-done .story-loader-step-icon{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff}.story-loader-step-done .story-loader-step-label{color:#564f7a;color:var(--ink-soft)}.story-loader-progress{background:#7c3aed1a;border-radius:999px;height:6px;max-width:380px;overflow:hidden;width:100%}.story-loader-progress-bar{background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-radius:999px;box-shadow:0 0 12px #7c3aed80;height:100%;transition:width .8s ease}.error-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);padding:32px;text-align:center}.error-card h2{color:#b3401f;margin:0 0 8px}.error-card p{color:#564f7a;color:var(--ink-soft)}.story{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);padding:36px 28px 28px}.story-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;letter-spacing:-.01em;margin:0 0 32px;text-align:center}.story-scenes{gap:32px}.scene,.story-scenes{display:flex;flex-direction:column}.scene{gap:16px}.scene-divider{background-image:radial-gradient(circle at 50% 50%,#7c3aed 0 3px,#0000 4px),linear-gradient(90deg,#0000 0,#6366f14d 18%,#6366f14d 82%,#0000);background-image:radial-gradient(circle at 50% 50%,var(--accent) 0 3px,#0000 4px),linear-gradient(to right,#0000 0,#6366f14d 18%,#6366f14d 82%,#0000 100%);background-position:50%,center 50%;background-repeat:no-repeat,no-repeat;background-size:8px 8px,100% 1px;border:none;height:14px;margin:8px auto;max-width:220px;opacity:.85;width:60%}.scene-image-wrap{aspect-ratio:4/3;background:#e9e3f7;background:var(--border);border-radius:16px;box-shadow:0 6px 18px #6366f11f;overflow:hidden;width:100%}.scene-image{display:block;height:100%;object-fit:cover;width:100%}.scene-text{color:#1e1b3a;color:var(--ink);font-size:1.15rem;line-height:2;margin:0;text-align:justify;white-space:pre-line}.story-footer{display:flex;justify-content:center;margin-top:36px}@media (max-width:520px){.hero-row{gap:10px;grid-template-columns:1fr 1fr}.field-gender{grid-column:1/-1}.form-zone{padding:20px 16px}.extras-toggle{padding:16px}.extras-body{padding:0 16px}.extras-body.visible{padding:0 16px 20px}.app{padding:20px 12px 60px}.submit-btn{font-size:1rem;padding:14px 20px}}.book{margin:0 auto;max-width:960px}.book,.book-stage{position:relative;width:100%}.book-stage{aspect-ratio:210/148;perspective:2000px}.page{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#faf7ff;background:var(--field-bg);border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);overflow:hidden}.book-flipper,.page{inset:0;position:absolute}.book-flipper{pointer-events:none;transform-origin:left center;transform-style:preserve-3d;will-change:transform}.book-flipper-back,.book-flipper-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;inset:0;position:absolute}.book-flipper-back{transform:rotateY(180deg)}.book-flipper-next{animation:book-flip-next .7s cubic-bezier(.45,.05,.2,1) forwards}.book-flipper-prev{animation:book-flip-prev .7s cubic-bezier(.45,.05,.2,1) forwards}@keyframes book-flip-next{0%{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}@keyframes book-flip-prev{0%{transform:rotateY(-180deg)}to{transform:rotateY(0deg)}}.page-front{background:#1e1b2e}.cover-image{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.cover-image-fallback{background:radial-gradient(circle at 50% 80%,#fbcfe8 0,#7c3aed 60%,#312e81 100%);background:radial-gradient(circle at 50% 80%,var(--accent2-soft) 0,var(--accent) 60%,#312e81 100%)}.cover-overlay{background:linear-gradient(180deg,#00000080 0,#00000026 40%,#0000 65%);inset:0;pointer-events:none;position:absolute}.cover-title{color:#fff;font-size:clamp(26px,5vw,44px);font-weight:700;left:10%;letter-spacing:.02em;line-height:1.3;margin:0;position:absolute;right:10%;text-align:center;text-shadow:0 2px 20px #00000080,0 1px 0 #0000004d;top:6%}.page-scene{background:linear-gradient(135deg,#fdfbf7,#faf6ef 40%,#f7f3eb);direction:ltr;display:grid;grid-template-columns:1fr 1fr;padding:0}.page-scene .scene-text-wrap{direction:rtl}.page-scene .scene-image-wrap{aspect-ratio:auto;background:#faf6ef;border-radius:0;box-shadow:none;grid-row:1;height:100%;overflow:hidden;position:relative;width:100%}.page-scene--image-left .scene-image-wrap{grid-column:1}.page-scene--image-right .scene-image-wrap{grid-column:2}.page-scene--image-left .scene-text-wrap{grid-column:2;grid-row:1}.page-scene--image-right .scene-text-wrap{grid-column:1;grid-row:1}.page-scene .scene-image{display:block;height:100%;object-fit:cover;width:100%}.page-scene .scene-text-wrap{align-items:center;display:flex;justify-content:center;min-height:0;min-width:0;padding:28px 32px}.page-scene .scene-text{color:#2a1f10;font-size:clamp(.95rem,2vw,1.2rem);font-weight:500;letter-spacing:.015em;line-height:1.9;margin:0;max-height:100%;overflow-y:auto;text-align:center;white-space:pre-line}.page-scene .scene-text.scene-text--long{font-size:clamp(.9rem,1.8vw,1rem);line-height:1.8}.page-scene .scene-text.scene-text--xlong{font-size:clamp(.8rem,1.55vw,.92rem);line-height:1.65}.scene-image-blurred{background:radial-gradient(circle at 28% 22%,#f1a86b 0,#0000 42%),radial-gradient(circle at 78% 62%,#9b7fcf 0,#0000 48%),radial-gradient(circle at 50% 85%,#e36c6c 0,#0000 45%),radial-gradient(circle at 18% 75%,#6fb2c9 0,#0000 42%),linear-gradient(135deg,#fef0d9,#f5d3ad 50%,#d6b8e8);display:block;filter:blur(22px) saturate(1.05);height:100%;transform:scale(1.2);width:100%}.locked-overlay.locked-overlay--cta{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#faf6ef8c;gap:10px;padding:16px;text-align:center}.locked-overlay--cta .locked-icon{font-size:2.2rem}.locked-overlay--cta .locked-text{color:#2a1f10;font-size:.95rem;font-weight:600;line-height:1.4;margin:0;max-width:22ch}.locked-cta-text{color:#5a4a2a;font-size:.82rem;line-height:1.5;margin:0;max-width:26ch}.locked-overlay{align-items:center;background:linear-gradient(135deg,#f0ece3,#e8e2d6 50%,#f5f1ea);border-radius:inherit;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;position:absolute}.locked-icon{font-size:2.8rem}.locked-text{color:#1e1b3a;color:var(--ink);font-size:1rem;font-weight:500;padding:0 24px;text-align:center}.scene-image-placeholder{background:linear-gradient(135deg,#f0edfa,#e8e4f5 50%,#fef9ec);border-radius:14px;border-radius:var(--radius-sm);height:100%;width:100%}.page-back{align-items:center;background:linear-gradient(160deg,#fdfbf7,#faf6ef 60%,#f7f3eb);display:flex;flex-direction:column;gap:28px;justify-content:center;padding:14% 10%;position:relative;text-align:center}.page-back:before{border:1.5px solid #b4a58c33;border-radius:16px;border-radius:calc(var(--radius) - 6px);content:"";inset:10px;pointer-events:none;position:absolute}.back-summary{color:#2c2416;font-size:1.2rem;line-height:1.85;margin:0}.back-divider{background:#c7b299;border-radius:2px;height:2px;opacity:.5;width:80px}.back-dedication{color:#6b5a42;font-size:1.55rem;font-weight:700;letter-spacing:.01em;margin:0}.book-nav{align-items:center;background:#fff;background:var(--bg-card);border:none;border-radius:50%;box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);color:#7c3aed;color:var(--accent);cursor:pointer;display:flex;font-size:28px;height:48px;justify-content:center;line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;width:48px;z-index:10}.book-nav:hover:not(:disabled){box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);transform:translateY(-50%) scale(1.08)}.book-nav:disabled{cursor:not-allowed;opacity:.35}.book-nav-next{left:-64px}.book-nav-prev{right:-64px}.book-progress{color:#8e87b3;color:var(--ink-hint);font-size:.95rem;letter-spacing:.05em;margin-top:16px;text-align:center}.book-actions,.book-restart{display:flex;justify-content:center;margin-top:20px}.book-actions{flex-wrap:wrap;gap:12px}.pdf-btn{background:#fff;background:var(--bg-card);border:2px solid #7c3aed;border:2px solid var(--accent);border-radius:14px;color:#7c3aed;color:var(--accent);cursor:pointer;font:inherit;font-size:1rem;font-weight:700;padding:14px 22px;transition:transform .1s,background .15s,color .15s}.pdf-btn:hover:not(:disabled){background:#7c3aed;background:var(--accent);color:#fff}.pdf-btn:active{transform:scale(.98)}.pdf-btn:disabled{cursor:wait;opacity:.6}.pdf-export{left:-10000px;pointer-events:none;position:fixed;top:0}.pdf-export,.pdf-page{background:#fff;width:210mm}.pdf-page{box-sizing:border-box;break-after:page;display:flex;flex-direction:column;height:148mm;overflow:hidden;page-break-after:always}.pdf-page:last-child{break-after:auto;page-break-after:auto}.pdf-page .page{border-radius:0;box-shadow:none;height:100%;inset:auto;overflow:hidden;position:relative;width:100%}.pdf-page .page-back{padding:8mm 10mm}.pdf-page .page-scene{padding:0}.pdf-page .scene-image-wrap{border:none;border-radius:0;box-shadow:none;margin:0;max-height:none}.pdf-page .scene-text-wrap{padding:8mm 10mm}.pdf-page .scene-text{color:#2a1f10;font-size:11pt;font-weight:500;line-height:1.7;max-height:none;overflow:visible}.pdf-page .scene-text.scene-text--long{font-size:9.5pt;line-height:1.55}.pdf-page .scene-text.scene-text--xlong{font-size:8.5pt;line-height:1.45}.pdf-page .cover-image{border-radius:0;height:100%;object-fit:cover;width:100%}.pdf-page .cover-title{font-size:clamp(36px,5vw,56px)}@media (max-width:720px){.book-nav{bottom:-64px;font-size:24px;height:44px;top:auto;transform:none;width:44px}.book-nav:hover:not(:disabled){transform:scale(1.08)}.book-nav-next{left:calc(50% - 60px);right:auto}.book-nav-prev{left:auto;right:calc(50% - 60px)}.book-progress{margin-top:72px}.book-flipper-next,.book-flipper-prev{animation-duration:.5s}.cover-title{font-size:clamp(24px,7vw,36px)}}@media (prefers-reduced-motion:reduce){.book-flipper{transform-style:flat}.book-flipper-back{transform:none}.book-flipper-next,.book-flipper-prev{animation:book-fade .25s ease forwards}@keyframes book-fade{0%{opacity:1}to{opacity:0}}}.site-header{backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);background:#ffffffb8;border-bottom:1px solid #7c3aed1a;box-shadow:0 6px 24px -8px #7c3aed1a;margin-bottom:0;position:sticky;top:0;width:100%;z-index:50}.header-inner{align-items:center;display:flex;gap:24px;margin:0 auto;max-width:1100px;padding:14px 24px}.header-logo{-webkit-text-fill-color:#0000;animation:logo-shimmer 8s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:1.5rem;font-weight:800;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}@keyframes logo-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.header-nav{display:flex;flex:1 1;gap:16px}.header-link{color:#564f7a;color:var(--ink-soft);font-size:.92rem;font-weight:500;text-decoration:none;transition:color .15s}.header-link:hover{color:#7c3aed;color:var(--accent)}.header-link-admin{font-weight:600}.header-actions{align-items:center;display:flex;gap:16px}.header-cart{color:#564f7a;color:var(--ink-soft);font-size:.92rem;font-weight:500;position:relative;text-decoration:none}.cart-badge{background:#ec4899;background:var(--accent2);border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;height:18px;justify-content:center;left:-10px;position:absolute;top:-8px;width:18px}.cart-badge,.header-user-menu{align-items:center;display:flex}.header-user-menu{gap:12px}.header-logout{background:none;border:none;color:#8e87b3;color:var(--ink-hint);cursor:pointer;font:inherit;font-size:.85rem;padding:0}.header-logout:hover{color:#7c3aed;color:var(--accent)}.site-footer{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff80;border-top:1px solid #7c3aed1a;color:#8e87b3;color:var(--ink-hint);font-size:.85rem;margin-top:auto;padding:36px 24px;text-align:center;width:100%}.hero-banner{background:radial-gradient(ellipse 60% 50% at 50% 0,#c4b5fd73 0,#0000 70%),linear-gradient(160deg,#ede9fe,#fdf2f8 45%,#fef3c7);border-radius:0 0 32px 32px;isolation:isolate;margin-bottom:0;overflow:hidden;padding:72px 24px 64px;position:relative;text-align:center}.hero-banner:before{animation:drift-a 14s ease-in-out infinite;background:radial-gradient(circle,#ec48994d 0,#0000 65%);height:380px;right:-140px;top:-120px;width:380px}.hero-banner:after,.hero-banner:before{border-radius:50%;content:"";filter:blur(8px);pointer-events:none;position:absolute}.hero-banner:after{animation:drift-b 16s ease-in-out infinite;background:radial-gradient(circle,#7c3aed47 0,#0000 65%);bottom:-100px;height:340px;left:-120px;width:340px}@keyframes drift-a{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}@keyframes drift-b{0%,to{transform:translate(0)}50%{transform:translate(24px,-16px)}}.hero-headline{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 20px rgba(124,58,237,.15));font-size:clamp(2rem,5vw,2.9rem);font-weight:800;letter-spacing:-.01em;line-height:1.35;margin:0 0 18px;position:relative}.hero-subline{color:#564f7a;color:var(--ink-soft);font-size:1.12rem;line-height:1.75;margin:0 0 36px;margin-inline:auto;max-width:560px;position:relative}.hero-cta{animation:cta-pulse 2.6s ease-in-out infinite;display:inline-block;font-size:1.18rem;padding:18px 44px;position:relative;text-decoration:none}@keyframes cta-pulse{0%,to{box-shadow:0 10px 30px #7c3aed52,0 0 0 0 #ec489959}50%{box-shadow:0 14px 38px #7c3aed6b,0 0 0 14px #ec489900}}@media (prefers-reduced-motion:reduce){.hero-banner:after,.hero-banner:before,.hero-cta{animation:none}}.hero-features{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin:44px auto 0;max-width:720px;position:relative}.hero-feature{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #fffc;border-radius:22px;border-radius:var(--radius);box-shadow:0 8px 24px -10px #7c3aed2e;display:flex;flex-direction:column;gap:10px;padding:22px 14px;transition:transform .25s ease,box-shadow .25s ease}.hero-feature:hover{box-shadow:0 16px 36px -10px #7c3aed4d;transform:translateY(-3px)}.hero-feature-icon{background:linear-gradient(135deg,#7c3aed1f,#ec48991f);border-radius:12px;color:#7c3aed;color:var(--accent);flex-shrink:0;height:38px;padding:8px;width:38px}.hero-feature-label{color:#1e1b3a;color:var(--ink);font-size:.88rem;font-weight:600;margin:0;text-align:center}.hero-feature-desc{color:#8e87b3;color:var(--ink-hint);font-size:.78rem;line-height:1.5;margin:0;text-align:center}.hero-social-proof{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;margin:20px 0 8px}.social-stat{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff8c;border:1px solid #ffffffe6;border-radius:999px;border-radius:var(--radius-pill);color:#1e1b3a;color:var(--ink);display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:8px 16px;position:relative}.social-stat svg{color:#7c3aed;color:var(--accent);filter:drop-shadow(0 0 6px rgba(124,58,237,.4))}.reviews-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.review-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px;padding:22px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.review-card:hover{box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);transform:translateY(-3px)}.review-header{gap:10px}.review-avatar,.review-header{align-items:center;display:flex}.review-avatar{background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-radius:50%;box-shadow:0 6px 16px -4px #7c3aed73;color:#fff;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.review-name{display:block;font-size:.92rem;font-weight:600}.review-stars{display:flex;gap:1px;margin-top:2px}.review-text{color:#1e1b3a;color:var(--ink);font-size:.9rem;line-height:1.65;margin:0}.review-meta{color:#8e87b3;color:var(--ink-hint,#aaa);font-size:.78rem;margin-top:auto}@media (max-width:768px){.reviews-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.reviews-grid{grid-template-columns:1fr}.hero-social-proof{font-size:.85rem;gap:16px}}.trust-bar{border-top:1px solid #e9e3f7;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:14px;padding-top:12px}.trust-bar-item{align-items:center;color:#564f7a;color:var(--ink-soft);display:flex;font-size:.82rem;gap:5px}.trust-bar-item svg{color:#7c3aed;color:var(--accent);flex-shrink:0}.trust-mini{background:linear-gradient(135deg,#7c3aed0f,#ec48990a);border:1px solid #7c3aed26;border-radius:14px;border-radius:var(--radius-sm);margin-top:20px;padding:18px}.trust-mini-stars{align-items:center;color:#564f7a;color:var(--ink-soft);display:flex;font-size:.85rem;gap:3px;margin-bottom:8px}.trust-mini-stars span{margin-right:6px}.trust-mini-quote{color:#1e1b3a;color:var(--ink);font-size:.88rem;font-style:italic;line-height:1.6;margin:0}.trust-mini-author{color:#564f7a;color:var(--ink-soft);font-size:.82rem;font-style:normal;font-weight:600}.checkout-trust{border-top:1px solid #e9e3f7;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:16px;padding-top:14px}.checkout-trust-item{align-items:center;color:#564f7a;color:var(--ink-soft);display:flex;font-size:.82rem;gap:5px}.checkout-trust-item svg{color:#22c55e;flex-shrink:0}.home-section{margin-bottom:40px}.home-section:first-of-type{margin-top:32px}.section-title{align-items:center;color:#1e1b3a;color:var(--ink);display:flex;font-size:1.55rem;font-weight:800;gap:12px;letter-spacing:-.01em;margin:0 0 28px}.section-title:before{-webkit-text-fill-color:#0000;animation:sparkle-spin 6s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;content:"✦";display:inline-block;font-size:1.1em}@keyframes sparkle-spin{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.15)}}@media (prefers-reduced-motion:reduce){.section-title:before{animation:none}}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;color:#1e1b3a;color:var(--ink);font-size:1.7rem;font-weight:800;letter-spacing:-.01em;margin:0 0 14px}.page-desc{color:#564f7a;color:var(--ink-soft);margin:0 0 24px}.empty-state{color:#8e87b3;color:var(--ink-hint);padding:40px 20px}.sample-stories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.sample-story-card{align-items:flex-start;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);color:inherit;display:flex;gap:16px;padding:22px;position:relative;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}.sample-story-card:hover{border-color:#7c3aed59;box-shadow:0 0 32px #7c3aed47,0 8px 24px #ec48992e;box-shadow:var(--shadow-glow);transform:translateY(-4px)}.sample-story-icon{align-items:center;border-radius:16px;box-shadow:0 8px 22px -6px #0000002e,inset 0 -4px 12px #0000001a;display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;width:56px}.sample-story-card:hover .sample-story-icon{transform:rotate(-4deg) scale(1.05);transition:transform .4s ease}.sample-story-body{flex:1 1;min-width:0}.sample-story-title{color:#1e1b3a;color:var(--ink);font-size:.95rem;font-weight:700;margin:0 0 4px}.sample-story-desc{color:#564f7a;color:var(--ink-soft);font-size:.8rem;line-height:1.5;margin:0 0 8px}.sample-story-link{color:#7c3aed;color:var(--accent);font-size:.8rem;font-weight:600}@media (max-width:720px){.sample-stories-grid{grid-template-columns:1fr}}.template-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.template-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);color:inherit;isolation:isolate;overflow:hidden;position:relative;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.template-card:before{background:linear-gradient(135deg,#7c3aed80,#ec489973,#06b6d480);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1.5px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.template-card:hover{box-shadow:0 0 32px #7c3aed47,0 8px 24px #ec48992e;box-shadow:var(--shadow-glow);transform:translateY(-6px)}.template-card:hover:before{opacity:1}.template-card-image{aspect-ratio:4/3;background:linear-gradient(135deg,#ede9fe,#fce7f3);overflow:hidden;position:relative}.template-card-image img{display:block;height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.template-card:hover .template-card-image img{transform:scale(1.06)}.template-card-placeholder{background:radial-gradient(circle at 30% 30%,#fbbf2499 0,#0000 50%),linear-gradient(135deg,#c4b5fd,#f9a8d4 50%,#fde68a);height:100%;width:100%}.template-card-body{padding:16px}.template-card-title{color:#1e1b3a;color:var(--ink);font-size:1.05rem;font-weight:700;margin:0 0 6px}.template-card-tagline{color:#564f7a;color:var(--ink-soft);font-size:.85rem;line-height:1.5;margin:0 0 8px}.template-card-meta{align-items:center;display:flex;gap:8px;justify-content:space-between}.template-card-age{color:#8e87b3;color:var(--ink-hint);font-size:.78rem}.template-card-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-weight:800}.category-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.category-tile{aspect-ratio:16/9;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.category-tile:hover{box-shadow:0 0 32px #7c3aed47,0 8px 24px #ec48992e;box-shadow:var(--shadow-glow);transform:translateY(-4px) scale(1.02)}.category-tile:hover .category-tile-image{transform:scale(1.08)}.category-tile-image{display:block;object-fit:cover;transition:transform .6s ease}.category-tile-image,.category-tile-placeholder{height:100%;width:100%}.category-tile-overlay{align-items:center;background:linear-gradient(160deg,#1e1b4b33,#4c1d958c);display:flex;inset:0;justify-content:center;position:absolute;transition:background .3s ease}.category-tile:hover .category-tile-overlay{background:linear-gradient(160deg,#1e1b4b1a,#7c3aed80)}.category-tile-name{color:#fff;font-size:1.15rem;font-weight:700;margin:0;text-shadow:0 1px 4px #0006}.template-detail-grid{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 1fr}@media (max-width:720px){.template-detail-grid{grid-template-columns:1fr}}.template-detail-cover{aspect-ratio:3/4;border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);object-fit:cover;width:100%}.template-samples{display:flex;gap:8px;margin-top:12px;overflow-x:auto}.template-sample-img{border-radius:8px;height:60px;object-fit:cover;width:80px}.template-detail-title{color:#1e1b3a;color:var(--ink);font-size:1.6rem;margin:0 0 8px}.template-detail-tagline{color:#7c3aed;color:var(--accent);font-size:1rem;margin:0 0 12px}.template-detail-desc{color:#564f7a;color:var(--ink-soft);line-height:1.8;margin:0 0 16px}.template-detail-meta{color:#564f7a;color:var(--ink-soft);display:flex;font-size:.9rem;gap:8px;margin-bottom:20px}.meta-label{color:#1e1b3a;color:var(--ink);font-weight:600}.template-detail-price{color:#7c3aed;color:var(--accent);font-size:1.4rem;font-weight:700;margin:16px 0}.template-detail-cta{display:inline-block;text-align:center;text-decoration:none;width:100%}.variant-picker{display:flex;flex-wrap:wrap;gap:10px}.variant-option{align-items:center;background:#ffffffb3;border:2px solid #e9e3f7;border:2px solid var(--border);border-radius:14px;border-radius:var(--radius-sm);color:#564f7a;color:var(--ink-soft);cursor:pointer;display:flex;flex-direction:column;font:inherit;font-size:.9rem;gap:6px;min-width:110px;padding:14px 18px;transition:border-color .2s ease,background .25s ease,transform .15s ease,box-shadow .25s ease}.variant-option:hover{border-color:#c4b5fd;border-color:var(--accent-soft);transform:translateY(-2px)}.variant-selected{background:linear-gradient(135deg,#7c3aed14,#ec48990f);border-color:#7c3aed;border-color:var(--accent);box-shadow:0 8px 22px -8px #7c3aed4d,0 0 0 4px #7c3aed1a;color:#1e1b3a;color:var(--ink)}.variant-type{font-weight:700}.variant-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;font-size:.85rem;font-weight:800}.auth-page{display:flex;justify-content:center;padding:40px 0}.auth-form{max-width:400px;width:100%}.auth-error{color:#b3401f;font-size:.9rem;margin:0}.auth-switch{color:#564f7a;color:var(--ink-soft);font-size:.88rem;margin:8px 0 0;text-align:center}.auth-switch a{color:#7c3aed;color:var(--accent);font-weight:600}.create-page{margin:0 auto;max-width:640px}.field-required{color:#7c3aed;color:var(--accent)}.cart-items-list{display:flex;flex-direction:column;gap:12px}.cart-item-card{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:22px;transition:transform .25s ease,box-shadow .25s ease}.cart-item-card:hover{box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);transform:translateY(-2px)}.cart-item-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-radius:14px;border-radius:var(--radius-sm);box-shadow:0 10px 24px -8px #7c3aed73;color:#fff;display:flex;flex-shrink:0;font-size:2.4rem;height:68px;justify-content:center;width:68px}.cart-item-details{flex:1 1;min-width:0}.cart-item-title{color:#1e1b3a;color:var(--ink);font-size:1.1rem;font-weight:600;margin-bottom:4px}.cart-item-meta{color:var(--ink-light);display:flex;font-size:.88rem;gap:12px}.cart-item-variant{background:#c4b5fd;background:var(--accent-soft);border-radius:20px;color:#7c3aed;color:var(--accent);font-size:.82rem;font-weight:500;padding:2px 10px}.cart-item-child{color:#8e87b3;color:var(--ink-hint)}.cart-item-end{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.cart-item-price{color:#7c3aed;color:var(--accent);font-size:1.2rem;font-weight:700}.cart-remove{background:none;border:none;color:#b3401f;cursor:pointer;font:inherit;font-size:.82rem}.cart-summary{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-top:28px;padding:22px 26px}.cart-total{align-items:baseline;display:flex;font-size:1.15rem;gap:8px}.cart-total strong{color:#7c3aed;color:var(--accent);font-size:1.4rem}.preview-page{margin-left:auto;margin-right:auto;max-width:720px}.preview-header{margin-bottom:24px;text-align:center}.preview-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}.preview-template{color:#7c3aed;color:var(--accent);font-size:1rem;font-weight:600;margin-bottom:8px}.preview-subtitle{color:#8e87b3;color:var(--ink-hint);font-size:.9rem;margin:0 auto;max-width:500px}.preview-scenes{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.preview-scene-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);padding:26px;transition:transform .3s ease,box-shadow .3s ease}.preview-scene-card:hover{box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);transform:translateY(-3px)}.preview-scene-number{color:#7c3aed;color:var(--accent);font-size:.82rem;font-weight:600;letter-spacing:.02em;margin-bottom:8px;text-transform:uppercase}.preview-scene-text{color:#1e1b3a;color:var(--ink);font-size:1.05rem;line-height:1.9;margin-bottom:16px}.preview-scene-image-free,.preview-scene-placeholder-img{border-radius:14px;border-radius:var(--radius-sm);overflow:hidden;position:relative}.preview-scene-placeholder-img{background:radial-gradient(circle at 25% 30%,#fbbf2480 0,#0000 50%),radial-gradient(circle at 75% 70%,#06b6d466 0,#0000 50%),linear-gradient(135deg,#c4b5fd,#f9a8d4 50%,#fde68a);height:240px;width:100%}.preview-scene-placeholder-img:after{animation:starfield-twinkle 4s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 60% 50%,#fffc,#0000),radial-gradient(2px 2px at 80% 20%,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 40% 75%,#ffffffb3,#0000);content:"";inset:0;position:absolute}.preview-free-badge{background:#7c3aed;background:var(--accent);border-radius:20px;color:#fff;font-size:.78rem;font-weight:600;padding:4px 12px;position:absolute;right:12px;top:12px}.blurred-scene{border-radius:14px;border-radius:var(--radius-sm);overflow:hidden;position:relative}.blurred-scene-placeholder{background:linear-gradient(135deg,#ddd,#eee 50%,#e0e0e0);filter:blur(8px);height:220px;transform:scale(1.05);width:100%}.blurred-scene-overlay{align-items:center;background:#1e1b2e73;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;position:absolute}.blurred-scene-lock{font-size:2rem}.blurred-scene-text{color:#fff;font-size:.9rem;font-weight:600}.preview-cta-section{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);overflow:hidden;padding:32px;position:relative;text-align:center}.preview-cta-section:before{background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);content:"";filter:blur(20px);inset:-2px;opacity:.18;position:absolute;z-index:-1}.preview-price{color:var(--ink-light);font-size:1.1rem;margin-bottom:16px}.preview-cta{display:inline-block;font-size:1.15rem;padding:16px 48px}.checkout-page{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 360px}.checkout-form-section{display:flex;flex-direction:column;gap:20px}.checkout-summary{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);padding:26px;position:sticky;top:100px}.checkout-summary h3{color:#1e1b3a;color:var(--ink);font-size:1.1rem;margin-bottom:16px}.checkout-summary-item{border-bottom:1px solid #e9e3f7;border-bottom:1px solid var(--border);display:flex;font-size:.95rem;justify-content:space-between;padding:8px 0}.checkout-summary-total{color:#7c3aed;color:var(--accent);display:flex;font-size:1.15rem;font-weight:700;justify-content:space-between;padding-top:12px}@media (max-width:768px){.checkout-page{grid-template-columns:1fr}.checkout-summary{position:static}}.checkout-success{padding:60px 20px;text-align:center}.checkout-loading{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:40px 20px}.checkout-loading-card{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:20px;max-width:420px;padding:48px 32px;text-align:center;width:100%}.checkout-loading-spinner{align-items:center;display:flex;height:88px;justify-content:center;position:relative;width:88px}.checkout-loading-ring{animation:spin 1s linear infinite;border:5px solid #e9e3f7;border-radius:50%;border-top-color:#7c3aed;border:5px solid var(--border);border-top-color:var(--accent);height:64px;width:64px}.checkout-loading-pulse{animation:checkout-loading-pulse 1.6s ease-in-out infinite;background:#7c3aed;background:var(--accent);border-radius:50%;inset:0;opacity:.18;position:absolute}@keyframes checkout-loading-pulse{0%{opacity:.25;transform:scale(.6)}70%{opacity:0;transform:scale(1)}to{opacity:0;transform:scale(1)}}.checkout-loading-text{color:#1e1b3a;color:var(--ink);font-size:1.15rem;font-weight:600;margin:0}.checkout-loading-hint{color:#564f7a;color:var(--ink-soft);font-size:.92rem;line-height:1.6;margin:0}@media (prefers-reduced-motion:reduce){.checkout-loading-ring{animation-duration:2.4s}.checkout-loading-pulse{animation:none;opacity:.12}}.success-icon{align-items:center;animation:success-pop .6s cubic-bezier(.34,1.56,.64,1) both;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:50%;box-shadow:0 16px 40px -10px #10b9818c,0 0 0 8px #10b9811f;color:#fff;display:flex;font-size:4rem;height:96px;justify-content:center;margin:0 auto 20px;width:96px}@keyframes success-pop{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.checkout-success h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;font-size:1.9rem;font-weight:800;margin-bottom:10px}.checkout-success p{color:#564f7a;color:var(--ink-soft);margin-bottom:24px}.checkout-form{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px;padding:30px}.checkout-form h2{font-size:1.3rem;margin:0 0 14px}.checkout-form .field-label{color:#1e1b3a;color:var(--ink);display:block;font-size:.92rem;font-weight:600;margin-top:10px}.checkout-form .field-input{background:#ffffffd9;border:1.5px solid #e9e3f7;border:1.5px solid var(--border);border-radius:14px;border-radius:var(--radius-sm);box-sizing:border-box;color:#1e1b3a;color:var(--ink);display:block;font:inherit;font-size:.98rem;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .25s ease,background .2s ease;width:100%}.checkout-form .field-input:hover{border-color:#c4b5fd;border-color:var(--accent-soft)}.checkout-form .field-input:focus{background:#fff;border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 4px #7c3aed24,0 8px 24px -8px #7c3aed40}.checkout-form .submit-btn{margin-top:18px}.checkout-form .error-text{color:#dc2626;font-size:.9rem;margin:4px 0}.checkout-child-name{color:#564f7a;color:var(--ink-soft);font-size:.85rem}.checkout-summary-variant{color:#564f7a;color:var(--ink-soft);font-size:.9rem;padding:6px 0}.order-detail{margin:0 auto;max-width:640px}.order-detail h2{font-size:1.3rem;margin:0 0 24px}.order-detail-grid{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:0;padding:22px 26px}.order-detail-row{align-items:center;border-bottom:1px solid #e9e3f7;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 0}.order-detail-row:last-child{border-bottom:none}.order-detail-label{color:#1e1b3a;color:var(--ink);font-weight:600}.order-status-badge{background:#c4b5fd;background:var(--accent-soft);border-radius:20px;color:#7c3aed;color:var(--accent);display:inline-block;font-size:.88rem;font-weight:600;padding:4px 14px}.order-status-badge.status-pending_payment{background:#fef3c7;color:#b45309}.order-status-badge.status-paid{background:#dcfce7;color:#16a34a}.order-status-badge.status-in_production{background:#dbeafe;color:#1d4ed8}.order-status-badge.status-shipped{background:#e0e7ff;color:#4338ca}.order-status-badge.status-delivered{background:#d1fae5;color:#065f46}.order-status-badge.status-cancelled{background:#fee2e2;color:#dc2626}.order-items-section,.order-shipping-section{margin-top:24px}.order-items-section h3,.order-shipping-section h3{font-size:1.05rem;margin-bottom:12px}.order-item-card{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:14px 18px}.order-item-name{font-weight:600}.order-item-variant{color:#564f7a;color:var(--ink-soft);font-size:.9rem}.order-item-price{color:#7c3aed;color:var(--accent);font-weight:700}.app-main{margin:0 auto;max-width:1100px;padding:32px 24px 48px}.home-page .hero-banner{margin-left:-24px;margin-right:-24px}.section-title{font-size:1.2rem;font-weight:700;margin:32px 0 16px}.empty-state{color:#564f7a;color:var(--ink-soft);padding:32px 0;text-align:center}.orders-list{display:flex;flex-direction:column;gap:12px}.order-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:14px;border-radius:var(--radius-sm);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);color:inherit;display:block;padding:18px 22px;text-decoration:none;transition:box-shadow .25s ease,transform .25s ease}.order-card:hover{box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);transform:translateY(-2px)}.order-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.order-card-number{font-size:.95rem;font-weight:600}.order-card-meta{color:#564f7a;color:var(--ink-soft);display:flex;font-size:.9rem;justify-content:space-between}.order-card-total{color:#7c3aed;color:var(--accent);font-weight:700}.admin-page{margin:0 auto;max-width:960px}.admin-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:32px}.admin-stat-card{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;flex-direction:column;gap:6px;padding:20px}.admin-stat-value{color:#7c3aed;color:var(--accent);font-size:1.8rem;font-weight:800}.admin-stat-label{color:#564f7a;color:var(--ink-soft);font-size:.85rem}.admin-links{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:24px}.admin-link-card{align-items:center;background:#7c3aed;background:var(--accent);border-radius:12px;border-radius:var(--radius-md,12px);color:#fff;display:flex;font-weight:600;justify-content:center;padding:18px;text-decoration:none;transition:opacity .15s}.admin-link-card:hover{opacity:.85}.admin-filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.admin-filter-btn{background:#fff;background:var(--card-bg,#fff);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:20px;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:all .15s}.admin-filter-btn.active{background:#7c3aed;background:var(--accent);border-color:#7c3aed;border-color:var(--accent);color:#fff}.admin-table-wrap{margin-bottom:24px;overflow-x:auto}.admin-table{border-collapse:collapse;font-size:.9rem;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #e9e3f7;border-bottom:1px solid var(--border);padding:10px 14px;text-align:right}.admin-table th{background:#f8f8f8;background:var(--bg-subtle,#f8f8f8);font-weight:700;position:sticky;top:0}.admin-table tr:hover td{background:#fafafa;background:var(--bg-subtle,#fafafa)}.admin-mono{font-family:monospace;font-size:.85rem}.admin-role-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;padding:2px 10px}.role-admin{background:#fce4ec;color:#c62828}.role-customer,.role-user{background:#e3f2fd;color:#1565c0}.admin-toggle-btn{background:#fff;background:var(--card-bg,#fff);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:16px;cursor:pointer;font-size:.8rem;padding:4px 14px}.admin-toggle-btn.active{background:#c8e6c9;border-color:#a5d6a7;color:#2e7d32}.admin-status-select{background:#fff;background:var(--card-bg,#fff);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-sm,6px);font-size:.85rem;padding:4px 8px}.admin-pagination{display:flex;gap:6px;justify-content:center;margin-top:16px}.admin-page-btn{background:#fff;background:var(--card-bg,#fff);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.85rem;height:32px;width:32px}.admin-page-btn.active{background:#7c3aed;background:var(--accent);border-color:#7c3aed;border-color:var(--accent);color:#fff}.header-link-admin{color:#7c3aed;color:var(--accent);font-weight:700}.story-loader-overlay{align-items:center;animation:loaderFadeIn .4s ease-out;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#f8f9fcb3;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:9999}@keyframes loaderFadeIn{0%{opacity:0}to{opacity:1}}.story-loader-content{align-items:center;display:flex;flex-direction:column;gap:24px;padding:40px;text-align:center}.story-loader-svg{filter:drop-shadow(0 8px 30px rgba(99,102,241,.18));height:240px;max-width:60vw;width:240px}.story-loader-star{fill:#f59e0b;animation:starFloat 3s ease-in-out infinite}.story-loader-star.star-1{animation-delay:0s}.story-loader-star.star-2{fill:#a5b4fc;animation-delay:.5s}.story-loader-star.star-3{fill:#fcd34d;animation-delay:1s}.story-loader-star.star-4{animation-delay:1.5s}.story-loader-star.star-5{fill:#a5b4fc;animation-delay:.3s}.story-loader-star.star-6{fill:#fcd34d;animation-delay:.8s}.story-loader-star.star-7{animation-delay:1.2s}.story-loader-star.star-8{fill:#a5b4fc;animation-delay:1.7s}@keyframes starFloat{0%,to{opacity:.3;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-10px) scale(1.3)}}.particle{animation:particleRise 2.5s ease-out infinite}.particle.p1{animation-delay:0s}.particle.p2{animation-delay:.5s}.particle.p3{animation-delay:1s}.particle.p4{animation-delay:1.5s}.particle.p5{animation-delay:2s}@keyframes particleRise{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.3)}}.story-loader-msg{animation:msgSlideIn .5s ease-out;color:#1e1b3a;color:var(--ink);font-size:1.3rem;font-weight:700;margin:0;min-height:2em}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.story-loader-dots{display:flex;gap:8px}.story-loader-dot{animation:dotBounce 1.4s ease-in-out infinite;background:#7c3aed;background:var(--accent);border-radius:50%;height:10px;width:10px}.story-loader-dot:nth-child(2){animation-delay:.16s;background:#ec4899;background:var(--accent2)}.story-loader-dot:nth-child(3){animation-delay:.32s;background:#c4b5fd;background:var(--accent-soft)}@keyframes dotBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@media (max-width:520px){.app-main{padding:0 12px 32px}.header-inner{gap:12px;padding:12px}.home-page .hero-banner{margin-left:-12px;margin-right:-12px}.hero-banner{padding:48px 16px 40px}.hero-headline{font-size:1.5rem}.hero-subline{font-size:.95rem}.hero-features{gap:12px;grid-template-columns:1fr;max-width:280px}.hero-feature{flex-direction:row;gap:12px;padding:14px 16px}.hero-feature-icon{height:24px;width:24px}.template-grid{grid-template-columns:1fr}.admin-stats-grid{grid-template-columns:1fr 1fr}.admin-links{grid-template-columns:1fr}}.finalize-banner{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:14px;box-shadow:0 4px 14px #6366f140;color:#fff;display:flex;gap:16px;justify-content:space-between;margin:0 0 20px;padding:18px 22px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.finalize-banner:hover{box-shadow:0 6px 18px #6366f159;transform:translateY(-1px)}.finalize-banner-text{display:flex;flex-direction:column;gap:4px}.finalize-banner-text strong{font-size:1.05rem;font-weight:700}.finalize-banner-text span{font-size:.9rem;opacity:.92}.finalize-banner-cta{font-weight:700;white-space:nowrap}.finalize-approved-card{align-items:flex-start;background:#ecfdf5;border:1px solid #10b981;border-radius:12px;color:#064e3b;display:flex;gap:14px;margin:0 0 20px;padding:16px 18px}.finalize-approved-card strong{font-size:1.05rem}.finalize-approved-card p{font-size:.92rem;margin:4px 0 0}.finalize-approved-date{color:#047857;font-size:.85rem!important}.finalize-approved-icon{align-items:center;background:#10b981;border-radius:999px;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.finalize-page{margin:0 auto;max-width:920px;padding:24px 16px 48px}.finalize-header{margin-bottom:18px;text-align:center}.finalize-subtitle{color:#6b7280;margin:6px 0 0}.finalize-progress{align-items:center;background:#fdf8ec;border:1px solid #f5e8c2;border-radius:10px;color:#6b5318;display:flex;gap:12px;justify-content:center;margin:0 auto 16px;max-width:560px;padding:12px 16px}.finalize-progress .loader-spinner{height:22px;width:22px}.finalize-actions{display:flex;flex-direction:column;gap:14px;margin:28px auto 0;max-width:560px}.finalize-textarea{border:1px solid #d1d5db;border-radius:10px;font-family:inherit;font-size:.95rem;min-height:96px;padding:12px 14px;resize:vertical;width:100%}.finalize-approved-inline{background:#ecfdf5;border:1px solid #10b981;border-radius:10px;color:#064e3b;font-weight:700;padding:12px 16px;text-align:center}.finalize-back-link{color:#6b7280;font-size:.9rem;text-align:center;text-decoration:none}.finalize-back-link:hover{color:#6366f1}.approval-badge{border-radius:999px;display:inline-block;font-size:.82rem;font-weight:600;padding:3px 10px}.approval-badge-approved{background:#d1fae5;color:#065f46}.approval-badge-pending{color:#9ca3af}.admin-btn-danger,.admin-btn-primary,.admin-btn-secondary{background:#fff;border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 14px}.admin-btn-primary{background:#7c3aed;background:var(--accent,#6c4ee0);border-color:#7c3aed;border-color:var(--accent,#6c4ee0);color:#fff}.admin-btn-primary:disabled{cursor:default;opacity:.6}.admin-btn-secondary{color:#1e1b3a;color:var(--ink,#1e1b3a)}.admin-btn-secondary:hover{background:#f5f3ff}.admin-btn-danger{background:#fff5f5;border-color:#fecaca;color:#b91c1c;font-size:.8rem;padding:4px 10px}.admin-btn-danger:hover{background:#fee2e2}.admin-editor-row>td{background:#faf8ff!important;border-top:1px solid #e9e4ff;padding:18px 22px!important}.admin-editor{display:flex;flex-direction:column;gap:18px}.admin-editor-grid{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-editor-field{color:#564f7a;color:var(--ink-soft,#564f7a);display:flex;flex-direction:column;font-size:.85rem;gap:6px}.admin-editor-field input:not([type]),.admin-editor-field input[type=number],.admin-editor-field input[type=text],.admin-editor-field textarea{background:#fff;border:1px solid #e9e3f7;border:1px solid var(--border,#e5e7eb);border-radius:6px;font:inherit;padding:8px 10px}.admin-editor-field-wide{grid-column:1/-1}.admin-editor-check{align-items:center;color:#1e1b3a;color:var(--ink,#1e1b3a);flex-direction:row;font-weight:600;gap:8px}.admin-variants{background:#fff;border:1px solid #e9e4ff;border-radius:10px;padding:14px}.admin-variants-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.admin-variants-header h3{color:#1e1b3a;color:var(--ink,#1e1b3a);font-size:.95rem;margin:0}.admin-variant-table{border-collapse:collapse;font-size:.82rem;width:100%}.admin-variant-table td,.admin-variant-table th{border-bottom:1px solid #f1eef9;padding:6px;text-align:start}.admin-variant-table th{color:#564f7a;color:var(--ink-soft,#564f7a);font-size:.75rem;font-weight:600}.admin-variant-table input,.admin-variant-table select{background:#fff;border:1px solid #e9e3f7;border:1px solid var(--border,#e5e7eb);border-radius:5px;font:inherit;padding:5px 7px;width:100%}.admin-variant-table input[type=checkbox]{width:auto}.admin-price-input{max-width:110px}.admin-cell-center,.admin-empty{text-align:center}.admin-empty{color:#8e87b3;color:var(--ink-hint,#8e87b3);padding:14px}.admin-editor-error{background:#fee2e2;border-radius:6px;color:#b91c1c;font-size:.85rem;padding:8px 12px}.admin-editor-actions{display:flex;gap:10px;justify-content:flex-end}@media (max-width:720px){.admin-editor-grid{grid-template-columns:1fr}.admin-variant-table{font-size:.78rem}}
/*# sourceMappingURL=main.7141108f.css.map*/