:root{--ink:#0a0a0a;--paper:#f4f4f1;--orange:#ff5100;--card:#ffffff;--muted:#8a8a84;--muted2:#9b9b95;--line:#ecece7;--line2:#f0f0eb;--green:#1b7f3b;--green-tint:#e9f3ec;--yellow:#f9e27d;--yellow-ink:#5c4a00;--red:#d7301f;--red-tint:#fbe4e0;--red-ink:#b3261e;--navy:#13244a;--cond:"Barlow Condensed",sans-serif}*{box-sizing:border-box;border-radius:0!important}.navchev,.pill,.tally i,.thumb .dot,[style*="border-radius: 50%"],[style*="border-radius: 999"],[style*="border-radius:50%"],[style*="border-radius:999"]{border-radius:999px!important}body,html{height:100%}body{margin:0;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}.screen{height:100dvh;max-width:680px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden}.screen .scrollable{overflow-y:auto;flex:1 1;min-height:0}.wrap{max-width:680px;margin:0 auto;padding:24px 16px 48px}.appbar{background:var(--ink);padding:14px 16px;gap:12px}.appbar,.appbar .backbtn{color:#fff;display:flex;align-items:center;flex:none}.appbar .backbtn{justify-content:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.08);text-decoration:none;font-size:16px}.appbar .titleblock{flex:1 1;min-width:0}.appbar .title{font-family:var(--cond);font-weight:600;font-size:17px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar .sub{font-size:11px;color:var(--muted2);margin-top:1px}.pill{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.1em;padding:5px 11px;border-radius:999px;white-space:nowrap}.pill.green{background:var(--green);color:#fff}.pill.greentint{background:var(--green-tint);color:var(--green)}.pill.yellow{background:var(--yellow);color:var(--yellow-ink)}.pill.red{background:var(--red-tint);color:var(--red-ink)}.pill.orange{background:var(--orange);color:#fff}.pill.gray{background:#ececea;color:#5a5a55}.pill.ink{background:var(--ink);color:#fff}.card{background:var(--card);border-radius:18px;box-shadow:0 1px 2px rgba(10,10,10,.04),0 12px 32px rgba(10,10,10,.07)}.btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:none;cursor:pointer;font-family:var(--cond);font-weight:600;font-size:15.5px;letter-spacing:.09em;height:48px;border-radius:12px;text-decoration:none;white-space:nowrap}.btn.dark{background:var(--ink);color:#fff}.btn.approve{background:var(--green);color:#fff}.btn.changes{background:var(--red);color:#fff}.btn.approved-state{background:var(--green-tint);color:var(--green);box-shadow:inset 0 0 0 1.5px var(--green)}.btn.changes-state{background:var(--red-tint);color:var(--red-ink);box-shadow:inset 0 0 0 1.5px var(--red-ink)}.btn.primary{background:var(--orange);color:#fff}.btn:disabled{background:#ecece7;color:var(--muted2);cursor:not-allowed}.link-quiet{background:none;border:none;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:none;padding:8px}.link-quiet.underline{text-decoration:underline}.condensed{font-family:var(--cond);font-weight:600}.imgbox{background:#ffffff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:8px;overflow:hidden;min-height:0}.imgbox img{width:100%;height:100%;object-fit:contain}.navchev{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.92);box-shadow:0 1px 4px rgba(10,10,10,.1);color:#44443f;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;padding:0 0 2px}.navchev.prev{left:8px}.navchev.next{right:8px}.thumbs{display:flex;gap:10px;overflow-x:auto;padding:3px 20px;flex:none}.thumb{flex:none;width:56px;height:56px;border-radius:14px;overflow:hidden;position:relative;background:#fff;cursor:pointer;padding:0;border:none}.thumb img{width:100%;height:100%;object-fit:contain;background:#fff}.thumb.ring-green{box-shadow:0 0 0 2px var(--green)}.thumb.ring-red{box-shadow:0 0 0 2px var(--red)}.thumb.ring-current{box-shadow:0 0 0 2.5px var(--ink)}.thumb.dim{opacity:.75}.thumb .dot{position:absolute;right:3px;bottom:3px;width:11px;height:11px;border-radius:999px;border:2px solid #fff}.thumb .dot.green{background:var(--green)}.thumb .dot.red{background:var(--red)}.thumb.brandtile{background:var(--navy);align-items:center;justify-content:center;gap:4px}.bottombar,.thumb.brandtile{display:flex;flex-direction:column}.bottombar{background:#fff;border-top:1px solid var(--line2);padding:13px 20px calc(16px + env(safe-area-inset-bottom));gap:12px;flex:none}.tally{gap:16px;font-size:12.5px;font-weight:500;color:#44443f}.tally,.tally span{display:flex;align-items:center}.tally span{gap:7px}.tally i{width:8px;height:8px;border-radius:999px;font-style:normal}.swatches{display:flex;gap:8px;margin-top:8px}.swatch-col{flex:1 1;min-width:0}.swatch-col .bar{height:42px;border-radius:10px}.swatch-col .name{font-size:11px;font-weight:600;margin-top:5px}.swatch-col .code{font-size:10px;color:var(--muted2)}@media (min-width:1024px){.swatch-col .name{font-size:15px}.swatch-col .code{font-size:13px}}.brandpanel{width:100%;height:185px;border-radius:14px;background:var(--navy);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}.brandpanel img{max-width:133px;max-height:133px}textarea.notes{width:100%;min-height:110px;border:1.5px solid var(--line2);border-radius:10px;padding:12px;font:inherit;font-size:16px;resize:vertical;background:#fff}textarea.notes:focus{outline:2px solid var(--ink)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.item-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.agree{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:12px;padding:16px;font-size:13px;line-height:1.5;color:#444}.agree input{width:20px;height:20px;margin-top:1px;accent-color:var(--ink);flex-shrink:0}.deckpage{position:relative;display:block;text-decoration:none;color:inherit;flex:none}.deckpage .cta{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(10,10,10,0);opacity:0;transition:opacity .15s ease,background .15s ease}.deckpage:hover .cta{opacity:1;background:rgba(10,10,10,.28)}.deckpage .cta span{background:var(--ink);color:#fff;font-family:var(--cond);font-weight:600;font-size:15px;letter-spacing:.09em;padding:12px 22px;border-radius:11px}.lightbox{position:fixed;inset:0;z-index:60;background:#ffffff;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;animation:fadeIn .15s ease-out}.lightbox img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .05s linear;will-change:transform}.lightbox-close{position:fixed;top:calc(14px + env(safe-area-inset-top));right:14px;width:40px;height:40px;border-radius:12px;border:none;background:rgba(10,10,10,.85);color:#fff;font-size:16px;cursor:pointer;z-index:61}.lightbox-hint{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:12px;color:var(--muted);pointer-events:none;z-index:61}.modal-box{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;z-index:50;background:#fff;border-radius:16px;padding:18px;box-shadow:0 10px 50px rgba(0,0,0,.3);animation:popIn .18s ease-out}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.sheet-backdrop{position:fixed;inset:0;background:rgba(10,10,10,.45);z-index:40;animation:fadeIn .2s ease-out}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-radius:18px 18px 0 0;padding:14px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -8px 40px rgba(0,0,0,.25);animation:slideUp .25s ease-out;max-width:680px;margin:0 auto}.sheet .grab{width:40px;height:4px;border-radius:999px;background:var(--line2);margin:0 auto 14px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.uploader .drop{width:100%;border:2px dashed var(--muted2);background:#fafaf8;padding:16px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;text-align:center;color:var(--muted);transition:border-color .12s ease,background .12s ease}.uploader .drop.over,.uploader .drop:hover{border-color:var(--ink);background:#f1f1ec}.uploader .drop b{font-size:13px;color:var(--ink);font-weight:700}.uploader .drop span{font-size:11.5px;color:var(--muted)}.uploader .thumbrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}