#finishline-app{--bg:#f1f2ef;--panel:#ffffff;--fg:#141a1f;--muted:#5c6670;--line:#d8dcdf;--accent:#1f5c9c;--accent-ink:#ffffff;--field:#f6f7f8;--wall:#e3e7e4;--sans:"Schibsted Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif}@media(prefers-color-scheme:dark){#finishline-app:not([data-theme=light]){--bg:#111417;--panel:#191d21;--fg:#e9edf0;--muted:#97a1aa;--line:#2b3238;--accent:#5b9be0;--accent-ink:#06121f;--field:#20262b;--wall:#1d2226;color-scheme:dark}}#finishline-app[data-theme=dark]{--bg:#111417;--panel:#191d21;--fg:#e9edf0;--muted:#97a1aa;--line:#2b3238;--accent:#5b9be0;--accent-ink:#06121f;--field:#20262b;--wall:#1d2226;color-scheme:dark}#finishline-app,#finishline-app *{box-sizing:border-box}#finishline-app{background:var(--bg);color:var(--fg);font:15px/1.5 var(--sans);padding-inline:16px;padding-block:20px 40px}#finishline-app .wrap{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:20px}#finishline-app header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px}#finishline-app h1{font:800 clamp(30px,5vw,46px)/1 var(--sans);letter-spacing:-.03em;margin:0}#finishline-app h1 span{color:var(--accent)}#finishline-app header p{margin:0;color:var(--muted);max-width:50ch;font-size:14px}#finishline-app .grid{display:grid;grid-template-columns:minmax(0,410px) minmax(0,1fr);gap:20px;align-items:start}@media(max-width:880px){#finishline-app .grid{grid-template-columns:minmax(0,1fr)}}#finishline-app .panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:22px;min-width:0}#finishline-app .step{display:flex;flex-direction:column;gap:10px}#finishline-app .step h2{font:700 17px/1.2 var(--sans);letter-spacing:-.01em;margin:0;display:flex;gap:10px;align-items:center}#finishline-app .step h2 b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--fg);color:var(--bg);font-size:12px}#finishline-app .note{font-size:13px;color:var(--muted);margin:0}#finishline-app .note.ok{color:var(--fg)}#finishline-app .note.warn{color:var(--fg);border-left:3px solid var(--accent);padding-left:10px}#finishline-app label{display:flex;flex-direction:column;gap:4px;font:600 12px var(--sans);color:var(--muted);min-width:0}#finishline-app input,#finishline-app textarea,#finishline-app select{font:15px var(--sans);color:var(--fg);background:var(--field);border:1px solid var(--line);border-radius:6px;padding:9px 10px;width:100%;min-width:0}#finishline-app textarea{resize:vertical;min-height:64px}#finishline-app input:focus-visible,#finishline-app textarea:focus-visible,#finishline-app button:focus-visible,#finishline-app .drop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#finishline-app .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#finishline-app .row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#finishline-app .link{display:flex;gap:8px}#finishline-app .link input{flex:1}#finishline-app button{font:600 14px var(--sans);border-radius:6px;padding:10px 14px;cursor:pointer;border:1px solid var(--fg);background:transparent;color:var(--fg)}#finishline-app button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}#finishline-app button.small{padding:6px 10px;font-size:13px}#finishline-app button:disabled{opacity:.45;cursor:not-allowed}#finishline-app .drop{border:1.5px dashed var(--line);border-radius:8px;padding:14px;text-align:center;cursor:pointer;font-size:14px;color:var(--muted);background:var(--field)}#finishline-app .drop.over{border-color:var(--accent);color:var(--fg)}#finishline-app .drop strong{color:var(--fg)}#finishline-app .howto{font-size:13px;color:var(--muted);margin:0;padding-left:18px}#finishline-app .tag{display:inline-block;font:600 11px var(--sans);letter-spacing:.04em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);padding:2px 7px;border-radius:4px}#finishline-app .swatches{display:flex;flex-wrap:wrap;gap:10px;align-items:center}#finishline-app .sw{width:34px;height:34px;border-radius:50%;padding:0;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line)}#finishline-app .sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--fg)}#finishline-app .custom{display:flex;align-items:center;gap:6px;font:600 12px var(--sans);color:var(--muted)}#finishline-app .custom input{width:40px;height:34px;padding:2px;border-radius:50%;cursor:pointer}#finishline-app .toggles{display:flex;flex-wrap:wrap;gap:8px}#finishline-app .seg{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}#finishline-app .seg button{border:0;border-radius:0;padding:7px 12px;font-size:13px}#finishline-app .seg button[aria-pressed=true]{background:var(--fg);color:var(--bg)}#finishline-app .photo{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#finishline-app .wall{background:var(--wall);border-radius:10px;padding:clamp(20px,5vw,56px) clamp(16px,4vw,48px);display:flex;flex-direction:column;align-items:center;gap:18px;min-width:0;position:sticky;top:calc(env(safe-area-inset-top,0px) + 12px)}@media(max-width:880px){#finishline-app .wall{position:static}}#finishline-app .frame{width:100%;max-width:470px;padding:clamp(8px,1.6vw,14px);background:#15171a;box-shadow:0 26px 50px #00000047,0 4px 10px #0000002e}#finishline-app .frame[data-frame=none]{padding:0;background:transparent;box-shadow:0 14px 32px #00000026}#finishline-app .frame[data-frame=natural]{padding:clamp(30px,6vw,43px);background-color:#e9d5b7;background-image:repeating-linear-gradient(90deg,transparent 0 2px,rgba(145,108,70,.075) 2px 2.6px,transparent 2.6px 7px,rgba(255,255,255,.2) 7px 8px,transparent 8px 14px),repeating-linear-gradient(89.5deg,transparent 0 17px,rgba(164,128,88,.07) 18px 18.7px,transparent 19px 36px,rgba(255,255,255,.16) 37px 39px,transparent 40px 58px),linear-gradient(95deg,#ead7bc,#f4e5ce 19%,#e8d2b2,#f1dec3 67%,#e6ceb0);box-shadow:inset 0 0 0 1px #a37e5857,inset 0 0 0 3px #ffffff59,inset 0 0 0 9px #dec49f1a,0 26px 50px #00000038,0 4px 10px #0000001f}#finishline-app .frame[data-frame=natural] canvas{box-shadow:0 0 0 21px #faf9f6,0 0 0 22px #e9e5dc,0 3px 8px 23px #412d191f}#finishline-app .frame[data-frame=black]{background:linear-gradient(135deg,#343434,#080808 45%,#292929);box-shadow:inset 0 0 0 2px #050505,0 26px 50px #00000047,0 4px 10px #0000002e}#finishline-app .frame[data-frame=white]{background:linear-gradient(135deg,#fff,#e9e9e6 55%,#fafafa);box-shadow:inset 0 0 0 1px #c6c6c6,0 26px 50px #0000003d,0 4px 10px #0000001f}#finishline-app .frame canvas{display:block;width:100%;height:auto;aspect-ratio:2/3;max-width:100%}#finishline-app .actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}#finishline-app .status{font-size:13px;color:var(--muted);text-align:center;min-height:1.4em;margin:0}@media(prefers-reduced-motion:no-preference){#finishline-app button,#finishline-app .sw,#finishline-app .drop{transition:background .15s,border-color .15s,box-shadow .15s}}#finishline-app{display:block;width:100%;background:var(--bg);color:var(--fg);font:15px/1.5 var(--sans);padding:20px 16px 40px;isolation:isolate}#finishline-app button{min-height:unset;text-transform:none;letter-spacing:normal}#finishline-app input,#finishline-app textarea,#finishline-app select{box-sizing:border-box}#finishline-app .wall{z-index:1}
/*# sourceMappingURL=/cdn/shop/t/1/assets/finishline.css.map */