:root{--ink:#111;--muted:#5b5b5b;--line:#dedede;--paper:#fff;--soft:#f4f4f4;--blue:#1473e6;--cyan:#00b8e6;--lime:#c7f542;--coral:#ff725e;--dark:#171717;--asset-bg:#c8c8c8;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit}img{display:block;max-width:100%}.nav{position:sticky;top:0;z-index:20;justify-content:space-between;min-height:64px;padding:0 32px;border-bottom:1px solid rgba(0,0,0,.1);background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.actions,.brand,.nav,.nav-links{display:flex;align-items:center}.brand{gap:10px}.brand,.mark{font-weight:900}.mark{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#111,#1473e6 60%,#00b8e6);font-size:.9rem}.actions,.nav-links{gap:24px}.button,.chip-button,.nav-links{font-size:.9rem;font-weight:900}.button,.chip-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 17px;border:2px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);line-height:1;white-space:nowrap;cursor:pointer}.button.primary,.chip-button.active{color:#fff;background:var(--blue);border-color:var(--blue)}.button.dark{color:#fff;background:var(--ink);border-color:var(--ink)}.hero{position:relative;min-height:520px;height:calc(100svh - 128px);max-height:680px;overflow:hidden;display:grid;align-items:center;padding:52px 32px;background:linear-gradient(90deg,#fff,#fffffff0 37%,#ffffff6b 70%,#ffffff0f),#f7f7f7}.hero-stage{position:absolute;inset:0;pointer-events:none}.hero-npc{position:absolute;bottom:0;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 28px 35px rgba(0,0,0,.16))}.hero-npc.one{right:6%;height:88%}.hero-npc.two{right:27%;bottom:6%;height:68%}.hero-npc.three{right:44%;bottom:2%;height:54%;opacity:.9}.hero-npc.four{right:-2%;bottom:10%;height:54%;opacity:.78}.hero-copy{position:relative;z-index:1;width:min(540px,100%)}.kicker{margin:0 0 16px;font-size:1rem;font-weight:900}h1{margin:0;max-width:9ch;font-size:5.7rem;line-height:.9;letter-spacing:0}.hero-line{margin:22px 0 0;color:#303030;font-size:1.42rem;font-weight:900;line-height:1.28}.hero-actions,.label-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.hero-actions{margin-top:28px}.price-pill{display:inline-flex;align-items:baseline;min-height:38px;padding:0 14px;border-radius:999px;background:var(--ink);color:#fff;font-weight:900}.price-pill span{margin-left:5px;color:#ffffffb8;font-size:.82rem}.band{padding:58px 32px}.band.soft{background:var(--soft)}.wrap{width:min(1220px,100%);margin:0 auto}.section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.section-title h2{margin:0;font-size:3rem;line-height:1}.segmented{display:inline-flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#fff}.chip-button{min-height:34px;border-width:0;padding:0 14px;font-size:.86rem}.catalog-browser{width:100%}.catalog-tools{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 18px}.search-field{width:min(420px,100%);display:grid;gap:7px}.catalog-count,.search-field span{color:var(--muted);font-size:.85rem;font-weight:900}.search-field input{width:100%;border:2px solid var(--line);font:inherit;font-weight:900}.catalog-count,.search-field input{min-height:44px;padding:0 14px;border-radius:var(--radius)}.catalog-count{display:inline-flex;align-items:center;background:var(--soft)}.library-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:18px;align-items:start}.preview{position:sticky;top:82px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.preview-stage{min-height:430px;display:grid;place-items:center;background:var(--asset-bg)}.preview-stage img{width:100%;max-height:420px;-o-object-fit:contain;object-fit:contain}.angle-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.angle-button{min-height:54px;border:0;background:#fff;color:var(--ink);font-size:.78rem;font-weight:900;cursor:pointer}.angle-button.active{background:var(--ink);color:#fff}.preview-info{padding:22px}.label-row{margin-bottom:14px}.label{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:#eef5ff;color:#0e55b7;font-size:.78rem;font-weight:900}.label.model{background:#effbd7;color:#4b6c00}.label.locked{background:#fff0ed;color:#a33120}.preview-info h3{margin:0;font-size:2.15rem;line-height:1}.preview-info p{margin:10px 0 18px;color:var(--muted);font-weight:900;line-height:1.35}.preview-info .button{width:100%}.button-row{display:flex;flex-wrap:wrap;gap:10px}.preview-info .button-row .button{width:auto;flex:1 1 150px}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.character-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;text-align:left;cursor:pointer}.character-card.active,.character-card:hover{border-color:var(--blue)}.character-card.active{box-shadow:inset 0 0 0 2px var(--blue)}.card-art{height:220px;display:grid;place-items:center;background:var(--asset-bg)}.card-art img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.card-copy{padding:13px 14px 15px}.card-copy b,.card-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-copy b{font-size:1rem}.card-copy span{margin-top:5px;color:var(--muted);font-size:.78rem;font-weight:900}.empty-state{min-height:220px;display:grid;place-items:center;grid-column:1/-1;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);font-weight:900}.flow{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px}.flow-card{min-height:360px;border-radius:var(--radius);padding:30px;background:#fff}.flow-card.dark{display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(140deg,#1473e6,#102d86 48%,#171717)}.flow-card h2{max-width:9ch;margin:0;font-size:4.3rem;line-height:.9}.flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.step{min-height:132px;padding:18px;border-radius:var(--radius);background:var(--soft)}.step:first-child{border-top:5px solid var(--cyan)}.step:nth-child(2){border-top:5px solid var(--lime)}.step:nth-child(3){border-top:5px solid var(--coral)}.step b,.step span{display:block}.step b{font-size:1.1rem}.step span{margin-top:8px;color:var(--muted);font-weight:900;line-height:1.35}.price{font-size:5.2rem;line-height:.86;font-weight:900}.price span{display:block;margin-top:12px;font-size:1rem;font-weight:900;opacity:.72}.flow-card.dark .button{width:100%;background:#fff;border-color:#fff;color:var(--ink)}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#1111117a}.modal-backdrop.hidden,.notice.hidden,.panel.hidden{display:none}.modal{width:min(500px,100%);max-height:calc(100svh - 40px);overflow:auto;border-radius:var(--radius);background:#fff;box-shadow:0 28px 80px #00000047}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:22px 22px 14px;border-bottom:1px solid var(--line)}.modal-head b{display:block;font-size:1.55rem;line-height:1}.modal-head span{display:block;margin-top:7px;color:var(--muted);font-weight:900}.icon-button{width:34px;height:34px;border:0;border-radius:50%;background:var(--soft);color:var(--ink);font-size:1.2rem;font-weight:900;cursor:pointer}.modal-body{padding:22px}.panel,.status-list{display:grid;gap:12px}.status-list{margin-bottom:18px}.status-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:0 13px;border-radius:var(--radius);background:var(--soft);font-weight:900}.field span,.status-item span{color:var(--muted);font-size:.85rem;font-weight:900}.field{display:grid;gap:7px}.field input{width:100%;min-height:44px;padding:0 13px;border:2px solid var(--line);font:inherit}.field input,.notice{border-radius:var(--radius);font-weight:900}.notice{padding:12px;background:#eef5ff;color:#0e55b7}.button.full{width:100%}.button:disabled{cursor:not-allowed;opacity:.55}.modal-message{min-height:20px;margin:14px 0 0;color:var(--muted);font-size:.88rem;font-weight:900}.page-hero{min-height:360px;display:flex;align-items:end;justify-content:space-between;gap:24px;padding:54px 32px;background:#f7f7f7}.page-hero.compact{min-height:300px}.auth-panel h1,.page-hero.compact h1,.pricing-hero h1{max-width:none}.hero-stat-row{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.hero-stat-row span{min-height:38px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;background:#fff;font-size:.9rem;font-weight:900}.auth-page,.split-page{min-height:calc(100svh - 64px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(330px,.55fr);gap:18px;align-items:stretch;padding:54px 32px;background:var(--soft)}.account-panel,.auth-panel,.auth-side,.plan-panel,.pricing-hero{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.auth-panel,.pricing-hero{display:flex;flex-direction:column;justify-content:center;min-height:520px;padding:34px}.auth-side,.plan-panel{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:22px}.form-stack{display:grid;gap:12px;margin-top:24px}.auth-panel .form-stack{max-width:520px}.pricing-hero{color:#fff;background:linear-gradient(140deg,#1473e6,#102d86 48%,#171717)}.pricing-hero .hero-line{color:#ffffffdb}.pricing-hero .button:not(.primary){border-color:#fff;color:#fff}.pricing-hero h1{font-size:6.2rem}.account-page{background:var(--paper)}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.account-panel{padding:24px}.account-panel h2{margin:0 0 18px;font-size:2rem;line-height:1}.character-page{min-height:calc(100svh - 64px);display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center;padding:54px 32px}.character-page-art{min-height:620px;display:grid;place-items:center;border-radius:var(--radius);background:var(--asset-bg)}.character-page-art img{max-height:590px;-o-object-fit:contain;object-fit:contain}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 32px;color:#c9c9c9;background:var(--dark);font-size:.82rem}footer strong{color:#fff;font-size:.95rem}footer span{max-width:640px;line-height:1.35;text-align:right}@media(max-width:1050px){.account-grid,.auth-page,.character-page,.flow,.library-layout,.split-page{grid-template-columns:1fr}.preview{position:static}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.nav{padding:0 18px}.nav-links{display:none}.button{min-height:36px;padding:0 14px;font-size:.86rem}.hero{min-height:calc(100svh - 96px);height:auto;max-height:none;align-items:end;padding:230px 18px 40px;background:linear-gradient(180deg,#ffffff1a,#fffffff5 49%,#fff),#f7f7f7}.hero-npc.one{right:-6%;top:22px;bottom:auto;height:48%}.hero-npc.two{right:31%;top:52px;bottom:auto;height:40%}.hero-npc.three{right:58%;top:76px;bottom:auto;height:32%}.hero-npc.four{display:none}h1{font-size:3.35rem}.hero-line{font-size:1.1rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button,.price-pill{width:100%}.price-pill{justify-content:center}.auth-page,.band,.character-page,.page-hero,.split-page{padding:44px 18px}.catalog-tools,.page-hero{align-items:start;flex-direction:column}.page-hero.compact{min-height:250px}.hero-stat-row{justify-content:flex-start}.catalog-count{width:100%}.auth-panel,.pricing-hero{min-height:440px;padding:24px}.section-title{align-items:start;flex-direction:column}.section-title h2{font-size:2.1rem}.segmented{width:100%}.chip-button{flex:1}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-art{height:190px}.preview-stage{min-height:360px}.preview-info h3{font-size:1.75rem}.flow-card h2,.price,.pricing-hero h1{font-size:3.05rem}.flow-steps{grid-template-columns:1fr}.character-page-art{min-height:430px}.character-page-art img{max-height:400px}footer{align-items:start;flex-direction:column}footer span{text-align:left}}@media(max-width:460px){.actions .button:not(.primary),.brand-text{display:none}.character-grid{grid-template-columns:1fr}.card-art{height:240px}}