:root{--bg:#090d1a;--bg2:#11172a;--panel:#151c2f;--panel2:#0f1525;--line:rgba(255,255,255,.12);--pink:#ff3fa4;--pink2:#e84ab8;--cyan:#08d8d1;--cyan2:#42c8e9;--white:#f8f9ff;--muted:#a7b0c4;--shadow:0 24px 70px rgba(0,0,0,.38);--radius:22px}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% 0,rgba(255,63,164,.11),transparent 35%),radial-gradient(circle at 88% 5%,rgba(8,216,209,.10),transparent 35%),linear-gradient(180deg,#070a14,var(--bg));background-attachment:fixed}button,input,textarea{font:inherit}.hidden{display:none!important}.brand-header{position:sticky;top:0;z-index:20;min-height:104px;padding:14px clamp(16px,3vw,36px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(7,10,20,.86);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand-lockup{grid-column:2;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.brand-mark{width:62px;height:62px;object-fit:contain}.brand-text{width:min(430px,52vw);height:auto}.inventory-chip{grid-column:3;justify-self:end;border:1px solid rgba(255,255,255,.25);background:rgba(17,23,42,.9);color:var(--white);border-radius:16px;min-height:48px;padding:8px 12px;display:flex;align-items:center;gap:9px;text-transform:uppercase;font-weight:800;letter-spacing:.04em;cursor:pointer}.inventory-icon{color:var(--pink)}.inventory-chip strong{background:linear-gradient(135deg,var(--pink),var(--cyan));width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.app-shell{width:min(1500px,100%);margin:auto;padding:22px}.desktop-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(470px,1.35fr) minmax(270px,.7fr);gap:18px;align-items:start}.panel{background:linear-gradient(180deg,rgba(23,31,52,.97),rgba(13,19,34,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.panel-heading{display:flex;align-items:center;gap:11px;margin-bottom:15px}.panel-heading.compact{margin-bottom:12px}.panel-heading p,.section-title p,.eyebrow{margin:0;color:var(--pink);font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.panel-heading h2,.section-title h2{margin:2px 0 0;font-size:1rem}.step{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--cyan));font-weight:900}.type-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.type-switch input,.choice-grid input{position:absolute;opacity:0}.type-switch span,.choice-grid span{min-height:42px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:rgba(5,9,18,.42);color:var(--muted);font-size:.74rem;font-weight:800;cursor:pointer}.type-switch input:checked+span,.choice-grid input:checked+span{border-color:var(--pink);color:var(--white);box-shadow:0 0 0 1px var(--pink) inset;background:rgba(255,63,164,.08)}.camera-stage{position:relative;width:100%;aspect-ratio:3/4;max-height:620px;border-radius:18px;overflow:hidden;background:#04070d;border:1px solid rgba(8,216,209,.36)}#cameraVideo,#photoPreview{width:100%;height:100%;object-fit:cover;display:none}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;color:var(--muted);gap:5px}.camera-placeholder strong{color:var(--white)}.camera-glyph{font-size:4rem;color:var(--cyan);line-height:1}.camera-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.btn{border:0;border-radius:14px;min-height:48px;padding:11px 15px;color:var(--white);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:900;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-gradient{background:linear-gradient(100deg,var(--pink),#b866d1 52%,var(--cyan2));box-shadow:0 10px 26px rgba(255,63,164,.18)}.btn-outline{background:transparent;border:1px solid var(--cyan);color:var(--cyan)}.btn-dark{background:#26314b}.btn.full{width:100%;margin-top:10px}.upload-link{display:block;text-align:center;padding:12px;color:var(--cyan);font-size:.77rem;font-weight:850;cursor:pointer}.upload-link input{display:none}.status{margin-top:9px;min-height:46px;border:1px dashed var(--line);border-radius:12px;padding:10px;color:var(--muted);font-size:.78rem;line-height:1.4}.status.error{border-style:solid;border-color:var(--pink);color:#ffc0df}.status.success{border-style:solid;border-color:var(--cyan);color:var(--white)}.result-panel{min-height:720px}.empty-result{display:grid;place-items:center}.empty-state{text-align:center;color:var(--muted);max-width:360px}.empty-state img{width:150px}.empty-state h2{color:var(--white)}.result-hero{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,.9fr);gap:18px}.main-image-card{min-height:500px;border:1px solid var(--line);border-radius:19px;background:radial-gradient(circle at 50% 20%,rgba(8,216,209,.09),transparent 45%),#0a0f1d;display:grid;place-items:center;overflow:hidden}.main-image-card img{max-width:92%;max-height:480px;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(0,0,0,.42))}.result-details{padding:8px 2px}.result-details h1{font-size:clamp(1.8rem,3vw,2.7rem);margin:5px 0 7px}.identity-row{display:flex;align-items:center;gap:9px;color:var(--muted)}.category-pill{border:1px solid rgba(8,216,209,.45);color:var(--cyan);border-radius:999px;padding:5px 9px;font-size:.75rem}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 12px}.pricing-grid article{border:1px solid var(--line);border-radius:15px;padding:14px;background:rgba(5,9,18,.38)}.pricing-grid span,.pricing-grid small{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase}.pricing-grid strong{display:block;font-size:1.65rem;margin:5px 0;color:var(--pink)}.pricing-grid article:nth-child(2) strong{color:var(--cyan)}.text-link,.text-button{color:var(--cyan);background:transparent;border:0;text-decoration:none;font-size:.76rem;font-weight:850;cursor:pointer}.components-section{margin-top:18px;border-top:1px solid var(--line);padding-top:17px}.section-title{display:flex;justify-content:space-between;align-items:center}.components-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:9px;margin-top:12px}.component-card{border:1px solid var(--line);border-radius:14px;background:rgba(5,9,18,.4);padding:8px;text-align:center;cursor:pointer;color:var(--white)}.component-card img{width:100%;height:90px;object-fit:contain}.component-card strong{font-size:.72rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-card span{font-size:.65rem;color:var(--muted)}.muted-note{color:var(--muted);font-size:.72rem}.session-stats{display:grid;gap:8px}.session-stats article{border-bottom:1px solid var(--line);padding:10px 0}.session-stats span{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase}.session-stats strong{font-size:1.65rem;color:var(--pink)}.session-stats article:nth-child(even) strong{color:var(--cyan)}.recent-heading{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.recent-heading h3{font-size:.9rem}.recent-list{display:grid;gap:8px}.recent-item{display:grid;grid-template-columns:50px 1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px;background:rgba(5,9,18,.35)}.recent-item img{width:50px;height:50px;object-fit:contain}.recent-item strong{font-size:.75rem}.recent-item small{color:var(--muted)}.recent-item b{color:var(--cyan)}.empty-copy{color:var(--muted);font-size:.78rem}.brand-footer{text-align:center;padding:24px 16px 34px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:6px}.brand-footer img{width:min(400px,75vw)}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.72);backdrop-filter:blur(12px);padding:18px;display:grid;place-items:center}.modal-card{position:relative;width:min(620px,100%);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#171f35,#0f1525);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.modal-close{position:absolute;right:15px;top:12px;width:36px;height:36px;border:0;background:transparent;color:var(--white);font-size:2rem;cursor:pointer}.modal-item-head{display:flex;align-items:center;gap:12px;margin:13px 0}.modal-item-head img{width:90px;height:90px;object-fit:contain;background:#fff;border-radius:14px}.modal-item-head h2{margin:0}.field-label{display:block;color:var(--muted);font-size:.74rem;text-transform:uppercase;font-weight:850;margin:13px 0 7px}.quantity-control{display:grid;grid-template-columns:48px 1fr 48px;gap:7px}.quantity-control button,.quantity-control input,textarea,#scannerPin{border:1px solid var(--line);border-radius:12px;background:#0b1120;color:var(--white);padding:12px}.quantity-control button{color:var(--pink);font-size:1.4rem}.quantity-control input{text-align:center}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}textarea,#scannerPin{width:100%}.inventory-drawer{position:absolute;right:0;top:0;height:100%;width:min(700px,100%);overflow:auto;background:linear-gradient(180deg,#141c30,#0d1322);border-left:1px solid var(--line);padding:26px;box-shadow:var(--shadow)}.drawer-handle{display:none}.drawer-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.drawer-stats article{border:1px solid var(--line);border-radius:14px;padding:13px}.drawer-stats span{display:block;color:var(--muted);font-size:.66rem;text-transform:uppercase}.drawer-stats strong{display:block;color:var(--pink);font-size:1.5rem;margin-top:5px}.drawer-items{display:grid;gap:9px}.drawer-item{display:grid;grid-template-columns:75px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:9px}.drawer-item img{width:75px;height:75px;object-fit:contain}.drawer-item p{margin:2px 0;color:var(--muted);font-size:.75rem}.drawer-item b{color:var(--cyan)}.drawer-actions{position:sticky;bottom:0;background:linear-gradient(180deg,transparent,#0d1322 25%);padding-top:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.component-modal-card{width:min(1050px,100%)}.component-modal-layout{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-top:18px}.component-list{display:grid;gap:7px}.component-list button{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:8px;background:#0d1424;border:1px solid var(--line);border-radius:13px;color:var(--white);padding:7px;text-align:left}.component-list button.active{border-color:var(--pink);background:rgba(255,63,164,.08)}.component-list img{width:54px;height:54px;object-fit:contain}.component-large-image{height:430px;border:1px solid var(--line);border-radius:18px;background:#090e1b;display:grid;place-items:center;margin:12px 0}.component-large-image img{max-width:92%;max-height:400px;object-fit:contain}
@media(max-width:1100px){.desktop-grid{grid-template-columns:minmax(290px,.8fr) minmax(470px,1.2fr)}.session-panel{grid-column:1/-1}.session-stats{grid-template-columns:repeat(4,1fr)}.session-stats article{border:1px solid var(--line);border-radius:12px;padding:12px}.recent-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.brand-header{min-height:88px;grid-template-columns:1fr auto;padding:10px 12px}.brand-lockup{grid-column:1;align-items:flex-start}.brand-mark{width:46px;height:46px}.brand-text{width:210px}.inventory-chip{grid-column:2;font-size:0;padding:7px 9px}.inventory-chip span.inventory-icon{font-size:1rem}.app-shell{padding:11px}.desktop-grid{display:block}.panel{border-radius:18px;padding:13px;margin-bottom:12px}.camera-stage{aspect-ratio:3/4}.result-panel{min-height:0}.result-hero{display:block}.main-image-card{min-height:390px}.main-image-card img{max-height:365px}.result-details h1{font-size:1.8rem}.session-panel{display:none}.components-grid{display:flex;overflow-x:auto}.component-card{min-width:96px}.modal-backdrop{padding:10px;align-items:end}.modal-card{border-radius:22px 22px 0 0;max-height:94vh}.drawer-backdrop{padding:0;align-items:end}.inventory-drawer{position:relative;width:100%;height:92vh;border-radius:24px 24px 0 0;border-left:0;border-top:1px solid var(--line);padding:20px 14px}.drawer-handle{display:block;width:70px;height:5px;border-radius:999px;background:#657083;margin:0 auto 15px}.drawer-stats{grid-template-columns:1fr 1fr}.drawer-actions{grid-template-columns:1fr}.component-modal-layout{display:block}.component-list{display:flex;overflow-x:auto;margin-bottom:10px}.component-list button{min-width:145px}.component-large-image{height:340px}.brand-footer{padding-bottom:100px}}