.as-studio{--story-accent:#854533;--story-ink:#292d28;--story-paper:#fffdf8;color:var(--story-ink);font-size:16px;line-height:1.65;max-width:1240px;margin:auto;padding:clamp(16px,3vw,32px)}
.as-studio h2{font-size:clamp(26px,3vw,36px);line-height:1.25;margin:5px 0 12px}.as-studio h3{font-size:21px;line-height:1.45;margin:8px 0 12px}.as-header,.as-title-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.as-header{margin-bottom:22px}.as-header nav,.as-actions,.as-presets{display:flex;gap:10px;flex-wrap:wrap}.as-step{font-size:13px;font-weight:750;letter-spacing:.06em;color:var(--story-accent)}
.as-panel{background:var(--story-paper);border:1px solid #dadbd2;border-radius:18px;padding:22px;min-width:0;margin-bottom:18px}.as-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:clamp(24px,4vw,42px);background:#ecefe5;border:1px solid #d4dacb;border-radius:22px;margin-bottom:24px}.as-intro h3{font-size:clamp(25px,3vw,35px);max-width:500px}.as-intro p{max-width:540px}.as-process{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.as-process span{background:#fffdf8;border:1px solid #d4dacb;border-radius:14px;padding:20px 15px;font-weight:650}
.as-create{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;align-items:start}.as-field{display:flex;flex-direction:column;gap:7px;margin:15px 0;font-weight:650}.as-studio textarea,.as-studio select{font:inherit;line-height:1.6;border:1px solid #aeb5a6;background:#fff;border-radius:10px;padding:10px 12px;width:100%;min-width:0;color:#292d28}.as-studio textarea{resize:vertical;font-weight:400}.as-studio select{min-height:46px}.as-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.as-toggle{display:flex;align-items:center;gap:8px;margin:18px 0}.as-studio input[type=checkbox]{width:19px;height:19px;accent-color:#854533}.as-studio .pc-button{min-height:44px;font-size:15px;border-radius:10px;padding:10px 16px}.as-studio .pc-button.primary{background:#854533;color:#fff;border:1px solid #854533}.as-studio .pc-button.quiet{background:#fff;color:#354133;border:1px solid #b9c1b3}.as-studio button:disabled{opacity:.5;cursor:not-allowed}.as-studio button:focus-visible,.as-studio textarea:focus-visible,.as-studio select:focus-visible{outline:3px solid #587c54;outline-offset:3px}
.as-hint{font-size:14px;color:#5b6557}.as-upload{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px dashed #8b9d80;border-radius:12px;background:#f3f5ee;cursor:pointer;margin:12px 0}.as-upload input{width:100%;font:inherit;font-size:14px}.as-character{width:160px;height:160px;object-fit:cover;border-radius:16px;margin-top:18px}.as-character-row{display:flex;gap:20px;align-items:center;margin:20px 0}.as-character-row img{width:100px;height:100px;object-fit:cover;border-radius:14px}.as-character-row p{margin:5px 0;font-size:14px}.as-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.as-scene{margin:0 0 18px}.as-scene-image{display:block;width:100%;max-height:380px;object-fit:contain;background:#eff0ea;border-radius:12px;margin:15px 0}.as-notice{background:#fff2d7;border:1px solid #dfc99a;border-radius:12px;padding:14px 18px;color:#584324}.as-pricing{margin-top:22px;padding-top:20px;border-top:1px solid #d4dacb}.as-quote{margin-top:16px;background:#f1f4e9;border:1px solid #b8c6a8;padding:18px;border-radius:12px}.as-quote h3{font-size:32px}.as-studio progress{width:100%;height:12px;accent-color:#587c54}.as-player{display:block;width:100%;max-height:600px;background:#181d18;border-radius:14px;margin:20px auto}
.as-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.as-card{text-align:left;cursor:pointer;overflow:hidden;transition:box-shadow .15s}.as-card:hover{box-shadow:0 7px 22px #26391b14}.as-card img,.as-card-placeholder{width:100%;height:170px;object-fit:cover;border-radius:12px;margin-bottom:14px}.as-card-placeholder{background:#e3e9dc;display:grid;place-items:center;letter-spacing:.12em;font-weight:750;color:#607157}.as-card h3{font-size:18px;overflow-wrap:anywhere}.as-card p{font-size:14px;color:#5b6557}.as-status{display:inline-block;background:#e8eddf;color:#405537;padding:3px 10px;border-radius:30px;font-size:13px;font-weight:650}.as-characters{display:flex;gap:16px;overflow-x:auto;padding:6px 2px}.as-characters button{flex:0 0 130px;border:0;background:none;text-align:left;font:inherit;cursor:pointer}.as-characters img{width:120px;height:120px;border-radius:16px;object-fit:cover}.as-characters span{display:block;font-size:13px;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.as-empty{text-align:center;padding:36px 20px;background:#f5f6f0}
@media(max-width:900px){.as-create,.as-intro{grid-template-columns:1fr}.as-library{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.as-studio{padding:14px}.as-scenes,.as-library{grid-template-columns:1fr}.as-panel{padding:17px}.as-options{grid-template-columns:1fr}.as-process span{padding:14px 10px;font-size:14px}.as-header nav{width:100%}.as-header nav button{flex:1}.as-character-row{align-items:flex-start}.as-character-row img{width:75px;height:75px}.as-actions .pc-button{flex:1 1 45%}}