html.beginner-first body{background:#0d1420!important}html.beginner-first body>:not(#beginner-app):not(dialog):not(script):not(style):not(link){display:none!important}
#beginner-app{--bg:#101a29;--line:#2c3a4e;--ink:#eff5ff;--muted:#acbbce;--cyan:#77e1dd;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#0d1420;min-height:100dvh;padding:24px 20px 64px;box-sizing:border-box;line-height:1.5;text-align:left}
#beginner-app *{box-sizing:border-box}#beginner-app [hidden]{display:none!important}#beginner-app button,#beginner-app input,#beginner-app select,#beginner-app textarea{font:inherit;color:inherit}#beginner-app button,#beginner-app a{touch-action:manipulation}#beginner-app button{border:1px solid var(--line);border-radius:13px;background:#172336;padding:12px 17px;cursor:pointer;min-height:46px}#beginner-app button:hover{border-color:var(--cyan)}#beginner-app button:disabled{opacity:.5;cursor:wait}#beginner-app :focus-visible{outline:3px solid var(--cyan);outline-offset:3px}#beginner-app .nb-primary{background:var(--cyan);color:#092126;font-weight:750;border:0}#beginner-app .nb-primary:disabled{cursor:not-allowed}#beginner-app .nb-top{max-width:1060px;margin:0 auto 36px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}#beginner-app .nb-brand{font-size:15px;font-weight:800;letter-spacing:.09em}#beginner-app .nb-actions{display:flex;gap:8px;flex-wrap:wrap}#beginner-app .nb-muted{color:var(--muted);font-size:14px}#beginner-app .nb-title{max-width:760px;margin:0 auto 24px}#beginner-app h1{font-size:clamp(30px,5vw,44px);line-height:1.12;margin:0 0 12px}#beginner-app h2{font-size:21px;margin:0 0 15px}#beginner-app p{margin:8px 0 14px}#beginner-app .nb-tabs{display:flex;gap:8px;margin-bottom:24px}#beginner-app .nb-tabs button{flex:1;font-weight:700}#beginner-app .nb-tabs button[aria-selected=true]{background:#204445;color:#9af2ec;border-color:#63c7c1}#beginner-app .nb-column{max-width:760px;margin:auto}#beginner-app .nb-card{background:var(--bg);border:1px solid var(--line);border-radius:22px;padding:25px;margin-bottom:20px}#beginner-app label{display:block;font-weight:650;margin:0 0 9px}#beginner-app .nb-upload{border:1px dashed #52667e;border-radius:16px;padding:20px;margin-bottom:24px;background:#131f30}#beginner-app .nb-upload input{width:100%;font-size:14px}#beginner-app .nb-upload img{max-height:180px;max-width:100%;margin:12px 0;border-radius:12px;display:block}#beginner-app textarea,#beginner-app select,#beginner-app input[type=number],#beginner-app input[type=search]{width:100%;border:1px solid #40516a;border-radius:12px;background:#0d1624;padding:12px 14px;outline-offset:2px}#beginner-app textarea{resize:vertical;min-height:140px}#beginner-app #nb-sound{min-height:74px}#beginner-app .nb-help{margin:12px 0 24px;padding:14px;border-radius:14px;background:#172539}#beginner-app .nb-help .nb-actions button{flex:1;font-size:14px}#beginner-app .nb-help small{display:block;margin-bottom:10px;color:var(--muted)}#beginner-app .nb-settings{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}#beginner-app .nb-sound{grid-column:1/-1}#beginner-app .nb-badge{display:inline-block;background:#213c37;border-radius:20px;padding:4px 10px;color:#a0e7c8;font-size:13px;margin-bottom:9px}#beginner-app .nb-price{display:flex;justify-content:space-between;gap:16px;margin-top:20px;border-top:1px solid var(--line);padding-top:20px}#beginner-app #nb-generate{width:100%;margin-top:12px}#beginner-app [role=status]{font-size:14px;overflow-wrap:anywhere}#beginner-app .nb-result img,#beginner-app .nb-result video{width:100%;max-height:70vh;object-fit:contain;border-radius:12px;background:#080e17}#beginner-app .nb-result pre{white-space:pre-wrap;overflow-wrap:anywhere}#beginner-app .nb-history-row{padding:16px 0;border-bottom:1px solid var(--line)}#beginner-app .nb-history-row p{white-space:pre-wrap;overflow-wrap:anywhere}#beginner-app .nb-helper-preview{width:100%;min-height:120px;margin:12px 0}#beginner-app .nb-entry{min-height:80dvh;display:grid;place-content:center;text-align:center;gap:14px;max-width:560px;margin:auto}#beginner-app .nb-entry .nb-primary{font-size:24px;padding:20px 50px;text-decoration:none;border-radius:18px}#beginner-app a{color:var(--cyan)}
#beginner-launcher{display:flex;justify-content:center;padding:10px 16px;position:relative}#beginner-reopen{position:static;transform:none;border:1px solid #77e1dd;background:#173135;color:#dcfffc;border-radius:24px;padding:12px 28px;font:700 16px system-ui;cursor:pointer;min-height:46px}html.beginner-first #beginner-launcher{display:none!important}
@media(max-width:560px){#beginner-app{padding:18px 12px 40px}#beginner-app .nb-card{padding:18px 15px}#beginner-app .nb-top{margin-bottom:25px}#beginner-app .nb-actions button{padding:10px 12px;font-size:13px}#beginner-app .nb-settings{gap:13px}#beginner-app .nb-help .nb-actions{flex-direction:column}}

#beginner-app .nb-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;margin:12px 0}#beginner-app .nb-photo-card{min-width:0;border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px}#beginner-app .nb-photo-card img{width:100%;height:115px;object-fit:contain;margin:0}#beginner-app .nb-photo-card small{overflow-wrap:anywhere;color:var(--muted)}#beginner-app .nb-photo-card button{padding:8px;font-size:13px;margin-top:auto}#beginner-app a.nb-download{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:13px;padding:12px 17px;min-height:46px;text-decoration:none;font-weight:650}#beginner-app a.nb-download.nb-primary{color:#092126}#beginner-app .nb-result .nb-actions{margin-top:14px}

#beginner-app #nb-video-modes{margin:0 0 16px}#beginner-app #nb-video-modes button{flex:1}#beginner-app #nb-video-modes button[aria-pressed=true]{background:#204445;color:#9af2ec;border-color:#63c7c1}#beginner-app .nb-reference-cards{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}#beginner-app .nb-photo-card input{width:100%;min-width:0;background:#0d1624;border:1px solid #40516a;border-radius:8px;padding:8px}#beginner-app .nb-photo-card textarea{min-height:90px;padding:8px;font-size:14px}#beginner-app #nb-reference-status{color:var(--cyan)}

#beginner-app .nb-feature-panel,#beginner-app .nb-feature-note{padding:18px;margin:0 0 20px;border:1px solid #426277;border-radius:16px;background:#132638}
#beginner-app #nb-character-name{width:100%;border:1px solid #40516a;border-radius:12px;background:#0d1624;padding:12px 14px;margin-bottom:14px}
#beginner-app #nb-character-description{min-height:100px}
#beginner-app #nb-character-editor{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}
#beginner-app #nb-character-editor input[type=file]{width:100%;font-size:13px;overflow:hidden}
#beginner-app .nb-character-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:10px;margin:12px 0}
#beginner-app .nb-character-card{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#0d1624;padding:12px;min-width:0;cursor:pointer}
#beginner-app .nb-character-card:has(input:checked){border-color:var(--cyan);background:#204445}
#beginner-app .nb-character-card img{width:54px;height:66px;object-fit:cover;border-radius:8px;flex:none}
#beginner-app .nb-character-card input{width:20px;height:20px;flex:none;accent-color:var(--cyan)}
#beginner-app .nb-character-card span{min-width:0}#beginner-app .nb-character-card strong,#beginner-app .nb-character-card small{display:block;overflow-wrap:anywhere}
#beginner-app .nb-character-card small{font-weight:400;color:var(--muted);font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#beginner-app .nb-extend-action{padding:16px;background:#173135;border:1px solid #426277;border-radius:14px;margin:0 0 20px}
#beginner-app .nb-extend-action p{font-size:14px;margin-bottom:0;color:var(--muted)}
@media(max-width:560px){#beginner-app #nb-video-modes{gap:6px}#beginner-app #nb-video-modes button{flex:1 1 40%}#beginner-app #nb-characters-toggle{flex-basis:100%}#beginner-app #nb-character-editor .nb-settings{grid-template-columns:1fr}#beginner-app .nb-feature-panel{padding:14px}}
