:root{color:#fff;font-synthesis:none;background:#17161b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;min-height:100%;margin:0;overflow-x:hidden}body{background:#17161b;min-height:100dvh}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.app{width:100%;max-width:940px;min-height:100dvh;padding:24px 16px calc(128px + env(safe-area-inset-bottom));margin:auto;overflow-x:clip}.brand-row,.review-header{align-items:center;gap:12px;display:flex}.brand-mark,.review-header>span{background:#7657ff;border-radius:16px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 10px 35px #7657ff55}.brand-mark svg,.review-header>span svg{width:20px}.brand-row>div,.review-header>div{display:grid}.brand-row small,.review-header small{color:#fff6;font-size:11px}.avatar{background:#ffffff12;border-radius:50%;place-items:center;width:40px;height:40px;margin-left:auto;font-weight:800;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;position:absolute}.dashboard-title{margin-top:48px}.eyebrow,.review-header small{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:#a994ff!important}.dashboard-title h1{letter-spacing:-.04em;margin:8px 0 6px;font-size:36px}.dashboard-title>p:last-child{color:#ffffff72;margin:0;font-size:14px}.pack-list{gap:12px;margin-top:28px;display:grid}.pack-row{color:#fff;background:#ffffff0e;border:1px solid #ffffff17;border-radius:26px;grid-template-columns:66px minmax(0,1fr) 42px;align-items:center;gap:14px;padding:12px;text-decoration:none;transition:all .2s;display:grid}.pack-row:hover{background:#ffffff14;border-color:#7657ff99}.pack-icon{color:#7657ff;background:radial-gradient(circle at 40% 35%,#fff,#e6ddff);border-radius:20px;place-items:center;width:66px;height:66px;display:grid;position:relative;overflow:hidden}.pack-icon svg{width:27px}.pack-icon img{object-fit:contain;background:radial-gradient(circle at 50% 42%,#fff,#f1edff);width:100%;height:100%;padding:3px;position:absolute}.pack-copy{min-width:0}.pack-copy>span{align-items:center;gap:8px;min-width:0;display:flex}.pack-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pack-copy small{color:#fff6;flex-wrap:wrap;gap:7px 12px;margin-top:7px;display:flex}.pack-copy i{align-items:center;gap:4px;font-style:normal;display:flex}.pack-copy i svg{width:12px}.pack-copy em{color:#ffe3a8;text-transform:uppercase;border:1px solid #ffffff17;border-radius:999px;flex:none;padding:4px 7px;font-size:9px;font-style:normal}.pack-copy em.ready{color:#d9ff68}.row-arrow{color:#fff6;background:#ffffff0a;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.row-arrow svg{width:17px}.empty,.gate{text-align:center;place-items:center;display:grid}.empty{color:#fff6;border:1px dashed #ffffff1c;border-radius:28px;min-height:300px}.empty svg{width:34px}.empty strong{color:#fff;margin-top:12px}.empty p{max-width:320px;margin:4px 20px}.gate{color:#fff;background:#17161b;min-height:100dvh;padding:32px}.gate>svg{color:#a994ff;width:32px}.gate h1{margin:16px 0 4px;font-size:22px}.gate p{color:#ffffff72;max-width:380px;margin:0;line-height:1.5}.pulse{animation:1.4s infinite pulse}@keyframes pulse{50%{opacity:.35;transform:scale(.9)}}.review-page{min-width:0;max-width:780px;scroll-padding-bottom:calc(128px + env(safe-area-inset-bottom))}.review-header{justify-content:space-between;min-width:0}.review-header>a{color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.review-header>a svg{width:20px}.review-header>div{text-align:center;min-width:0}.review-header>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;display:block;overflow:hidden}.review-header>span{flex:none;width:40px;height:40px}.review-header>span svg{width:16px}.error-banner,.warning{color:#fecaca;background:#ef44441a;border-radius:16px;align-items:center;gap:8px;margin-top:14px;padding:12px;font-size:13px;display:flex}.stage{background:#ffffff0e;border:1px solid #ffffff17;border-radius:28px;min-width:0;margin-top:28px;padding:18px}.stage>div{align-items:center;gap:9px;display:flex}.stage b{color:#17161b;text-transform:uppercase;letter-spacing:.06em;background:#d9ff68;border-radius:999px;padding:5px 10px;font-size:10px}.stage small{color:#ffffff72;font-weight:700}.stage h1{letter-spacing:-.02em;margin:14px 0 5px;font-size:21px}.stage p{color:#ffffff72;margin:0;font-size:14px;line-height:1.4}.stage>i{background:#ffffff14;border-radius:10px;height:6px;margin-top:20px;display:block;overflow:hidden}.stage>i span{background:#7657ff;border-radius:10px;height:100%;display:block}.candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin-top:14px;display:grid}.candidate-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.candidate{color:#fff;text-align:left;opacity:.68;background:#ffffff0a;border:1px solid #ffffff17;border-radius:26px;min-width:0;padding:8px;transition:all .2s}.candidate.active{opacity:1;background:#7657ff26;border-color:#8d75ff;box-shadow:0 14px 40px #4c33b22e}.sticker-frame{aspect-ratio:1;background:radial-gradient(circle at 50% 42%,#fff 0,#f4f1ff 58%,#e7e1ff 100%);border-radius:20px;min-width:0;display:block;position:relative;overflow:hidden}.sticker-frame img{object-fit:contain;width:100%;height:100%;display:block}.sticker-frame i,.composition-grid i{background:#7657ff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:8px;right:8px}.sticker-frame i svg,.composition-grid i svg{width:15px}.candidate:not(.active) .sticker-frame i{color:#0000;background:#fffa;border:2px solid #0002}.candidate>strong,.candidate>small{margin:10px 6px 0;display:block}.candidate>strong{font-size:18px}.candidate>small{color:#fff6;margin-top:3px;font-size:10px}.hint{background:#ffffff08;border:1px solid #ffffff17;border-radius:22px;gap:12px;min-width:0;margin-top:14px;padding:14px;display:flex}.hint>svg{color:#d9ff68;flex:none;width:18px}.hint p{min-width:0;margin:0;font-size:12px;display:grid}.hint span{color:#fff6;margin-top:4px;line-height:1.4}.primary{color:#fff;background:#7657ff;border:0;border-radius:17px;width:100%;height:56px;margin-top:15px;font-size:16px;font-weight:850;box-shadow:0 14px 35px #7657ff47}.primary.green,.qa-actions .approve{color:#17161b;background:#d9ff68}.primary:disabled,.qa-actions button:disabled{cursor:not-allowed;opacity:.45}.quality-image{background:radial-gradient(circle at 50% 42%,#fff 0,#f4f1ff 58%,#e7e1ff 100%);border:1px solid #ffffff17;border-radius:30px;min-width:0;margin-top:14px;padding:12px}.quality-image img{aspect-ratio:1;object-fit:contain;width:100%;max-width:520px;margin:auto;display:block}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;margin-top:12px;display:grid}.metric{background:#ffffff0a;border:1px solid #ffffff17;border-radius:17px;gap:6px;min-width:0;padding:13px;display:grid}.metric small{color:#fff6}.warning{color:#fef3c7;background:#fbbf241a}.warning svg{flex:none;width:17px}.qa-actions{gap:8px;min-width:0;margin-top:14px;display:grid}.qa-actions button{color:#fff;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;min-width:0;height:52px;font-weight:800}.qa-actions .approve{border:0}.qa-actions .exclude{color:#fca5a5}.composition-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0;max-width:100%;margin-top:14px;display:grid}.composition-grid button{aspect-ratio:1;opacity:.78;background:#fff;border:0;border-radius:16px;min-width:0;padding:4px;position:relative;overflow:hidden}.composition-grid button.thumbnail{outline-offset:-3px;opacity:1;outline:3px solid #7657ff}.composition-grid button:disabled{cursor:default}.composition-grid img{object-fit:contain;width:100%;height:100%;display:block}.composition-grid i{color:#fff;width:24px;height:24px;top:4px;right:4px}.composition-grid i svg{width:12px}.caption{color:#fff5;text-align:center;margin:9px 0 0;font-size:11px}.publication-card{background:#ffffff0e;border:1px solid #ffffff17;border-radius:27px;gap:12px;width:100%;min-width:0;max-width:100%;margin-top:15px;padding:16px;display:grid}.publication-card label{color:#ffffff72;gap:6px;width:100%;min-width:0;font-size:12px;font-weight:800;display:grid}.publication-card input{color:#fff;text-overflow:ellipsis;background:#0003;border:1px solid #ffffff17;border-radius:16px;outline:none;width:100%;min-width:0;height:48px;padding:0 14px;overflow:hidden}.publication-card input:focus{border-color:#7657ff}.publication-card .mono,.link-preview strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.link-preview{background:#0003;border-radius:16px;min-width:0;padding:12px;overflow:hidden}.link-preview small{color:#fff5;display:block}.link-preview strong{overflow-wrap:anywhere;color:#d9ff68;word-break:break-word;min-width:0;margin-top:4px;font-size:12px;display:block}.publication-card>p{justify-content:space-between;min-width:0;margin:0;font-size:14px;display:flex}.publication-card>p span{color:#ffffff72}.approved-box{text-align:center;background:#d9ff6814;border:1px solid #d9ff6840;border-radius:22px;place-items:center;min-width:0;margin-top:15px;padding:18px;display:grid}.approved-box>svg{color:#d9ff68;width:25px}.approved-box strong{margin-top:7px}.approved-box p{color:#ffffff72;margin:4px 0 0;font-size:12px}.bottom-nav{z-index:10;width:100%;max-width:780px;height:calc(78px + env(safe-area-inset-bottom));padding:12px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));background:#17161b;border-top:1px solid #ffffff20;justify-content:space-around;margin:auto;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px #09090d80}.bottom-nav span{color:#fff5;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;font-size:10px;font-weight:800;display:flex}.bottom-nav svg{width:19px}.background-toggle{background:#ffffff0a;border:1px solid #ffffff17;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin-top:12px;padding:6px 6px 6px 13px;display:grid}.background-toggle>small{color:#ffffff72;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.background-toggle>span{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.background-toggle button{color:#ffffff72;background:0 0;border:0;border-radius:12px;height:36px;padding:0 8px;font-size:11px;font-weight:800}.background-toggle button.active{color:#fff;background:#7657ff;box-shadow:0 5px 18px #7657ff44}.candidate{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sticker-frame,.quality-image,.composition-grid button,.zoom-surface{transition:background .2s}.review-page[data-preview-background=dark] .sticker-frame,.review-page[data-preview-background=dark] .quality-image,.review-page[data-preview-background=dark] .composition-grid button,.review-page[data-preview-background=dark] .zoom-surface{background:#29282f}.review-page[data-preview-background=light] .sticker-frame,.review-page[data-preview-background=light] .quality-image,.review-page[data-preview-background=light] .composition-grid button,.review-page[data-preview-background=light] .zoom-surface{background:radial-gradient(circle at 50% 42%,#fff 0,#f4f1ff 58%,#e7e1ff 100%)}.review-page[data-preview-background=checker] .sticker-frame,.review-page[data-preview-background=checker] .quality-image,.review-page[data-preview-background=checker] .composition-grid button,.review-page[data-preview-background=checker] .zoom-surface{background-color:#d9d9df;background-image:linear-gradient(45deg,#a9a9b2 25%,#0000 25%),linear-gradient(-45deg,#a9a9b2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#a9a9b2 75%),linear-gradient(-45deg,#0000 75%,#a9a9b2 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.zoom-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09090dcc;place-items:center;padding:56px 18px 28px;display:grid;position:fixed;inset:0}.zoom-close{top:max(18px,env(safe-area-inset-top));color:#fff;background:#24232a;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:42px;height:42px;font-size:29px;line-height:1;display:grid;position:absolute;right:18px}.zoom-card{justify-items:center;gap:9px;width:min(100%,620px);display:grid}.zoom-surface{aspect-ratio:1;border:1px solid #ffffff24;border-radius:30px;width:100%;overflow:hidden}.zoom-surface img{object-fit:contain;width:100%;height:100%;display:block}.zoom-card>strong{font-size:20px}.zoom-card>small{color:#ffffff72}@media (width>=640px){.app{padding-left:32px;padding-right:32px}.candidate-grid.three,.qa-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.composition-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
