:root {
  --ink:#19191b;--muted:#6f6f74;--faint:#9a9a9e;--paper:#fff;--canvas:#f5f5f2;--soft:#efefeb;
  --line:#deded8;--accent:#6757d9;--accent-soft:#eeecff;--green:#277a55;--danger:#a74040;
  --shadow:0 24px 70px rgba(27,27,30,.10);--radius:20px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas);font-family:Inter,"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit}.is-hidden{display:none!important}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:-70px;left:12px;z-index:999;padding:10px 14px;border-radius:8px;color:#fff;background:#111}.skip-link:focus{top:12px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:17px;font-weight:760;letter-spacing:-.45px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#fff;background:#19191b;font-family:Georgia,serif;font-size:15px;font-style:italic}.button{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:11px;text-decoration:none;font-size:12px;font-weight:720;cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-dark{color:#fff;background:#1c1c1e;box-shadow:0 9px 22px rgba(25,25,27,.16)}.button-dark:hover{background:#303033}.button-light{color:#1b1b1d;background:#fff}.button-soft{color:#4d40b9;background:var(--accent-soft)}.button-danger{color:var(--danger);background:#f8eaea}.button-large{min-height:52px;padding-inline:23px;font-size:13px}.button-block{width:100%}.button-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.kicker,.section-number{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:1.6px}.text-button,.magic-link{padding:0;border:0;color:var(--accent);background:none;font-size:10px;font-weight:750;cursor:pointer}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(103,87,217,.22);outline-offset:2px}

