:root{color-scheme:light;font-family:Avenir Next,IBM Plex Sans,Segoe UI,sans-serif;line-height:1.4}html{-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;color:#102030;background:radial-gradient(circle at top left,#f0f9ff,#f0f9ff00 48%),linear-gradient(180deg,#f8fafc,#eef6ff)}#root{min-height:100vh}.page{max-width:980px;width:100%;margin:0 auto;padding:clamp(1rem,2.4vw,2rem) clamp(.8rem,2vw,1rem) clamp(2rem,4vw,3rem)}.page h1{margin-top:0;margin-bottom:1rem;letter-spacing:.01em}.panel{padding:1rem;border:1px solid #d9e1ea;border-radius:12px;background:#fff}.style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.style-card{width:100%;border:1px solid #d4d4d8;border-radius:12px;padding:12px;text-align:left;background:#fff;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.style-card:hover{transform:translateY(-1px);border-color:#34a3a3;box-shadow:0 6px 18px #0f766e14}.style-card.is-selected{border:2px solid #0f766e}.style-card__preview{width:100%;height:90px;object-fit:cover;border-radius:8px}.style-card__title{margin:.5rem 0 .25rem}.style-card__description{margin:0;color:#475569;font-size:.95rem}.form-grid{display:grid;gap:.6rem;margin-bottom:1rem}label{font-size:.92rem;color:#334155}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:.55rem .65rem;border:1px solid #cbd5e1;border-radius:10px;background:#fff}textarea{min-height:100px;resize:vertical}.action-row{display:flex;gap:.5rem;align-items:center;margin-top:.75rem}button{border:1px solid #0f766e;border-radius:10px;background:#0f766e;color:#fff;padding:.5rem .9rem;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.prompt-list{display:grid;gap:.7rem;margin-top:1rem}.prompt-item{padding:.8rem;border:1px solid #d9e1ea;border-radius:10px;background:#fff}.prompt-item h3{margin:0 0 .35rem}.prompt-item p{margin:0 0 .5rem;color:#475569}.prompt-item__actions{margin-top:.5rem}.status-text{margin-top:.7rem;color:#0f172a}.capture-screen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#020617}.capture-screen__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.camera-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;background:#02061733}.camera-countdown{font-size:clamp(5rem,18vw,11rem);font-weight:800;line-height:1;color:#fff;text-shadow:0 10px 30px rgba(0,0,0,.45)}.capture-screen__controls{position:absolute;left:0;right:0;bottom:clamp(20px,6vh,48px);z-index:3;display:flex;justify-content:center;pointer-events:none}.capture-screen__button{pointer-events:auto;min-width:190px;padding:.85rem 1.4rem;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:#0f766ed9;color:#fff;font-weight:700;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.capture-screen__styles-panel{position:absolute;left:clamp(14px,3vw,34px);top:clamp(14px,3vh,30px);z-index:4;width:min(340px,34vw);max-height:min(78vh,900px);display:grid;gap:.55rem;padding:.75rem;border:1px solid rgba(255,255,255,.4);border-radius:14px;background:#0f172a8f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.capture-screen__styles-title{margin:0;color:#e2e8f0;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.capture-screen__styles-empty{margin:0;color:#cbd5e1;font-size:.85rem}.capture-screen__styles-list{display:grid;gap:.45rem;overflow:auto;padding-right:.1rem}.capture-style-item{width:100%;display:grid;grid-template-columns:84px minmax(0,1fr);gap:.55rem;align-items:center;padding:.35rem;border-radius:12px;border:1px solid rgba(255,255,255,.26);background:#0f766e33;color:#fff;text-align:left}.capture-style-item:hover{border-color:#ffffff8c;transform:none;box-shadow:none}.capture-style-item.is-selected{border-color:#2dd4bff2;background:#0f766e80;box-shadow:0 0 0 1px #2dd4bf80}.capture-style-item__preview{width:84px;height:56px;border-radius:8px;object-fit:cover}.capture-style-item__meta{min-width:0;display:grid;gap:.12rem}.capture-style-item__name{font-size:.88rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capture-style-item__description{font-size:.75rem;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capture-screen__styles-list::-webkit-scrollbar{width:8px}.capture-screen__styles-list::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}.capture-screen__styles-list::-webkit-scrollbar-track{background:transparent}.styles-page{max-width:1100px;padding-top:1.5rem}.styles-hero{padding:1.1rem 1.2rem;border-radius:18px;border:1px solid #dbeafe;background:radial-gradient(circle at top right,rgba(56,189,248,.2),transparent 45%),linear-gradient(130deg,#f8fbff,#ecfeff);margin-bottom:1rem}.styles-hero__eyebrow{margin:0 0 .3rem;color:#0f766e;font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:.8rem}.styles-hero__description{margin:.35rem 0 0;color:#334155}.style-grid--catalog{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.style-grid--catalog .style-card{padding:.8rem}.style-grid--catalog .style-card__preview{height:126px}.styles-footer{margin-top:1rem}.styles-footer__selected{margin:0;color:#0f172a;font-weight:600}.button-secondary{border-color:#94a3b8;background:#fff;color:#0f172a}.result-page--completed{max-width:1200px;width:100%;min-height:100vh;padding-block:1.2rem 2rem;display:flex;align-items:center}.result-shell{width:100%;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1rem}.result-hero{border-radius:20px;background:radial-gradient(circle at 90% 4%,rgba(34,197,94,.14),transparent 35%),radial-gradient(circle at 14% 95%,rgba(14,165,233,.14),transparent 38%),#fff}.result-eyebrow{margin:0 0 .3rem;text-transform:uppercase;letter-spacing:.05em;color:#0f766e;font-size:.78rem;font-weight:700}.result-hero h1{margin:0;font-size:clamp(1.7rem,3.6vw,2.6rem)}.result-subtitle{margin:.45rem 0 0;color:#334155}.result-media{width:100%;display:flex;justify-content:center;margin-top:.9rem}.result-photo{width:100%;max-height:min(62vh,780px);object-fit:contain;border-radius:16px;border:1px solid #d9e1ea;background:#fff}.result-download-panel{border-radius:20px;display:grid;align-content:start;justify-items:start;gap:.7rem;background:linear-gradient(160deg,#f0fdfab3,#eff6ffa6),#fff}.result-back-button{justify-self:start}.result-download-panel h2{margin:0;font-size:1.15rem}.result-download-hint{margin:0;color:#475569}.result-qr-link{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;padding:.55rem;border-radius:16px;border:1px solid #dbeafe;background:#fff;width:fit-content;transition:transform .14s ease,box-shadow .14s ease}.result-qr-link:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f172a17}.result-qr{border-radius:12px;border:1px solid #d9e1ea;background:#fff}.result-page--loading{min-height:calc(100vh - 1rem);display:grid;place-items:center}.result-loading-card{width:min(560px,100%);border-radius:20px;background:radial-gradient(circle at top right,rgba(15,118,110,.14),transparent 42%),#fff}.result-loading-card h1{margin:0;font-size:clamp(1.7rem,3.6vw,2.5rem)}.result-loading-text{margin:.5rem 0 0;color:#334155}.result-loading-bar{margin-top:.85rem;width:100%;height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.result-loading-bar__progress{display:block;height:100%;width:42%;border-radius:inherit;background:linear-gradient(90deg,#0891b2,#0f766e);animation:result-loading-progress 1.25s ease-in-out infinite}@keyframes result-loading-progress{0%{transform:translate(-35%)}50%{transform:translate(105%)}to{transform:translate(-35%)}}@media (max-width: 732px){.page{padding:1rem .75rem 1.6rem}.style-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.capture-screen__styles-panel{width:min(300px,84vw);max-height:62vh}.capture-style-item{grid-template-columns:72px minmax(0,1fr)}.capture-style-item__preview{width:72px;height:48px}.result-shell{grid-template-columns:1fr}.result-page--completed{align-items:stretch}.result-download-panel{justify-items:center;text-align:center}.result-back-button{justify-self:center}.result-photo{max-height:52vh}}@media (max-aspect-ratio: 9/16){.capture-screen__styles-panel{left:10px;top:10px;width:min(44vw,250px);max-height:70vh}.capture-style-item{grid-template-columns:64px minmax(0,1fr);padding:.28rem}.capture-style-item__preview{width:64px;height:44px}.capture-style-item__description{display:none}.capture-screen__controls{bottom:clamp(16px,4vh,30px)}.capture-screen__button{min-width:170px;padding:.8rem 1.2rem}}@media (min-width: 2560px){:root{font-size:18px}.page{max-width:1500px}.capture-screen__styles-panel{width:min(460px,30vw);max-height:80vh}.capture-style-item{grid-template-columns:110px minmax(0,1fr);gap:.7rem}.capture-style-item__preview{width:110px;height:74px}.capture-screen__button{min-width:250px;padding:1rem 1.8rem}.result-page--completed{max-width:1600px}.result-photo{max-height:min(68vh,1100px)}}