@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Playfair+Display:wght@600;700&display=swap";*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#34294d 0,transparent 28%),radial-gradient(circle at 0 40%,#17364a 0,transparent 32%),#11101d;color:#f8f4ed;font-family:DM Sans;min-height:100vh}main{max-width:720px;margin:auto;padding:calc(25px + env(safe-area-inset-top)) 22px 80px}header{display:flex;justify-content:space-between;letter-spacing:.18em;font-size:12px;margin-bottom:28px}nav{display:flex;gap:9px;overflow:auto;color:#716b7d;font-size:10px;margin-bottom:50px}nav .on{color:#e5c66f}small{display:block;color:#e5c66f;letter-spacing:.15em;margin:15px 0;font-size:11px}h1,h2,h3{font-family:Playfair Display;margin:0;color:#fff}h1{font-size:clamp(50px,12vw,78px);line-height:.95}h2{font-size:clamp(42px,10vw,65px);line-height:1}h3{font-size:34px}p{color:#beb8c7;line-height:1.55;font-size:17px}.upload{display:block;text-align:center;border:1px solid #514a60;border-radius:24px;padding:28px;margin:30px 0;background:#ffffff08;color:#efd17d;font-weight:700}.upload input{display:none}.film{display:flex;gap:8px;overflow:auto}.film img{width:90px;height:110px;object-fit:cover;border-radius:14px}section>button{width:100%;padding:20px;border:0;border-radius:99px;background:linear-gradient(100deg,#d3a74d,#f1d17b);font:700 18px DM Sans;color:#21192a;margin-top:25px}section>button:disabled{opacity:.4}article{background:linear-gradient(145deg,#211e31,#181625);border:1px solid #413b50;border-radius:27px;padding:18px;margin:25px 0}.face{width:100%;height:250px;object-fit:cover;border-radius:19px}input,select,textarea{width:100%;padding:16px;border-radius:15px;border:1px solid #514a60;background:#ffffff09;color:#fff;font:inherit;margin:12px 0}select option{color:#111}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{border:1px solid #514a60;background:#302b3c;color:#d1cbd7;padding:10px 13px;border-radius:99px}.chips .sel{background:#e5c66f;color:#241c2c}.magic{position:relative}.magic img{width:100%;height:360px;object-fit:cover;border-radius:20px}.magic b{position:absolute;bottom:12px;left:12px;background:#11101ddd;padding:7px 10px;border-radius:99px;font-size:10px;color:#efd17d}label{display:block;margin:25px 0;font-weight:600}label>b{float:right;color:#e5c66f}input[type=range]{accent-color:#e5c66f;padding:0}.ticks{display:flex;justify-content:space-between;color:#8d8797}.ticks i{font-style:normal}.characterSheet{padding:13px;background:linear-gradient(145deg,#2d233d,#171626);border-color:#695575}.sheetTop{display:grid;grid-template-columns:2.05fr 1fr;gap:9px;min-height:330px}.heroPortrait,.portraitStrip>div{position:relative;overflow:hidden;border-radius:13px;background:#393047}.heroPortrait img{width:100%;height:100%;min-height:330px;object-fit:cover}.heroPortrait span{position:absolute;bottom:10px;left:10px;font-size:10px;letter-spacing:.12em;background:#171326bd;padding:7px 9px;border-radius:9px}.portraitStrip{display:grid;grid-template-rows:repeat(3,1fr);gap:9px}.portraitStrip>div img{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover}.portraitStrip em{position:absolute;bottom:6px;right:6px;font-size:10px;background:#1c1735b9;padding:4px 6px;border-radius:6px;font-style:normal}.faceCrop{object-position:50% 18%;transform:scale(1.35)}.profileCrop{object-position:80% 45%;transform:scale(1.15)}.bodyCrop{object-position:50% 90%}.sheetLabel{background:#f1e5d1;color:#322336;margin:12px -1px 0;padding:18px 20px;border-radius:10px;transform:rotate(-.7deg)}.sheetLabel span{font-size:10px;letter-spacing:.14em;color:#8b6748}.sheetLabel h3{color:#302036}.sheetLabel p{color:#655667;margin:6px 0;font-size:14px}.sheetActions{margin:20px 4px 8px}.sheetActions button{flex:1}.previewNotice{border-left:3px solid #dfbd70;background:#ffffff10;border-radius:4px 14px 14px 4px;padding:15px;color:#d4c9db;font-size:14px;line-height:1.5}@media(max-width:480px){.sheetTop,.heroPortrait img{min-height:265px}.sheetLabel h3{font-size:31px}.sheetActions button{font-size:12px}}.generationError{color:#ffaaa7}.sheetActions button:disabled,section>button:disabled{opacity:.35;cursor:not-allowed}.sheetActions button.sel{background:#e5c66f;color:#21192a}.portraitStrip img{object-fit:cover}nav{display:flex;flex-wrap:wrap;gap:9px}nav span{font-size:11px}.personCard{margin:22px 0}.personHead{display:flex;align-items:center;gap:15px;margin-bottom:18px}.personHead img{width:88px;height:88px;object-fit:cover;border-radius:50%;border:3px solid #e5c878}.personHead p{font-size:13px;margin:5px 0}.cropImage{position:relative;max-height:460px;overflow:hidden;border-radius:24px;margin:18px 0;cursor:crosshair}.cropImage>img{width:100%;display:block}.cropImage>span{position:absolute;border:3px solid #f4d77a;border-radius:50%;box-shadow:0 0 0 2000px #0006;transform:translate(-50%,-50%);pointer-events:none}.generatedSheet{position:relative;width:100%}.generatedSheet img{width:100%;display:block;border-radius:20px}.generatedSheet span{position:absolute;bottom:12px;left:12px;background:#1a142dcc;color:#fff;padding:9px;border-radius:9px;font-size:11px}.unmade{text-align:center;padding:18px}.unmade img{width:180px;height:180px;object-fit:cover;border-radius:50%}.storyPage{margin:22px 0}.storyIllustration{width:100%;border-radius:20px}.illustrationPlaceholder{height:210px;display:grid;place-items:center;border:1px dashed #a38c9f;border-radius:20px;color:#aaa}.choices{display:grid;gap:10px}.choices button{width:100%}.subtle{background:transparent!important;color:#e3c66d!important;border:1px solid #82768e!important}textarea{min-height:110px}button:disabled{opacity:.45;cursor:not-allowed}@media print{body{background:#fff;color:#000}main{max-width:none;padding:0}header,nav,button,.previewNotice,.generationError{display:none!important}section>small,section>h2,section>p{color:#000}.storyPage{break-inside:avoid;page-break-inside:avoid;background:#fff;color:#000;border:0;box-shadow:none}.storyPage h3,.storyPage p{color:#000}.storyIllustration{max-height:65vh;object-fit:contain}.illustrationPlaceholder{display:none}}