:root{--bg-main:#070707;--bg-sidebar:#111;--bg-card:#151515;--border:#332015;--text-main:#fff;--text-muted:#b8a99d;--accent:#f97316;--accent-hover:#fb923c;color:var(--text-main);background:var(--bg-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font:15px/1.45 Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.auth-page{background:radial-gradient(circle at top, #2a1208, var(--bg-main) 45%);place-items:center;min-height:100svh;padding:24px;display:grid}.auth-card{border:1px solid var(--border);background:#111111f0;border-radius:28px;width:min(440px,100%);padding:32px;animation:.5s both rise-in;box-shadow:0 30px 80px #00000059}.brand{color:var(--accent);letter-spacing:-.04em;font-size:24px;font-weight:900}h1,h2,h3,p{margin-top:0}.auth-card h1{margin:20px 0 8px;font-size:34px;line-height:1.05}.auth-card p,small,.work-card p,.option em{color:var(--text-muted)}label{color:#fff1e8;gap:8px;margin-top:16px;display:grid}input,textarea,select{border:1px solid var(--border);width:100%;color:var(--text-main);background:#0a0a0a;border-radius:14px;outline:none;padding:12px 14px;transition:border-color .18s,box-shadow .18s,background-color .18s}input:focus,textarea:focus,select:focus{border-color:#f97316b8;box-shadow:0 0 0 3px #f9731629}textarea{resize:vertical;min-height:94px}button,.modal-actions a{border:1px solid var(--border);color:var(--text-main);text-align:center;background:#21140d;border-radius:14px;padding:11px 14px;text-decoration:none;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s,opacity .18s}button:hover,.modal-actions a:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0000002e}button:active,.modal-actions a:active{transform:translateY(0)scale(.99)}button:hover,button.active,.modal-actions a:hover{border-color:var(--accent)}button.primary,.generate{background:var(--accent);color:#fff;border:0;width:100%;margin-top:16px;font-weight:800}button.primary:hover,.generate:hover{background:var(--accent-hover)}button.ghost{background:0 0;width:100%;margin-top:10px}button:disabled{opacity:.45;cursor:not-allowed}.app-shell{background:var(--bg-main);min-height:100svh;animation:.35s both page-fade}.topbar{border-bottom:1px solid var(--border);z-index:5;background:#0f0f0f;justify-content:space-between;align-items:center;height:48px;padding:0 18px;animation:.42s both slide-down;display:flex;position:sticky;top:0}.top-actions{color:var(--text-muted);align-items:center;gap:10px;display:flex}.avatar{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.workspace{grid-template-columns:360px minmax(0,1fr);min-height:calc(100svh - 48px);display:grid}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);padding:16px;overflow:auto}.panel{border:1px solid var(--border);background:#111111b8;border-radius:22px;margin-bottom:14px;padding:16px;transition:border-color .18s,box-shadow .18s;animation:.45s both rise-in}.panel:hover{border-color:#6b3b20;box-shadow:0 18px 44px #00000024}.panel h2{margin-bottom:14px;font-size:18px}.service-grid{gap:8px;display:grid}.service-grid button{text-align:left}.quiz-step{border-top:1px solid var(--border);margin-top:16px;padding-top:16px;animation:.4s both soft-reveal}.quiz-step:first-of-type{border-top:0;padding-top:0}.quiz-step-header{text-align:left;color:#fff1e8;background:0 0;border:0;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;width:100%;margin:0;padding:0;font-weight:800;display:grid}.quiz-step-header:hover{box-shadow:none;transform:none}.quiz-step-number{background:var(--accent);color:#1f0b02;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;display:grid}.quiz-step-title{font-size:15px}.quiz-step-header strong{color:#fdba74;text-transform:uppercase;letter-spacing:.04em;background:#f9731624;border-radius:999px;padding:4px 8px;font-size:11px}.quiz-step-chevron{color:var(--accent);font-size:20px;line-height:1;transition:transform .24s}.quiz-step.open .quiz-step-chevron{transform:rotate(180deg)}.quiz-step-content{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s,opacity .22s,margin-top .3s;display:grid}.quiz-step.open .quiz-step-content{opacity:1;grid-template-rows:1fr;margin-top:14px}.quiz-step-inner{min-height:0;overflow:hidden}.upload{text-align:center;cursor:pointer;border:1px dashed #5a321d;border-radius:20px;place-items:center;min-height:190px;padding:16px;transition:border-color .18s,background-color .18s,transform .18s;display:grid;overflow:hidden}.upload:hover{border-color:var(--accent);background:#f973161a;transform:translateY(-1px)}.upload b{color:var(--accent);font-size:44px;line-height:1}.upload input{display:none}.upload img,.thumb img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.modal-image img{object-fit:contain;border-radius:inherit;width:100%;max-width:100%;height:auto;max-height:min(72svh,720px);display:block}.format-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.format-grid button{text-align:left;gap:2px;display:grid}.format-grid span{color:var(--text-muted);font-size:12px}.option-grid{gap:8px;display:grid}.option{border:1px solid var(--border);backface-visibility:hidden;background:#17100c;border-radius:16px;grid-template-columns:auto 1fr;align-items:start;margin:0;padding:12px;transition:border-color .18s,background-color .18s;transform:translateZ(0)}.option:hover{background:#21140d;border-color:#6b3b20}.option.active{background:#f973161f;border-color:#f97316b8}.option small,.option em{margin-top:3px;display:block}.option em{font-size:12px;font-style:normal}.option input{width:auto;accent-color:var(--accent);margin-top:4px}.ai-row{grid-template-columns:1fr auto;align-items:start;gap:8px;margin-top:16px;display:grid}.ai-row.two{grid-template-columns:1fr auto}.check{align-items:center;gap:8px;display:flex}.check input{width:auto;accent-color:var(--accent)}.palette{flex-wrap:wrap;gap:8px;display:flex}.palette button{border-radius:50%;width:34px;height:34px;padding:0}.palette button.selected{outline:2px solid var(--accent);outline-offset:3px}.summary{border:1px solid var(--border);color:#fff1e8;background:#17100c;border-radius:14px;margin-top:16px;padding:12px;transition:border-color .18s,background-color .18s}.message{color:#fdba74;margin:12px 0 0;animation:.25s both soft-reveal}.history{padding:24px;animation:.5s 80ms both soft-reveal}.history-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.history-head h1{margin:0;font-size:clamp(28px,4vw,46px)}.history-head span{color:var(--text-muted)}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.empty{border:1px dashed var(--border);color:var(--text-muted);text-align:center;background:var(--bg-card);border-radius:22px;padding:36px}.work-card{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:22px;padding:10px;transition:transform .2s,border-color .2s,box-shadow .2s;animation:.38s both card-in;position:relative}.work-card:hover{border-color:#6b3b20;transform:translateY(-3px);box-shadow:0 18px 42px #0003}.work-card button{background:#0a0a0ad1;padding:7px 10px;position:absolute;top:18px;right:18px}.thumb{aspect-ratio:3/4;border-radius:16px;place-items:center;display:grid;overflow:hidden}.work-card h3{white-space:nowrap;text-overflow:ellipsis;margin:12px 4px 4px;font-size:16px;overflow:hidden}.work-card p{margin:0 4px 4px}.modal{z-index:10;background:#000000b8;place-items:center;padding:20px;animation:.18s both overlay-fade;display:grid;position:fixed;inset:0}.modal section{border:1px solid var(--border);background:#111;border-radius:26px;width:min(720px,100%);padding:18px;animation:.24s both modal-pop;position:relative}.close{position:absolute;top:18px;right:18px}.modal-image{border-radius:18px;place-items:center;min-height:180px;margin-bottom:16px;display:grid;overflow:auto}.modal-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=820px){.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:48px;padding-block:8px}.top-actions{flex-wrap:wrap}.history{padding:16px}}@media (width<=480px){.format-grid,.ai-row.two{grid-template-columns:1fr}.auth-card{border-radius:20px;padding:22px}}.generation-modal{z-index:20;text-align:center}.generation-modal section{width:min(420px,100%);padding:28px}.loader{justify-content:center;gap:10px;margin-bottom:18px;display:flex}.loader span{background:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s ease-in-out infinite loader-bounce}.loader span:nth-child(2){animation-delay:.12s}.loader span:nth-child(3){animation-delay:.24s}.generation-modal p{color:var(--text-muted);margin-bottom:0}@keyframes loader-bounce{0%,80%,to{opacity:.55;transform:translateY(0)}40%{opacity:1;transform:translateY(-10px)}}@keyframes page-fade{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes soft-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}