/* Landing */
.landing{background:#f7f7f5}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(222,222,216,.86);background:rgba(247,247,245,.9);backdrop-filter:blur(16px)}.header-inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-links{display:flex;align-items:center;gap:29px}.site-links a{color:#5f5f63;text-decoration:none;font-size:11px;font-weight:650}.site-links a:hover{color:#111}.header-cta{min-height:38px;padding-inline:15px}
.landing-hero{padding:108px 0 48px;text-align:center}.hero-copy{max-width:900px;margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#5f5f63;background:#fff;font-size:9px;font-weight:750;letter-spacing:.5px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero-copy h1{margin:24px 0 22px;font:720 clamp(48px,6.5vw,82px)/1.02 Inter,"Avenir Next",sans-serif;letter-spacing:-4.7px}.hero-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#5c50c6;letter-spacing:-3.6px}.hero-copy>p{max-width:650px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.68}.hero-actions{margin-top:30px;display:flex;align-items:center;justify-content:center;gap:20px}.hero-actions>a{display:inline-flex;gap:9px;align-items:center;color:#535357;text-decoration:none;font-size:11px;font-weight:700}.hero-facts{margin-top:38px;display:flex;justify-content:center;gap:36px;color:#77777b;font-size:10px}.hero-facts b{color:#202023;font-size:12px}
.product-preview{margin-top:78px;overflow:hidden;border:1px solid #d8d8d2;border-radius:20px;text-align:left;background:#fff;box-shadow:0 34px 90px rgba(29,29,32,.13)}.preview-toolbar{height:52px;padding:0 17px;display:flex;align-items:center;border-bottom:1px solid #e7e7e2;background:#fafaf8}.preview-brand{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:800}.preview-brand span{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;color:#fff;background:#1c1c1e;font-family:Georgia,serif}.preview-status{margin:auto;display:flex;align-items:center;gap:7px;color:#7b7b7f;font-size:8px}.preview-status i{width:6px;height:6px;border-radius:50%;background:#53a778}.preview-user{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#efefeb;font-size:7px;font-weight:800}.preview-body{min-height:530px;display:grid;grid-template-columns:145px minmax(280px,.8fr) minmax(360px,1.2fr)}.preview-sidebar{padding:28px 18px;display:flex;flex-direction:column;gap:19px;border-right:1px solid #e7e7e2;background:#fbfbf9;color:#818185;font-size:9px}.preview-sidebar b{padding:10px 11px;border-radius:8px;color:#222;background:#ecebe6}.preview-sidebar hr{width:100%;border:0;border-top:1px solid #e4e4df}.preview-sidebar small{margin-top:auto}.preview-composer{padding:53px 31px}.preview-label{color:var(--accent);font-size:7px;font-weight:850;letter-spacing:1.3px}.preview-composer h3{margin:11px 0 24px;font-size:22px;letter-spacing:-.9px}.preview-input{min-height:130px;padding:18px;display:flex;flex-direction:column;border:1px solid #dcdcd6;border-radius:13px;background:#f8f8f5}.preview-input p{margin:0;color:#55555a;font-size:10px;line-height:1.55}.preview-input button{margin-top:auto;height:34px;border:0;border-radius:8px;color:#fff;background:#1d1d1f;font-size:8px;font-weight:750}.preview-composer>small{display:block;margin:24px 0 10px;color:#8a8a8e;font-size:8px}.preview-styles{display:flex;gap:6px;flex-wrap:wrap}.preview-styles span,.preview-styles b{padding:8px 9px;border:1px solid #deded9;border-radius:8px;font-size:7px}.preview-styles b{color:#5145bf;border-color:#8f83e7;background:#f0eeff}.preview-canvas{padding:28px;display:flex;flex-direction:column;background:#efefeb}.preview-paper{flex:1;min-height:390px;padding:9px;overflow:hidden;border-radius:7px;background:#fff;box-shadow:0 13px 36px rgba(29,29,32,.13)}.preview-paper img{width:100%;height:100%;display:block;object-fit:cover}.preview-caption{padding-top:15px;display:flex;justify-content:space-between;font-size:8px}.preview-caption span{color:#747479}.preview-caption b{color:var(--green)}
.login-panel{margin-top:35px;padding:34px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.panel-index{color:var(--accent);font-size:8px;font-weight:850;letter-spacing:1px}.login-panel h2{margin:8px 0 5px;font-size:25px;letter-spacing:-1px}.login-panel>div>p{max-width:390px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}.login-form-area label,.creator-form label,.modal form label{display:block;margin-bottom:8px;font-size:10px;font-weight:750}.login-row{display:grid;grid-template-columns:1fr auto;gap:8px}.input-wrap{height:46px;display:flex;align-items:center;border:1px solid #d8d8d2;border-radius:10px;background:#fff}.input-wrap:focus-within{border-color:#8d82df;box-shadow:0 0 0 3px rgba(103,87,217,.08)}.input-wrap span{margin-left:13px;color:#999}.input-wrap input{width:100%;height:100%;padding:0 12px 0 8px;border:0;outline:0;background:none;color:var(--ink);font-size:11px}.login-row .button{min-width:115px}.otp-input{width:100%;height:46px;border:1px solid #d8d8d2;border-radius:10px;background:#fff;text-align:center;font-size:19px;font-weight:800;letter-spacing:9px}.back-link{padding:0;margin:0 0 10px;border:0;color:var(--accent);background:none;font-size:9px;font-weight:700;cursor:pointer}.form-help{margin:7px 0 0;color:var(--muted);font-size:9px}.login-legal{margin:7px 0 0!important;font-size:8px!important}.proof-strip{padding:32px 0 80px;display:flex;justify-content:space-between;gap:20px;color:#818186;font-size:9px}.proof-strip span::before{content:"✓";margin-right:7px;color:var(--green)}
.landing-section{padding:112px 0}.section-intro{max-width:780px}.section-intro h2{margin:13px 0 15px;font-size:clamp(39px,5vw,61px);line-height:1.05;letter-spacing:-3.2px}.section-intro>p{max-width:560px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.section-intro.compact h2{font-size:45px}.section-intro.centered{margin:auto;text-align:center}.section-intro.centered>p{margin-inline:auto}
.feature-list{margin-top:70px}.feature-row{padding:76px 0;display:grid;grid-template-columns:.76fr 1.24fr;gap:90px;align-items:center;border-top:1px solid var(--line)}.feature-row:last-child{border-bottom:1px solid var(--line)}.feature-row.reversed .feature-copy{order:2}.feature-row.reversed .feature-ui{order:1}.feature-copy>span{color:var(--accent);font-size:9px;font-weight:850}.feature-copy h3{margin:12px 0 13px;font-size:31px;letter-spacing:-1.5px}.feature-copy>p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.feature-copy ul{margin:24px 0 0;padding:0;display:grid;gap:10px;list-style:none;color:#535357;font-size:10px}.feature-copy li::before{content:"✓";margin-right:9px;color:var(--green)}.feature-ui{min-height:400px;border:1px solid #dcdcd6;border-radius:18px;background:#fff}.prompt-feature{padding:42px;display:flex;flex-direction:column}.ui-label{color:var(--accent);font-size:8px;font-weight:850;letter-spacing:1.2px}.prompt-feature>p{flex:1;margin:18px 0;padding:22px;border:1px solid #e1e1dc;border-radius:12px;color:#56565b;background:#fafaf8;font-size:15px;line-height:1.6}.prompt-feature>div:not(.ui-label){display:flex;gap:7px}.prompt-feature span{padding:8px 10px;border:1px solid #deded8;border-radius:999px;color:#67676b;font-size:8px}.prompt-feature>button,.world-feature>button{height:43px;margin-top:22px;border:0;border-radius:10px;color:#fff;background:#1c1c1e;font-size:10px;font-weight:750}.prompt-feature>button b{float:right}.photo-feature{position:relative;overflow:hidden}.photo-feature img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.split-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.16)}.photo-tag{position:absolute;bottom:16px;padding:7px 9px;border-radius:7px;font-size:7px;font-weight:850;letter-spacing:1px}.tag-left{left:16px;color:#fff;background:rgba(20,20,22,.76)}.tag-right{right:16px;background:#fff}.world-feature{padding:48px;text-align:center;background:#f0efe9}.world-avatar{width:72px;height:72px;margin:auto;display:grid;place-items:center;border-radius:50%;color:#fff;background:#6658d4;font:italic 28px Georgia,serif}.world-feature h4{margin:18px 0 5px;font-size:23px}.world-feature>p{margin:0;color:var(--muted);font-size:10px}.world-scenes{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.world-scenes span{padding:17px 8px;border:1px solid #d9d8d1;border-radius:10px;background:#fff;font-size:8px}
.examples-section{padding:100px 0;background:#1d1d1f;color:#fff}.examples-section .section-number{color:#a99cf3}.example-grid{margin-top:50px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.example-grid article{padding:12px 12px 20px;border:1px solid #38383b;border-radius:15px}.example-grid article>div{height:190px;display:grid;place-items:center;border-radius:10px;background:#f0efe9;font-size:58px}.example-grid article:nth-child(2)>div{background:#e8e3d8}.example-grid article:nth-child(3)>div{background:#e4e7ed}.example-grid article:nth-child(4)>div{background:#e9e2dc}.example-grid h3{margin:17px 5px 6px;font-size:13px}.example-grid p{margin:0 5px;color:#96969b;font-size:9px;line-height:1.5}
.steps-section{padding:115px 0}.step-grid{margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.step-grid article{padding:35px 30px;border-right:1px solid var(--line)}.step-grid article:first-child{padding-left:0}.step-grid article:last-child{border:0}.step-grid span{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;color:var(--accent);font-size:9px;font-weight:850}.step-grid h3{margin:55px 0 8px;font-size:18px}.step-grid p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
.pricing-section{padding:110px 0;text-align:center;background:#eeeee9}.landing-pricing{max-width:930px;margin:48px auto 35px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:left}.landing-pricing article{position:relative;min-height:250px;padding:27px;border:1px solid #d5d5cf;border-radius:15px;background:#f8f8f5}.landing-pricing article.recommended{color:#fff;border-color:#1e1e20;background:#1e1e20}.price-badge{position:absolute;right:14px;top:14px;padding:6px 8px;border-radius:999px;color:#232326;background:#cfc8ff;font-size:7px;font-weight:850}.pack-name{font-size:9px;font-weight:850;letter-spacing:1px}.landing-pricing h3{margin:35px 0 4px;font-size:37px;letter-spacing:-1.8px}.landing-pricing h3 small{color:#7b7b80;font-size:10px;letter-spacing:0}.recommended h3 small{color:#919196}.landing-pricing p{color:var(--muted);font-size:9px}.recommended p{color:#9b9ba0}.landing-pricing strong{position:absolute;left:27px;bottom:26px;font-size:16px}
.faq-section{padding:110px 0;display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:24px 0;display:flex;justify-content:space-between;list-style:none;font-size:13px;font-weight:700;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:18px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{margin:-5px 40px 24px 0;color:var(--muted);font-size:11px;line-height:1.65}.closing-cta{padding:105px 0;text-align:center;color:#fff;background:#5b4ec4}.closing-cta .section-number{color:#d6d1ff}.closing-cta h2{margin:14px 0 32px;font-size:clamp(43px,6vw,70px);line-height:1.03;letter-spacing:-3.5px}.site-footer{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer>p{color:var(--muted);font-size:9px}.site-footer nav{display:flex;align-items:center;gap:22px}.site-footer nav a,.site-footer nav button{padding:0;border:0;color:#66666b;background:none;text-decoration:none;font-size:9px;cursor:pointer}

/* Application */
.app-layout{min-height:100vh;display:grid;grid-template-columns:236px 1fr;background:#f5f5f2}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:236px;padding:22px 14px 16px;display:flex;flex-direction:column;border-right:1px solid #deded8;background:#fbfbf9}.sidebar-brand{padding:0 10px 25px}.new-page-button{height:42px;padding:0 12px;display:flex;align-items:center;gap:10px;border:1px solid #d9d9d4;border-radius:10px;background:#fff;font-size:10px;font-weight:750;cursor:pointer}.new-page-button span{font-size:16px}.side-nav{margin-top:20px;display:grid;gap:3px}.nav-item{height:42px;padding:0 12px;display:flex;align-items:center;gap:12px;border:0;border-radius:9px;color:#6e6e72;background:none;text-align:left;font-size:10px;font-weight:680;cursor:pointer}.nav-item span{width:19px;color:#8f8f94;font-size:14px}.nav-item:hover{color:#202023;background:#f0f0ec}.nav-item.is-active{color:#2b2662;background:#eae8fb}.nav-item.is-active span{color:#6255cb}.sidebar-section{margin-top:26px}.sidebar-section>p{padding:0 12px;color:#9b9b9f;font-size:7px;font-weight:850;letter-spacing:1.2px}.sidebar-section .nav-item{width:100%}.sidebar-bottom{margin-top:auto;display:grid;gap:8px}.credit-mini{padding:12px;display:flex;align-items:center;gap:9px;border:1px solid #deded8;border-radius:11px;background:#fff}.credit-gem{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;color:#fff;background:#6757d9}.credit-mini>div{min-width:0;flex:1}.credit-mini strong,.credit-mini small{display:block}.credit-mini strong{font-size:9px}.credit-mini small{margin-top:2px;color:#929297;font-size:7px}.credit-mini button{width:25px;height:25px;border:0;border-radius:7px;background:#f0f0ec;cursor:pointer}.profile-chip{padding:9px;display:flex;align-items:center;gap:9px;border:0;border-radius:10px;background:none;text-align:left;cursor:pointer}.profile-chip:hover{background:#f0f0ec}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#4d429f;background:#e8e4ff;font-size:10px;font-weight:800}.profile-chip>span:nth-child(2){min-width:0;flex:1}.profile-chip strong,.profile-chip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chip strong{font-size:9px}.profile-chip small{margin-top:2px;color:#929297;font-size:7px}.profile-chip b{color:#aaa;font-size:12px}
.app-main{grid-column:2;min-width:0}.studio-toolbar{position:sticky;top:0;z-index:16;height:64px;padding:0 31px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #deded8;background:rgba(245,245,242,.93);backdrop-filter:blur(15px)}.studio-search-wrap{position:relative;width:min(420px,50vw)}.studio-search-wrap>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8e8e93}.studio-search-wrap input{width:100%;height:38px;padding:0 42px 0 35px;border:1px solid #dcdcd6;border-radius:10px;background:#fff;outline:0;font-size:10px}.studio-search-wrap input:focus{border-color:#9c92e0;box-shadow:0 0 0 3px rgba(103,87,217,.08)}.studio-search-wrap kbd{position:absolute;right:10px;top:10px;padding:2px 6px;border:1px solid #deded8;border-radius:5px;color:#999;background:#f7f7f4;font:8px inherit}.studio-search-results{position:absolute;top:44px;left:0;right:0;z-index:30;padding:7px;border:1px solid #d9d9d3;border-radius:12px;background:#fff;box-shadow:var(--shadow)}.search-group-label{padding:8px 10px 5px;color:#999;font-size:7px;font-weight:850;letter-spacing:1px}.search-result{width:100%;padding:9px 10px;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;background:none;text-align:left;cursor:pointer}.search-result:hover{background:#f1f1ed}.search-result>span{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#eeecff}.search-result strong,.search-result small{display:block}.search-result strong{font-size:9px}.search-result small{margin-top:2px;color:#929297;font-size:7px}.search-empty{padding:20px;text-align:center;color:#888;font-size:9px}.toolbar-actions{display:flex;gap:7px}.toolbar-actions button{height:36px;padding:0 12px;border:1px solid #dcdcd6;border-radius:9px;background:#fff;font-size:9px;font-weight:700;cursor:pointer}.toolbar-credit span{color:var(--accent)}.mobile-header,.bottom-nav{display:none}.app-page{display:none;width:min(1120px,calc(100% - 64px));margin:auto;padding:42px 0 80px}.app-page.is-active{display:block}.workspace-heading{margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:25px}.workspace-heading h1{margin:6px 0 4px;font-size:31px;line-height:1.15;letter-spacing:-1.55px}.workspace-heading p:last-child{margin:0;color:var(--muted);font-size:10px}.home-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:14px}.home-composer,.studio-summary{padding:24px;border:1px solid #dcdcd6;border-radius:16px;background:#fff}.composer-heading{display:flex;align-items:center;gap:12px}.composer-heading>span{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;color:#fff;background:#6556d5}.composer-heading small{color:var(--accent);font-size:7px;font-weight:850;letter-spacing:1.1px}.composer-heading h2{margin:3px 0 0;font-size:18px}.home-composer textarea{width:100%;min-height:112px;margin:19px 0 10px;padding:15px;border:1px solid #deded8;border-radius:11px;resize:vertical;background:#fafaf8;outline:0;font-size:12px;line-height:1.55}.home-composer textarea:focus{border-color:#9186df}.prompt-starters{display:flex;gap:6px;flex-wrap:wrap}.prompt-starters button{padding:7px 9px;border:1px solid #deded8;border-radius:999px;color:#66666a;background:#fff;font-size:7px;cursor:pointer}.prompt-starters button:hover{border-color:#958ae0;color:#5146b2}.composer-actions{margin-top:18px;display:flex;align-items:center;justify-content:space-between}.composer-actions>button:first-child{border:0;color:#69696e;background:none;font-size:9px;font-weight:700;cursor:pointer}.studio-summary{display:flex;flex-direction:column}.summary-grid{margin:16px 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e3e3de;border-bottom:1px solid #e3e3de}.summary-grid article{padding:19px 5px;border-right:1px solid #e3e3de}.summary-grid article:last-child{border:0}.summary-grid strong,.summary-grid span{display:block}.summary-grid strong{font-size:21px}.summary-grid span{margin-top:4px;color:#8b8b90;font-size:7px}.summary-note{padding:11px;display:flex;gap:8px;border-radius:9px;background:#f2f1ec}.summary-note>span{display:grid;place-items:center;width:19px;height:19px;flex:0 0 auto;border-radius:50%;color:#fff;background:#777;font-size:8px}.summary-note p{margin:0;color:#66666b;font-size:8px;line-height:1.5}.studio-summary>button{margin-top:auto;padding:14px 0 0;border:0;background:none;text-align:left;color:var(--accent);font-size:9px;font-weight:750;cursor:pointer}
.section-title{margin:33px 0 14px}.section-title h2{margin:5px 0 0;font-size:19px;letter-spacing:-.6px}.section-title.split{display:flex;align-items:end;justify-content:space-between}.template-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:10px;overflow-x:auto;padding:1px 1px 8px;scrollbar-width:thin}.template-card{min-height:190px;padding:9px 9px 14px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #dcdcd6;border-radius:14px;background:#fff;text-align:left;cursor:pointer}.template-card:hover{border-color:#a9a3cf}.template-art{width:100%;height:112px;margin-bottom:13px;display:grid;place-items:center;border-radius:9px;background:#eae7dd;font-size:39px}.template-card:nth-child(2n) .template-art{background:#e4e7ed}.template-card:nth-child(3n) .template-art{background:#e8e3ef}.template-card strong{font-size:10px}.template-card small{margin-top:4px;color:#85858a;font-size:7px;line-height:1.4}
.cost-note{padding:9px 12px;display:flex;gap:7px;align-items:center;border:1px solid #dcd7fa;border-radius:9px;color:#5145ba;background:#eeecff;font-size:9px}.creator-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px;align-items:start}.creator-form,.creator-preview{padding:24px;border:1px solid #dcdcd6;border-radius:16px;background:#fff}.source-tabs{padding:4px;margin-bottom:25px;display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:10px;background:#efefeb}.source-tabs button{height:38px;border:0;border-radius:8px;color:#777;background:none;font-size:9px;font-weight:750;cursor:pointer}.source-tabs button.is-active{color:#222;background:#fff;box-shadow:0 3px 10px rgba(25,25,27,.07)}.field-group{margin-bottom:24px}.field-heading{margin-bottom:9px;display:flex;align-items:end;justify-content:space-between;gap:15px}.field-heading label{margin:0}.field-heading>span{color:#929297;font-size:8px}.field-group label{font-size:11px}.field-group label span{color:#999;font-size:8px;font-weight:500}textarea,input[type="text"],select,.modal input{width:100%;border:1px solid #dcdcd6;border-radius:10px;color:var(--ink);background:#fafaf8;outline:0}textarea:focus,input[type="text"]:focus,select:focus,.modal input:focus{border-color:#958ae0;box-shadow:0 0 0 3px rgba(103,87,217,.07)}textarea{min-height:135px;padding:14px;resize:vertical;line-height:1.55;font-size:11px}select,.modal input{height:43px;padding:0 12px;font-size:10px}.creator-starters{margin-top:9px}.field-meta{margin-top:8px;display:flex;justify-content:space-between;color:#999;font-size:8px}.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.style-option{min-height:84px;padding:9px 6px;border:1px solid #deded8;border-radius:10px;background:#fff;text-align:center;cursor:pointer}.style-option:hover{border-color:#aaa4d6}.style-option.is-active{border-color:#7568d9;background:#f0eeff;box-shadow:inset 0 0 0 1px #7568d9}.style-option span{display:block;font-size:19px}.style-option strong{display:block;margin-top:6px;font-size:8px}.style-option small{display:block;margin-top:2px;color:#888;font-size:6px}.style-option input{position:absolute;opacity:0}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.privacy-note{margin:10px 0 0;text-align:center;color:#929297;font-size:7px}.photo-field{margin-bottom:24px}.photo-field>input{position:absolute;width:1px;height:1px;opacity:0}.drop-zone{min-height:145px;display:grid!important;place-items:center;align-content:center;gap:7px;border:1px dashed #bdbdb7;border-radius:12px;background:#fafaf8;cursor:pointer}.drop-zone span{font-size:22px}.drop-zone strong{font-size:10px}.drop-zone small{color:#888;font-size:7px}.photo-preview{position:relative;height:210px;overflow:hidden;border-radius:12px}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-preview button{position:absolute;top:8px;right:8px;width:29px;height:29px;border:0;border-radius:50%;color:#fff;background:rgba(20,20,22,.75);cursor:pointer}.check-row{margin-top:10px!important;display:flex!important;gap:8px;color:#777;font-size:8px!important;line-height:1.45}.check-row input{accent-color:var(--accent)}.creator-preview{position:sticky;top:79px}.preview-header{display:flex;justify-content:space-between;align-items:center}.preview-header strong{font-size:10px}.preview-header>span{padding:5px 7px;border:1px solid #deded8;border-radius:6px;color:#888;font-size:7px}.blank-paper{aspect-ratio:3/4;margin-top:13px;display:grid;place-items:center;align-content:center;gap:8px;border:1px solid #deded8;border-radius:9px;background:#fafaf8;color:#888}.blank-paper>span{color:var(--accent);font-size:22px}.blank-paper strong{color:#333;font-size:10px}.blank-paper small{max-width:180px;text-align:center;font-size:7px;line-height:1.5}.creator-tip{margin-top:12px;padding:11px;display:flex;gap:8px;border-radius:9px;background:#f0efe9}.creator-tip>span{display:grid;place-items:center;width:20px;height:20px;flex:0 0 auto;border-radius:50%;background:#dddcd5;font-size:8px}.creator-tip strong{font-size:8px}.creator-tip p{margin:2px 0 0;color:#777;font-size:7px}
.page-search{position:relative}.page-search span{position:absolute;left:11px;top:10px;color:#888}.page-search input{width:220px;height:38px;padding:0 12px 0 32px;border:1px solid #dcdcd6;border-radius:9px;background:#fff;outline:0;font-size:9px}.filter-chips{display:flex;gap:6px;flex-wrap:wrap}.filter-chips button{height:33px;padding:0 12px;border:1px solid #dcdcd6;border-radius:999px;color:#6f6f74;background:#fff;font-size:8px;font-weight:700;cursor:pointer}.filter-chips button.is-active{color:#4f43b5;border-color:#8f84dd;background:#eeecff}.explore-grid{margin-top:17px;display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.explore-grid .template-card{min-height:225px}.explore-grid .template-art{height:145px}.library-toolbar{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.library-toolbar>span{color:#888;font-size:8px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.library-grid.compact{grid-template-columns:repeat(4,1fr)}.library-card{min-width:0;padding:7px;border:1px solid #dcdcd6;border-radius:13px;background:#fff}.library-card-image{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:8px;background:#efefeb}.library-card-image img{width:100%;height:100%;display:block;object-fit:cover}.favorite-button{position:absolute;top:7px;right:7px;width:28px;height:28px;border:0;border-radius:7px;color:#777;background:rgba(255,255,255,.92);cursor:pointer}.favorite-button.is-active{color:#c04f57}.library-info{padding:10px 3px 5px}.library-info strong,.library-info small{display:block}.library-info strong{font-size:9px}.library-info small{margin-top:3px;color:#888;font-size:7px}.library-actions{display:flex;gap:4px}.library-actions button,.library-actions a{flex:1;min-height:29px;display:grid;place-items:center;border:0;border-radius:7px;color:#6f6f74;background:#efefeb;text-decoration:none;font-size:7px;font-weight:700;cursor:pointer}.library-actions .delete-page{flex:0 0 29px;color:#a64b4b}.empty-state{padding:65px 20px;border:1px dashed #cfcfc9;border-radius:16px;text-align:center;background:#fff}.empty-state>span{display:grid;place-items:center;width:45px;height:45px;margin:auto;border-radius:50%;background:#eeecff;color:#5145b5;font-size:20px}.empty-state h2{margin:15px 0 6px;font-size:18px}.empty-state p{color:#777;font-size:9px}.empty-state .button{margin-top:8px}
.balance-card{padding:11px 16px;display:flex;align-items:center;gap:9px;border:1px solid #dcdcd6;border-radius:11px;background:#fff}.balance-card>span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;color:#fff;background:#6757d9}.balance-card strong,.balance-card small{display:block}.balance-card strong{font-size:16px}.balance-card small{color:#888;font-size:7px}.credit-explainer{margin-bottom:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.credit-explainer>div{padding:13px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:9px;border:1px solid #dcdcd6;border-radius:11px;background:#fff}.credit-explainer span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eeecff;color:#5145b5;font-weight:800}.credit-explainer strong{align-self:end;font-size:9px}.credit-explainer small{color:#888;font-size:7px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.product-card{position:relative;min-height:265px;padding:23px;border:1px solid #dcdcd6;border-radius:14px;background:#fff}.product-card.featured{color:#fff;border-color:#1d1d1f;background:#1d1d1f}.product-badge{position:absolute;top:13px;right:13px;padding:5px 7px;border-radius:999px;color:#222;background:#cbc5ff;font-size:6px;font-weight:850}.product-card .gem{display:grid;place-items:center;width:39px;height:39px;margin-bottom:15px;border-radius:10px;color:#5145b5;background:#eeecff}.product-card.featured .gem{color:#c9c1ff;background:#35343a}.product-card h2{margin:0;font-size:15px}.credits-big{margin:25px 0 4px;font-size:29px;font-weight:800}.credits-big span{color:#888;font-size:9px;font-weight:600}.product-card.featured .credits-big span,.product-card.featured .price{color:#999}.price{margin-bottom:17px;color:#777;font-size:8px}.product-card .button{width:100%}.product-card.featured .button-primary{color:#1d1d1f;background:#fff;box-shadow:none}.payment-note{text-align:center;color:#999;font-size:7px;line-height:1.5}.settings-card{max-width:650px;margin-bottom:10px;padding:17px;display:flex;align-items:center;gap:12px;border:1px solid #dcdcd6;border-radius:12px;background:#fff}.account-avatar{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;color:#4d42a4;background:#e8e4ff;font-weight:800}.settings-card strong,.settings-card small{display:block}.settings-card small{margin-top:3px;color:#888;font-size:8px}.session-info{align-items:flex-start}.session-info>span{display:grid;place-items:center;width:29px;height:29px;flex:0 0 auto;border-radius:50%;color:#277a55;background:#e5f3eb}.session-info p{margin:4px 0 0;color:#777;font-size:8px;line-height:1.5}.settings-actions{margin-top:18px;display:flex;gap:8px}.legal-links{margin-top:20px;display:flex;gap:15px;font-size:8px}
.modal{width:min(560px,calc(100% - 28px));max-height:calc(100vh - 30px);padding:0;overflow:visible;border:0;border-radius:17px;background:transparent}.modal::backdrop{background:rgba(24,24,26,.48);backdrop-filter:blur(3px)}.modal-sheet{position:relative;max-height:calc(100vh - 30px);padding:25px;overflow-y:auto;border-radius:17px;background:#fff;box-shadow:0 30px 80px rgba(20,20,22,.28)}.modal-sheet h2{margin:7px 0;font-size:22px}.modal-sheet>p:not(.kicker){margin:0 0 17px;color:#777;font-size:9px}.modal-close{position:absolute;top:12px;right:12px;width:31px;height:31px;border:0;border-radius:8px;background:#efefeb;cursor:pointer;font-size:17px}.modal form{padding:15px;display:grid;gap:11px;border-radius:11px;background:#f6f6f3}.modal form label{margin:0}.modal form input,.modal form textarea{margin-top:6px}.world-list{margin-top:15px;display:grid;gap:7px}.world-card{padding:11px;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;border:1px solid #deded8;border-radius:9px}.world-card>span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#eeecff}.world-card strong,.world-card small{display:block}.world-card strong{font-size:9px}.world-card small{margin-top:3px;color:#888;font-size:7px}.world-card button{border:0;color:#a24b4b;background:none;cursor:pointer}.result-modal{width:min(680px,calc(100% - 28px))}.result-modal .modal-sheet{text-align:center}.result-image-wrap{width:min(390px,100%);aspect-ratio:3/4;margin:16px auto;padding:7px;border:1px solid #deded8;border-radius:11px;background:#efefeb}.result-image-wrap img{width:100%;height:100%;object-fit:contain;border-radius:7px;background:#fff}.result-modal .button-row{justify-content:center}.loading-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;align-content:center;background:rgba(247,247,245,.96);text-align:center}.magic-loader{display:grid;place-items:center;width:67px;height:67px;border-radius:18px;color:#fff;background:#1d1d1f;font-size:27px;animation:float 1.2s ease-in-out infinite}.loading-overlay h2{margin:18px 0 5px;font-size:20px}.loading-overlay p{color:#777;font-size:9px}.toast-region{position:fixed;top:18px;right:18px;z-index:200;display:grid;gap:7px}.toast{max-width:340px;padding:12px 14px;border-radius:10px;color:#fff;background:#1d1d1f;box-shadow:var(--shadow);font-size:9px;font-weight:650}.toast.error{background:#923e45}.toast.success{background:#2b7452}@keyframes float{50%{transform:translateY(-7px)}}

/* Legal */
.legal-page{max-width:850px;padding:40px 0 75px}.legal-page>.brand{margin-bottom:30px}.legal-page article{padding:clamp(22px,5vw,50px);border:1px solid var(--line);border-radius:18px;background:#fff}.legal-page h1{margin:8px 0 4px;font-size:clamp(31px,6vw,45px);letter-spacing:-1.7px}.legal-page h2{margin:27px 0 6px;font-size:16px}.legal-page p{color:var(--muted);font-size:11px;line-height:1.75}.legal-page .legal-date{margin:0 0 22px;color:var(--faint);font-size:8px}

@media(max-width:1050px){.preview-body{grid-template-columns:115px 1fr 1.1fr}.preview-sidebar{padding-inline:12px}.feature-row{gap:50px}.home-grid{grid-template-columns:1fr}.studio-summary{min-height:230px}.quick-grid{grid-template-columns:repeat(2,1fr)}.library-grid.compact{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.shell{width:min(100% - 32px,680px)}.site-links{display:none}.landing-hero{padding-top:80px}.hero-copy h1{letter-spacing:-3px}.product-preview{margin-top:55px}.preview-body{grid-template-columns:1fr 1fr;min-height:450px}.preview-sidebar{display:none}.login-panel{grid-template-columns:1fr;gap:22px}.proof-strip{flex-wrap:wrap;justify-content:center}.feature-row,.feature-row.reversed{grid-template-columns:1fr;gap:30px}.feature-row.reversed .feature-copy,.feature-row.reversed .feature-ui{order:initial}.feature-ui{min-height:350px}.example-grid{grid-template-columns:repeat(2,1fr)}.faq-section{grid-template-columns:1fr;gap:35px}.app-layout{display:block}.sidebar,.studio-toolbar{display:none}.app-main{width:100%}.mobile-header{position:sticky;top:0;z-index:18;height:62px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #deded8;background:rgba(251,251,249,.95);backdrop-filter:blur(14px)}.mobile-header .brand{font-size:15px}.credit-pill{padding:7px 10px;border:1px solid #deded8;border-radius:999px;color:#5145b5;background:#fff;font-size:9px;font-weight:800}.app-page{width:min(100% - 28px,680px);padding:28px 0 92px}.bottom-nav{position:fixed;inset:auto 0 0;z-index:30;height:66px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;border-top:1px solid #deded8;background:rgba(251,251,249,.97);backdrop-filter:blur(14px)}.bottom-nav button{height:58px;border:0;color:#999;background:none;font-size:7px;font-weight:700}.bottom-nav button span{display:block;margin-bottom:4px;font-size:15px}.bottom-nav button.is-active{color:#5145b5}.bottom-nav .create-fab span{display:grid;place-items:center;width:42px;height:42px;margin:-18px auto 1px;border:4px solid #fbfbf9;border-radius:50%;color:#fff;background:#1d1d1f}.creator-layout{grid-template-columns:1fr}.creator-preview{display:none}.explore-grid{grid-template-columns:repeat(2,1fr)}.library-grid,.library-grid.compact{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr}.product-card{max-width:500px;width:100%;margin:auto}}
@media(max-width:560px){.shell{width:calc(100% - 28px)}.header-inner{height:62px}.header-cta{min-height:35px;font-size:10px}.landing-hero{padding:64px 0 30px}.eyebrow{font-size:7px}.hero-copy h1{margin-top:19px;font-size:45px;letter-spacing:-2.5px}.hero-copy>p{font-size:13px}.hero-actions{flex-direction:column}.hero-facts{gap:14px;flex-wrap:wrap}.product-preview{border-radius:13px}.preview-toolbar{height:42px}.preview-status{display:none}.preview-body{grid-template-columns:1fr;min-height:0}.preview-composer{padding:27px 20px}.preview-canvas{padding:17px}.preview-paper{min-height:310px}.login-panel{padding:28px 0}.login-row{grid-template-columns:1fr}.login-row .button{width:100%}.proof-strip{padding-bottom:55px}.landing-section{padding:75px 0}.section-intro h2,.section-intro.compact h2{font-size:37px;letter-spacing:-2px}.feature-list{margin-top:40px}.feature-row{padding:50px 0}.feature-copy h3{font-size:26px}.feature-ui{min-height:300px}.prompt-feature{padding:25px}.world-feature{padding:35px 20px}.world-scenes{grid-template-columns:1fr}.examples-section{padding:70px 0}.example-grid{gap:8px}.example-grid article>div{height:135px;font-size:42px}.steps-section{padding:75px 0}.step-grid{grid-template-columns:1fr}.step-grid article,.step-grid article:first-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.step-grid article:last-child{border:0}.step-grid h3{margin:25px 0 6px}.landing-pricing{grid-template-columns:1fr}.faq-section{padding:75px 0}.closing-cta{padding:75px 0}.closing-cta h2{font-size:43px;letter-spacing:-2.3px}.site-footer{padding:30px 0;flex-direction:column;text-align:center}.workspace-heading{align-items:flex-start}.workspace-heading h1{font-size:27px}.workspace-heading>.button{min-height:38px;padding-inline:12px;font-size:9px}.home-composer,.studio-summary{padding:17px}.composer-actions{align-items:stretch;flex-direction:column;gap:10px}.composer-actions>button:first-child{order:2}.style-grid{grid-template-columns:repeat(2,1fr)}.two-fields{grid-template-columns:1fr}.creator-form{padding:17px}.field-heading{align-items:flex-start;flex-direction:column;gap:3px}.page-search{display:none}.explore-grid{gap:8px}.explore-grid .template-card{min-height:190px}.explore-grid .template-art{height:110px}.library-grid,.library-grid.compact{gap:8px}.credit-explainer{grid-template-columns:1fr}.settings-actions{flex-direction:column}.toast-region{left:14px;right:14px}.toast{max-width:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.button-primary{color:#fff;background:#1c1c1e;box-shadow:0 9px 22px rgba(25,25,27,.16)}.button-primary:hover{background:#303033}

/* Playful Coloring Studio direction — tactile paper, stickers and doodles. */
:root{--play-purple:#6c4ce4;--play-purple-dark:#4e33bd;--play-lilac:#d9c8ff;--play-yellow:#ffd95a;--play-pink:#ff8ea4;--play-coral:#ff796e;--play-mint:#8ee0c2;--play-blue:#78c8f4;--play-cream:#fff9ee;--play-ink:#25213f;--play-line:#30294d;--play-shadow:6px 6px 0 #30294d}
body{color:var(--play-ink);background:var(--play-cream);font-family:"Trebuchet MS","Avenir Next",sans-serif}
.brand{gap:10px;color:var(--play-ink);font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:17px;letter-spacing:-.6px}.brand-mark{width:36px;height:36px;border:2px solid var(--play-line);border-radius:12px;color:#fff;background:var(--play-purple);box-shadow:3px 3px 0 var(--play-yellow);transform:rotate(-4deg)}
.button{border:2px solid var(--play-line);border-radius:14px;font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;letter-spacing:-.1px;transition:transform .18s ease,box-shadow .18s ease}.button-dark,.button-primary{color:#fff;background:var(--play-purple);box-shadow:4px 4px 0 var(--play-line)}.button-dark:hover,.button-primary:hover{background:var(--play-purple-dark);transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--play-line)}.button-large{min-height:54px;padding-inline:24px}.button-light{color:var(--play-ink);background:var(--play-yellow);box-shadow:4px 4px 0 var(--play-line)}
.landing{overflow:clip;background:var(--play-cream);background-image:radial-gradient(circle at 12% 7%,rgba(255,142,164,.16) 0 6px,transparent 7px),radial-gradient(circle at 88% 13%,rgba(108,76,228,.12) 0 7px,transparent 8px)}
.site-header{position:sticky;top:0;border:0;background:rgba(255,249,238,.94);backdrop-filter:blur(14px)}.site-header::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:repeating-linear-gradient(90deg,var(--play-purple) 0 18px,var(--play-yellow) 18px 36px,var(--play-pink) 36px 54px,var(--play-mint) 54px 72px)}.header-inner{height:78px}.site-links{padding:7px 10px;border:2px solid rgba(48,41,77,.12);border-radius:999px;background:#fff}.site-links a{padding:7px 11px;border-radius:999px;color:#55506e;font-size:12px;font-weight:800}.site-links a:hover{color:#fff;background:var(--play-purple)}.header-cta{min-height:42px;color:var(--play-ink);background:var(--play-yellow)}
.landing-hero{padding:58px 0 90px;text-align:left}.hero-stage{min-height:630px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:18px;position:relative}.hero-stage::before{content:"";position:absolute;left:-120px;top:18px;width:170px;height:170px;border:4px solid var(--play-yellow);border-radius:54% 46% 58% 42%;transform:rotate(18deg)}.hero-copy{max-width:560px;margin:0;position:relative;z-index:2}.eyebrow{padding:9px 14px;border:2px solid var(--play-line);border-radius:999px;color:var(--play-ink);background:var(--play-mint);box-shadow:3px 3px 0 var(--play-line);font-size:11px;font-weight:900;transform:rotate(-1deg)}.eyebrow span{background:var(--play-purple)}.hero-copy h1{margin:26px 0 20px;font:900 clamp(62px,7.3vw,104px)/.88 "Arial Rounded MT Bold","Trebuchet MS",sans-serif;letter-spacing:-6.8px}.hero-copy h1 em{display:inline-block;margin-top:12px;padding:0 10px 7px;color:var(--play-purple);font-family:"Comic Sans MS","Marker Felt",cursive;font-weight:800;letter-spacing:-5px;transform:rotate(-3deg);background:linear-gradient(transparent 72%,var(--play-yellow) 72%)}.hero-copy>p{max-width:500px;margin:0;color:#625b75;font-size:18px;line-height:1.65}.hero-actions{justify-content:flex-start;margin-top:30px}.hero-actions>a{color:var(--play-purple-dark);font-size:12px}.hero-facts{justify-content:flex-start;gap:12px;margin-top:32px}.hero-facts span{padding:8px 10px;border:2px solid var(--play-line);border-radius:999px;color:var(--play-ink);background:#fff;font-size:10px;white-space:nowrap}.hero-facts span:nth-child(1){background:var(--play-yellow);transform:rotate(-2deg)}.hero-facts span:nth-child(2){background:var(--play-lilac);transform:rotate(2deg)}.hero-facts span:nth-child(3){background:var(--play-mint);transform:rotate(-1deg)}.hero-facts b{color:var(--play-purple-dark)}
.hero-art{min-height:590px;display:grid;place-items:center;position:relative}.hero-art::before{content:"";position:absolute;width:88%;aspect-ratio:1;border-radius:46% 54% 43% 57%;background:var(--play-lilac);transform:rotate(-7deg)}.hero-art::after{content:"";position:absolute;right:3%;bottom:4%;width:70%;height:72%;border:3px solid var(--play-line);border-radius:48% 52% 45% 55%;transform:rotate(9deg);z-index:0}.hero-art img{position:relative;z-index:1;width:112%;max-width:none;filter:drop-shadow(0 18px 10px rgba(48,41,77,.14))}.hero-sticker{position:absolute;z-index:3;padding:12px 15px;border:2px solid var(--play-line);border-radius:999px;font:900 13px "Arial Rounded MT Bold","Trebuchet MS",sans-serif;box-shadow:4px 4px 0 var(--play-line)}.sticker-yellow{right:3%;top:15%;background:var(--play-yellow);transform:rotate(8deg)}.sticker-pink{left:5%;bottom:8%;background:var(--play-pink);transform:rotate(-8deg)}.doodle{position:absolute;z-index:3;font-weight:900}.doodle-one{left:7%;top:7%;color:var(--play-yellow);font-size:46px;transform:rotate(-15deg)}.doodle-two{right:2%;top:39%;color:var(--play-purple);font-size:72px;transform:rotate(85deg)}.doodle-three{right:8%;bottom:9%;color:var(--play-mint);font-size:31px}
.product-preview{position:relative;margin-top:24px;border:3px solid var(--play-line);border-radius:24px;background:#fff;box-shadow:14px 15px 0 var(--play-lilac),18px 19px 0 var(--play-line);transform:rotate(-1deg)}.product-preview::before{content:"THE COLORING DESK";position:absolute;left:28px;top:-18px;z-index:4;padding:8px 13px;border:2px solid var(--play-line);border-radius:8px;background:var(--play-yellow);font-size:10px;font-weight:900;letter-spacing:1px;transform:rotate(-3deg)}.preview-tape{position:absolute;z-index:5;width:100px;height:30px;background:rgba(255,217,90,.72);mix-blend-mode:multiply}.tape-left{left:9%;top:-16px;transform:rotate(-7deg)}.tape-right{right:8%;top:-13px;transform:rotate(8deg)}.preview-toolbar{height:62px;border-bottom:2px dashed #d8d1e8}.preview-brand span{border:2px solid var(--play-line);border-radius:8px;color:#fff;background:var(--play-purple)}.preview-status{color:#6a637c}.preview-status i{background:var(--play-mint)}.preview-user{width:35px;height:35px;border:2px solid var(--play-line);color:var(--play-ink);background:var(--play-yellow);font-size:8px}.preview-body{grid-template-columns:145px .85fr 1.15fr;min-height:520px}.preview-sidebar{border-right:2px dashed #d8d1e8;background:#fffaf1}.preview-sidebar b{border:2px solid var(--play-line);color:var(--play-ink);background:var(--play-yellow);box-shadow:3px 3px 0 var(--play-line)}.preview-label{color:var(--play-purple)}.preview-composer h3{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:29px;letter-spacing:-1.5px}.preview-input{border:2px solid var(--play-line);border-radius:16px;background:#fffdf7;box-shadow:4px 4px 0 var(--play-lilac)}.preview-input button{border:2px solid var(--play-line);border-radius:11px;color:#fff;background:var(--play-purple)}.preview-styles>*{border:2px solid #d7d0e7;border-radius:999px}.preview-styles b{border-color:var(--play-line);color:var(--play-ink);background:var(--play-yellow)}.preview-canvas{background:var(--play-lilac)}.preview-paper{padding:9px;border:3px solid var(--play-line);border-radius:12px;background:#fff;box-shadow:7px 7px 0 rgba(48,41,77,.26);transform:rotate(1.5deg)}.preview-caption b{color:var(--play-purple-dark)}
.login-panel{position:relative;margin-top:100px;padding:42px;grid-template-columns:.78fr 1.22fr;gap:70px;border:3px solid var(--play-line);border-radius:28px;background:var(--play-purple);box-shadow:var(--play-shadow);color:#fff}.login-panel::before,.login-panel::after{content:"";position:absolute;border:3px solid var(--play-line);border-radius:50%}.login-panel::before{width:56px;height:56px;right:37%;top:-30px;background:var(--play-yellow)}.login-panel::after{width:30px;height:30px;left:34%;bottom:-18px;background:var(--play-pink)}.login-panel h2{margin:7px 0 8px;font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:34px;letter-spacing:-1.5px}.login-panel p{color:#e8e1ff}.panel-index{color:var(--play-yellow)}.login-invite{position:relative}.login-doodle{position:absolute;right:20px;bottom:-22px;color:var(--play-yellow);font-size:54px;transform:rotate(-12deg)}.login-form-area{padding:24px;border:2px solid var(--play-line);border-radius:20px;background:#fff;color:var(--play-ink);box-shadow:7px 7px 0 var(--play-yellow);transform:rotate(1deg)}.login-form-area label{font-size:12px}.input-wrap,.otp-input{border:2px solid var(--play-line);border-radius:14px;background:var(--play-cream)}.login-row .button{background:var(--play-yellow);color:var(--play-ink)}.login-legal{color:#817a94!important}.proof-strip{padding:60px 0 100px;gap:14px}.proof-strip span{padding:11px 16px;border:2px solid var(--play-line);border-radius:999px;color:var(--play-ink);background:#fff;font-weight:900;text-align:center}.proof-strip span::before{display:none}.proof-strip span:nth-child(1){background:var(--play-pink);transform:rotate(-3deg)}.proof-strip span:nth-child(2){background:var(--play-yellow);transform:rotate(2deg)}.proof-strip span:nth-child(3){background:var(--play-mint);transform:rotate(-1deg)}.proof-strip span:nth-child(4){background:var(--play-blue);transform:rotate(3deg)}.proof-strip span:nth-child(5){background:var(--play-lilac);transform:rotate(-2deg)}
.landing-section{padding:100px 0}.section-number,.kicker{color:var(--play-purple);font-weight:1000}.section-intro h2,.section-intro.compact h2{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:57px;line-height:1.03;letter-spacing:-3px}.section-intro h2::after{content:"〰";display:inline-block;margin-left:16px;color:var(--play-yellow);font-size:.75em;transform:rotate(-8deg)}.section-intro>p{font-size:14px}.feature-list{margin-top:70px}.feature-row{gap:70px;padding:70px 0;border-top:3px dashed #dacfea}.feature-copy>span{width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--play-line);border-radius:50%;color:var(--play-ink);background:var(--play-yellow);box-shadow:3px 3px 0 var(--play-line)}.feature-copy h3{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:38px;letter-spacing:-1.7px}.feature-copy li::before{color:var(--play-purple);content:"✦"}.feature-ui{border:3px solid var(--play-line);border-radius:28px;box-shadow:var(--play-shadow)}.feature-row:nth-child(1) .feature-ui{background:var(--play-lilac);transform:rotate(2deg)}.feature-row:nth-child(2) .feature-ui{background:var(--play-yellow);transform:rotate(-2deg)}.feature-row:nth-child(3) .feature-ui{background:var(--play-mint);transform:rotate(1.5deg)}.prompt-feature{padding:40px}.prompt-feature p{border:2px solid var(--play-line);border-radius:16px;background:#fff}.prompt-feature span{border:2px solid var(--play-line);background:#fff}.prompt-feature button,.world-feature button{border:2px solid var(--play-line);border-radius:13px;color:#fff;background:var(--play-purple);box-shadow:4px 4px 0 var(--play-line)}.photo-feature img{border-radius:25px}.world-avatar{border:3px solid var(--play-line);color:#fff;background:var(--play-purple);box-shadow:4px 4px 0 var(--play-yellow)}.world-feature h4{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:28px}.world-scenes span{border:2px solid var(--play-line);border-radius:13px;background:#fff}
.examples-section{padding:95px 0;background:var(--play-purple);color:#fff;clip-path:polygon(0 3%,6% 0,12% 3%,18% 0,24% 3%,30% 0,36% 3%,42% 0,48% 3%,54% 0,60% 3%,66% 0,72% 3%,78% 0,84% 3%,90% 0,96% 3%,100% 1%,100% 97%,94% 100%,88% 97%,82% 100%,76% 97%,70% 100%,64% 97%,58% 100%,52% 97%,46% 100%,40% 97%,34% 100%,28% 97%,22% 100%,16% 97%,10% 100%,4% 97%,0 99%)}.examples-section .section-number{color:var(--play-yellow)}.examples-section .section-intro h2::after{color:var(--play-pink)}.example-grid{gap:18px}.example-grid article{padding:12px 12px 24px;border:3px solid var(--play-line);border-radius:22px;color:var(--play-ink);background:#fff;box-shadow:6px 6px 0 #241960}.example-grid article:nth-child(1){transform:rotate(-3deg)}.example-grid article:nth-child(2){transform:rotate(2deg)}.example-grid article:nth-child(3){transform:rotate(-1deg)}.example-grid article:nth-child(4){transform:rotate(3deg)}.example-grid article>div{height:190px;border:2px solid var(--play-line);border-radius:15px;background:var(--play-yellow);font-size:72px}.example-grid article:nth-child(2)>div{background:var(--play-mint)}.example-grid article:nth-child(3)>div{background:var(--play-pink)}.example-grid article:nth-child(4)>div{background:var(--play-blue)}.example-grid h3{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif}.steps-section{padding:110px 0}.step-grid{border:3px solid var(--play-line);border-radius:26px;background:#fff;box-shadow:var(--play-shadow);overflow:hidden}.step-grid article{border-right:3px dashed #d8d1e8}.step-grid article:nth-child(1){background:#fff4b5}.step-grid article:nth-child(2){background:#ecdfff}.step-grid article:nth-child(3){background:#d9f7eb}.step-grid article>span{border:2px solid var(--play-line);color:#fff;background:var(--play-purple);box-shadow:3px 3px 0 var(--play-line)}.step-grid h3{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif}
.pricing-section{padding:110px 0;background:#ffefef}.landing-pricing{gap:22px}.landing-pricing article{border:3px solid var(--play-line);border-radius:25px;background:#fff;box-shadow:var(--play-shadow)}.landing-pricing article:nth-child(1){transform:rotate(-2deg)}.landing-pricing article:nth-child(2){color:var(--play-ink);background:var(--play-yellow);transform:translateY(-10px) rotate(1deg)}.landing-pricing article:nth-child(3){background:var(--play-mint);transform:rotate(2deg)}.landing-pricing .recommended{border-color:var(--play-line);box-shadow:var(--play-shadow)}.price-badge{border:2px solid var(--play-line);color:#fff;background:var(--play-purple)}.landing-pricing h3{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif}.landing-pricing .recommended p{color:#665d4d}.pricing-section>.shell>.button{background:var(--play-purple)}.faq-section{padding:110px 0}.faq-list details{margin-bottom:12px;padding:0 20px;border:2px solid var(--play-line);border-radius:16px;background:#fff;box-shadow:3px 3px 0 var(--play-lilac)}.faq-list details:nth-child(2){box-shadow:3px 3px 0 var(--play-yellow)}.faq-list details:nth-child(3){box-shadow:3px 3px 0 var(--play-mint)}.faq-list details:nth-child(4){box-shadow:3px 3px 0 var(--play-pink)}.closing-cta{position:relative;padding:110px 0;color:#fff;background:var(--play-purple)}.closing-cta::before{content:"✦  ✎  ★  ♡  ✦  ☀  ✎  ★  ♡  ✦";position:absolute;left:0;right:0;top:24px;color:var(--play-yellow);font-size:30px;letter-spacing:25px;white-space:nowrap;overflow:hidden}.closing-cta h2{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:68px;letter-spacing:-4px}.site-footer{background:var(--play-cream)}
.app-layout{grid-template-columns:248px 1fr;background:var(--play-cream);background-image:radial-gradient(rgba(108,76,228,.08) 1.5px,transparent 1.5px);background-size:25px 25px}.sidebar{width:248px;padding:20px 16px;border-right:3px solid var(--play-line);background:var(--play-purple)}.sidebar .brand{color:#fff}.sidebar .brand-mark{background:var(--play-yellow);color:var(--play-ink);box-shadow:3px 3px 0 #30294d}.new-page-button{height:48px;border:2px solid var(--play-line);border-radius:14px;color:var(--play-ink);background:var(--play-yellow);box-shadow:4px 4px 0 var(--play-line);font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:11px}.new-page-button:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--play-line)}.side-nav{gap:6px}.nav-item{height:44px;border:2px solid transparent;border-radius:13px;color:#ded7ff;font-size:11px}.nav-item span{color:#c4b8ff}.nav-item:hover{color:#fff;background:rgba(255,255,255,.12)}.nav-item.is-active{border-color:var(--play-line);color:var(--play-ink);background:#fff;box-shadow:3px 3px 0 var(--play-yellow)}.nav-item.is-active span{color:var(--play-purple)}.sidebar-section>p{color:#c7bbff}.credit-mini{border:2px solid var(--play-line);border-radius:14px;background:var(--play-yellow);box-shadow:3px 3px 0 var(--play-line)}.credit-gem{color:#fff;background:var(--play-purple)}.credit-mini small{color:#6d654a}.profile-chip{color:#fff}.profile-chip:hover{background:rgba(255,255,255,.1)}.profile-chip .avatar{border:2px solid var(--play-line);color:var(--play-ink);background:var(--play-pink)}.profile-chip small{color:#dcd4ff}.app-main{grid-column:2}.studio-toolbar{height:70px;padding:0 34px;border-bottom:3px solid var(--play-line);background:rgba(255,249,238,.95)}.studio-search-wrap input{height:42px;border:2px solid var(--play-line);border-radius:14px;background:#fff;box-shadow:3px 3px 0 var(--play-lilac);font-size:11px}.studio-search-results{border:2px solid var(--play-line);box-shadow:var(--play-shadow)}.search-result>span{background:var(--play-yellow)}.toolbar-actions button{height:40px;border:2px solid var(--play-line);border-radius:12px;background:#fff;box-shadow:3px 3px 0 var(--play-lilac)}.toolbar-credit span{color:var(--play-purple)}
.app-page{width:min(1120px,calc(100% - 70px));padding-top:46px}.workspace-heading h1{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:38px;letter-spacing:-2px}.workspace-heading p:last-child{font-size:11px}.kicker{font-size:8px;letter-spacing:1.6px}.home-grid{gap:20px}.home-composer,.studio-summary,.creator-form,.creator-preview,.settings-card,.credit-explainer{border:3px solid var(--play-line);border-radius:22px;background:#fff;box-shadow:var(--play-shadow)}.studio-summary{background:var(--play-yellow)}.composer-heading>span{border:2px solid var(--play-line);border-radius:13px;background:var(--play-purple);box-shadow:3px 3px 0 var(--play-yellow)}.composer-heading h2{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif}.home-composer textarea{border:2px solid var(--play-line);border-radius:15px;background:var(--play-cream)}.prompt-starters button{border:2px solid var(--play-line);color:var(--play-ink);background:#fff}.prompt-starters button:nth-child(1){background:var(--play-mint)}.prompt-starters button:nth-child(2){background:var(--play-blue)}.prompt-starters button:nth-child(3){background:var(--play-pink)}.summary-grid{border-color:rgba(48,41,77,.25)}.summary-grid article{border-color:rgba(48,41,77,.25)}.summary-note{border:2px solid rgba(48,41,77,.25);background:rgba(255,255,255,.5)}.summary-note>span{background:var(--play-purple)}.studio-summary>button{color:var(--play-purple-dark)}.section-title h2{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif}.text-button{color:var(--play-purple)}.template-card,.library-card{border:3px solid var(--play-line);border-radius:18px;box-shadow:4px 4px 0 var(--play-line);transition:transform .18s ease,box-shadow .18s ease}.template-card:hover,.library-card:hover{transform:translate(-2px,-4px) rotate(-1deg);box-shadow:7px 8px 0 var(--play-line)}.template-row .template-card:nth-child(2n){transform:rotate(1deg)}.template-row .template-card:nth-child(3n){transform:rotate(-1deg)}.template-art{border-bottom:2px solid var(--play-line)}
.cost-note,.balance-card{border:2px solid var(--play-line);color:var(--play-ink);background:var(--play-yellow);box-shadow:3px 3px 0 var(--play-line)}.creator-preview{background:var(--play-lilac)}.source-tabs{padding:5px;border:2px solid var(--play-line);background:var(--play-yellow)}.source-tabs button{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif}.source-tabs button.is-active{border:2px solid var(--play-line);box-shadow:3px 3px 0 var(--play-line)}textarea,input[type="text"],select,.modal input{border:2px solid var(--play-line);background:var(--play-cream)}.style-option{border:2px solid var(--play-line);border-radius:15px;box-shadow:2px 2px 0 #d2c7ef}.style-option:nth-child(4n+1){background:#fff4b5}.style-option:nth-child(4n+2){background:#ffdce3}.style-option:nth-child(4n+3){background:#d9f7eb}.style-option:nth-child(4n+4){background:#e4ddff}.style-option.is-active{border-color:var(--play-line);background:var(--play-yellow);box-shadow:4px 4px 0 var(--play-purple)}.blank-paper{border:3px solid var(--play-line);background:#fff;box-shadow:5px 5px 0 rgba(48,41,77,.22);transform:rotate(1deg)}.blank-paper>span{color:var(--play-purple)}.creator-tip{border:2px dashed var(--play-line);background:rgba(255,255,255,.55)}.creator-tip>span{color:#fff;background:var(--play-purple)}.drop-zone{border:3px dashed var(--play-purple);border-radius:18px;background:#f7f2ff}.page-search input{border:2px solid var(--play-line);box-shadow:3px 3px 0 var(--play-lilac)}.filter-chips button{border:2px solid var(--play-line);background:#fff}.filter-chips button.is-active{color:var(--play-ink);background:var(--play-yellow);box-shadow:3px 3px 0 var(--play-line)}.credit-explainer{background:var(--play-mint)}.product-card{border:3px solid var(--play-line);border-radius:22px;box-shadow:var(--play-shadow)}.product-card.featured{color:var(--play-ink);background:var(--play-yellow)}.product-card.featured p,.product-card.featured small{color:#675f46}.account-avatar{border:2px solid var(--play-line);color:#fff;background:var(--play-purple);box-shadow:3px 3px 0 var(--play-yellow)}.session-info>span{color:var(--play-ink);background:var(--play-mint)}
.modal-sheet{border:3px solid var(--play-line);border-radius:24px;box-shadow:10px 10px 0 rgba(48,41,77,.5)}.modal-sheet h2{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif}.modal-close{border:2px solid var(--play-line);background:var(--play-yellow)}.modal form{border:2px dashed var(--play-purple);background:#f6f0ff}.world-card{border:2px solid var(--play-line);border-radius:14px}.world-card>span{background:var(--play-lilac)}.result-image-wrap{border:3px solid var(--play-line);background:var(--play-yellow);box-shadow:5px 5px 0 var(--play-line)}.loading-overlay{background:rgba(255,249,238,.97)}.magic-loader{border:3px solid var(--play-line);color:var(--play-ink);background:var(--play-yellow);box-shadow:var(--play-shadow)}
@media(max-width:1000px){.hero-stage{min-height:560px;grid-template-columns:.9fr 1.1fr}.hero-copy h1{font-size:70px;letter-spacing:-5px}.hero-art{min-height:520px}.hero-art img{width:118%}.hero-facts{flex-wrap:wrap}.feature-row{gap:45px}.sidebar{width:230px}.app-layout{grid-template-columns:230px 1fr}}
@media(max-width:820px){.hero-stage{grid-template-columns:1fr;text-align:center}.hero-copy{max-width:680px;margin:auto}.hero-actions,.hero-facts{justify-content:center}.hero-art{min-height:500px;max-width:650px;margin:auto}.product-preview{transform:none}.preview-body{grid-template-columns:1fr 1fr}.login-panel{grid-template-columns:1fr;gap:25px}.proof-strip{flex-wrap:wrap}.mobile-header{height:66px;border-bottom:3px solid var(--play-line);background:var(--play-purple)}.mobile-header .brand{color:#fff}.mobile-header .brand-mark{background:var(--play-yellow);color:var(--play-ink)}.credit-pill{border:2px solid var(--play-line);color:var(--play-ink);background:var(--play-yellow);box-shadow:3px 3px 0 var(--play-line)}.bottom-nav{height:72px;border-top:3px solid var(--play-line);background:#fff}.bottom-nav button{color:#817a94}.bottom-nav button.is-active{color:var(--play-purple)}.bottom-nav .create-fab span{border-color:#fff;background:var(--play-purple);box-shadow:3px 3px 0 var(--play-yellow)}}
@media(max-width:560px){.header-inner{height:68px}.header-cta{font-size:9px}.landing-hero{padding-top:38px}.hero-stage{min-height:0}.eyebrow{font-size:8px}.hero-copy h1{margin-top:24px;font-size:58px;line-height:.92;letter-spacing:-4px}.hero-copy h1 em{letter-spacing:-3px}.hero-copy>p{font-size:15px}.hero-actions{gap:12px}.hero-facts{gap:7px}.hero-facts span{padding:6px 8px;font-size:8px}.hero-art{min-height:390px;margin-top:10px}.hero-art img{width:125%}.hero-art::after{display:none}.hero-sticker{padding:8px 10px;font-size:9px}.sticker-yellow{right:0}.sticker-pink{left:0}.doodle-one{font-size:30px}.product-preview{margin-top:45px;border-radius:18px;box-shadow:8px 9px 0 var(--play-lilac),11px 12px 0 var(--play-line)}.preview-body{grid-template-columns:1fr}.preview-composer h3{font-size:24px}.login-panel{margin-top:80px;padding:25px;border-radius:22px}.login-panel h2{font-size:29px}.login-form-area{padding:17px;transform:none}.proof-strip{padding-bottom:70px}.proof-strip span{padding:8px 11px;font-size:8px}.landing-section{padding:75px 0}.section-intro h2,.section-intro.compact h2{font-size:41px;letter-spacing:-2.4px}.feature-list{margin-top:45px}.feature-row{padding:50px 0}.feature-copy h3{font-size:31px}.feature-ui{border-radius:22px}.example-grid{grid-template-columns:repeat(2,1fr);gap:13px}.example-grid article{padding:8px 8px 18px;border-radius:17px}.example-grid article>div{height:125px;font-size:48px}.pricing-section{padding:80px 0}.landing-pricing article{transform:none!important}.closing-cta h2{font-size:46px;letter-spacing:-2.7px}.app-page{width:calc(100% - 28px)}.workspace-heading h1{font-size:31px}.home-composer,.studio-summary,.creator-form,.creator-preview{border-radius:18px;box-shadow:4px 4px 0 var(--play-line)}.template-card,.library-card{box-shadow:3px 3px 0 var(--play-line)}}
.hero-art{min-height:510px;overflow:hidden;border:3px solid var(--play-line);border-radius:52px 34px 58px 40px;background:var(--play-lilac);box-shadow:12px 12px 0 var(--play-yellow);transform:rotate(2deg)}.hero-art::before,.hero-art::after{display:none}.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none}.hero-art .doodle{display:none}.sticker-yellow{right:2%;top:8%}.sticker-pink{left:3%;bottom:5%}
@media(max-width:820px){.hero-art{width:min(650px,100%);min-height:470px}}
@media(max-width:560px){.hero-art{min-height:330px;border-radius:34px 24px 39px 28px;box-shadow:8px 8px 0 var(--play-yellow)}.hero-art img{width:100%;height:100%}}
.payment-assurance{max-width:680px;margin:22px auto 34px;padding:17px;display:flex;align-items:flex-start;gap:12px;border:3px solid var(--play-line);border-radius:15px;background:#fff;box-shadow:4px 4px 0 var(--play-lilac)}.payment-assurance>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;color:#277a55;background:#e5f3eb;font-weight:800}.payment-assurance strong{font-size:10px}.payment-assurance p{margin:5px 0 0;color:#777;font-size:8px;line-height:1.55}.order-history{margin-top:32px}.order-history .section-title>span{color:#888;font-size:8px}.order-list{display:grid;gap:9px}.payment-order{padding:14px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;border:3px solid var(--play-line);border-radius:14px;background:#fff;box-shadow:4px 4px 0 var(--play-lilac)}.order-gem{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#fff;background:var(--play-purple)}.payment-order strong,.payment-order small{display:block}.payment-order strong{font-size:10px}.payment-order small{margin-top:4px;color:#777;font-size:8px}.order-status{padding:5px 8px;border-radius:999px;color:#715f1b;background:#fff0b7;font-size:7px;text-transform:capitalize}.order-status.completed{color:#1d714c;background:#dff4e8}.order-status.failed,.order-status.expired{color:#9a3939;background:#f8e2e2}.empty-state.compact{padding:30px 18px}
.library-toolbar-actions{display:flex;align-items:center;gap:10px}.library-toolbar-actions>span{color:#888;font-size:8px}.book-builder{margin-bottom:18px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:3px solid var(--play-line);border-radius:16px;background:var(--play-yellow);box-shadow:5px 5px 0 var(--play-line)}.book-builder strong,.book-builder small{display:block}.book-builder strong{font-size:11px}.book-builder small{margin-top:4px;color:#6e654b;font-size:8px}.book-builder>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.page-preview{width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.page-preview img{pointer-events:none}.book-check{position:absolute;left:8px;top:8px;z-index:2;width:31px;height:31px;border:2px solid var(--play-line);border-radius:9px;color:var(--play-ink);background:#fff;box-shadow:2px 2px 0 var(--play-line);font-weight:900;cursor:pointer}.book-check.is-selected{color:#fff;background:var(--play-purple)}.library-card.is-selected{outline:4px solid var(--play-purple);outline-offset:1px}.library-actions{flex-wrap:wrap}.library-actions button,.library-actions a{min-width:44px}.result-image-wrap img{cursor:zoom-in}
.account-section{max-width:650px;margin-top:26px}.account-list{display:grid;gap:9px}.account-row{padding:13px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;border:3px solid var(--play-line);border-radius:14px;background:#fff;box-shadow:3px 3px 0 var(--play-lilac)}.account-row>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:var(--play-purple);font-weight:900}.account-row strong,.account-row small{display:block}.account-row strong{font-size:9px}.account-row small{margin-top:4px;color:#777;font-size:7px}.account-row>b{color:#6d6293;font-size:7px}.account-row>b.positive{color:var(--green)}.account-row>b.negative{color:var(--danger)}.account-row>button{padding:7px 9px;border:2px solid var(--play-line);border-radius:9px;color:var(--danger);background:#fff;font-size:7px;font-weight:800;cursor:pointer}
@media(max-width:560px){.payment-order{grid-template-columns:34px 1fr}.payment-order .order-status{grid-column:2;justify-self:start}.payment-assurance{margin-bottom:26px}}
@media(max-width:700px){.library-toolbar{align-items:flex-start;gap:12px}.library-toolbar-actions{align-items:flex-end;flex-direction:column}.book-builder{align-items:flex-start;flex-direction:column}.book-builder>div:last-child{width:100%}.book-builder>div:last-child .button{flex:1}.library-actions button,.library-actions a{font-size:6px}}
.admin-entry{margin-bottom:15px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;color:var(--play-ink);text-decoration:none;background:var(--play-yellow)}.admin-entry>span{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--play-line);border-radius:12px;color:#fff;background:var(--play-purple)}.admin-entry strong{font-size:11px}.admin-entry p{margin:4px 0 0;color:#696171;font-size:8px;line-height:1.5}.admin-entry>b{font-size:18px}.admin-entry:hover{transform:translate(-2px,-2px)}