@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&display=swap";.site,.site-page{--display:"Inter Tight", "Inter", system-ui, sans-serif;--text:"Inter", system-ui, sans-serif;--ink:#1d1d1f;--ink-2:#6e6e73;--line:#d2d2d7;--paper:#fff;--mist:#f5f5f7;--night:#000;--night-card:#161617;--night-ink:#f5f5f7;--night-ink-2:#86868b;--accent-link:#0071e3;--ease:cubic-bezier(.2, .7, .2, 1);--section-y:calc(clamp(96px, 13vw, 168px))}.orb-fallback{aspect-ratio:1;background:radial-gradient(circle at 38% 32%,#ffffff1f,#0000 42%),radial-gradient(circle at 50% 60%,#2a2a2e,#0b0b0c 70%);border-radius:50%}:root,[data-theme=papier]{--canvas:#eee9df;--glow:#fffffff2;--ink:#29251f;--muted:#776f64;--paper:#fffdf8;--surface:#fffcf8;--topbar:#fffdf8eb;--line:#ded7ca;--accent:#a94b35;--accent-dark:#823322;--on-accent:#fffdf8;--soft:#f4eadb;--chip:#fff0eb;--green:#496b57;--disabled:#9a9389;--disabled-bg:#eeeae2;--success-bg:#f3f8f4;--success-line:#b9d0bf;--shell-shadow:#41322324}[data-theme=nacht]{--canvas:#000;--glow:transparent;--ink:#f5f5f7;--muted:#86868b;--paper:#000;--surface:#161617;--topbar:#000000b8;--line:#333336;--accent:#f5f5f7;--accent-dark:#fff;--on-accent:#1d1d1f;--soft:#1d1d1f;--chip:#161617;--green:#1f9d4c;--disabled:#86868b;--disabled-bg:#1d1d1f;--success-bg:#161617;--success-line:#333336;--shell-shadow:transparent}[data-theme=bos]{--canvas:#e4ebe4;--glow:#ffffffb3;--ink:#1c2a22;--muted:#5d6e64;--paper:#f7faf6;--surface:#fff;--topbar:#f7faf6eb;--line:#d3ddd4;--accent:#1f4d38;--accent-dark:#163828;--on-accent:#f7faf6;--soft:#e7f0e8;--chip:#e5f0e8;--green:#1f4d38;--disabled:#8a978e;--disabled-bg:#e3ebe4;--success-bg:#e7f3ea;--success-line:#b7d0c0;--shell-shadow:#1c342624}[data-theme=inkt]{--canvas:#e6e1d6;--glow:#ffffff8c;--ink:#1a1916;--muted:#6b675f;--paper:#f3efe6;--surface:#faf7f1;--topbar:#f3efe6eb;--line:#d4cfc3;--accent:#1a1916;--accent-dark:#000;--on-accent:#f3efe6;--soft:#e8e2d6;--chip:#e7e1d4;--green:#3e5346;--disabled:#8d887e;--disabled-bg:#e4dfd4;--success-bg:#e8efe8;--success-line:#b7c6b8;--shell-shadow:#1a191629}[data-theme=kaars]{--canvas:#f3e6d0;--glow:#fff8e6e6;--ink:#3a2a1c;--muted:#8a6e52;--paper:#fff8ee;--surface:#fffdf8;--topbar:#fff8eeeb;--line:#ead7bc;--accent:#b86a2a;--accent-dark:#8d4e18;--on-accent:#fff8ee;--soft:#f8ead6;--chip:#fde8d2;--green:#6d7a4e;--disabled:#b09a84;--disabled-bg:#f0e4d2;--success-bg:#f4f6e8;--success-line:#d5d8b4;--shell-shadow:#78481c29}:root{color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);letter-spacing:-.012em;background:var(--canvas);margin:0}button,input{font:inherit}button{color:inherit}#app{min-height:100vh}.app-shell{background:var(--paper);width:min(100%,480px);min-height:100svh;color:var(--ink);box-shadow:none;letter-spacing:-.012em;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0 auto;font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.47;display:flex}.topbar{z-index:10;background:var(--topbar);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid #ffffff14;grid-template-columns:52px 1fr 52px;align-items:center;height:52px;padding:0 12px;display:grid;position:sticky;top:0}.icon-button,.text-button{cursor:pointer;background:0 0;border:0}.icon-button{border-radius:50%;width:40px;height:40px;font-size:23px}.icon-button:hover{background:var(--soft)}.text-button{color:var(--ink);justify-self:end;font-weight:500}.icon-placeholder{width:40px}.progress{justify-content:center;gap:7px;display:flex}.progress-dot{background:var(--line);border-radius:100%;width:7px;height:7px;transition:all .18s}.progress-dot.active{background:var(--accent);border-radius:10px;width:20px}.complete-label{color:var(--green);text-align:center;letter-spacing:-.01em;font-size:15px;font-weight:600}.screen{flex:1;display:flex}.content{width:100%;padding:30px 24px calc(92px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex}.content.centered{text-align:center;justify-content:center;align-items:center}.eyebrow{color:var(--muted);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.03em;font-family:Inter Tight,Inter,system-ui,sans-serif;font-weight:600;line-height:1.05}h1{letter-spacing:-.035em;margin-bottom:0;font-size:calc(clamp(34px,8vw,40px))}h2{margin-bottom:8px}.intro{margin:0 0 8px;font-size:17px;line-height:1.47}.intro,.qr-frame{color:var(--muted)}.qr-frame{border:1px dashed var(--line);background:var(--surface);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:178px;margin:8px 0;display:flex}.qr-corners{color:#fff;font-size:50px;line-height:1}.field-label,.range-label{letter-spacing:-.01em;font-size:15px;font-weight:600}.input{border:1px solid var(--line);background:var(--surface);width:100%;height:52px;color:var(--ink);text-transform:uppercase;border-radius:14px;outline:none;padding:0 16px;font-weight:600}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.button{cursor:pointer;letter-spacing:-.012em;border:0;border-radius:999px;width:100%;min-height:48px;padding:0 22px;font-size:17px;font-weight:500;transition:background .25s,transform .2s}.button:active{transform:scale(.98)}.button.primary{color:var(--on-accent);background:var(--accent)}.button.primary:hover{background:var(--accent-dark)}.button.secondary{border:1px solid var(--line);background:var(--surface)}.button.secondary:hover{background:var(--soft)}.button:disabled{color:var(--disabled);background:var(--disabled-bg);box-shadow:none;cursor:not-allowed}.dev-card{border:1px dashed var(--line);background:var(--soft);border-radius:16px;margin-top:12px;padding:13px}.dev-card .home-link{color:inherit;place-items:center;margin-top:8px;text-decoration:none;display:grid}.site-mode body{background:#000;padding:0}.dev-card p{color:var(--muted);margin:5px 0 10px;font-size:13px}.dev-badge{letter-spacing:.1em;background:#e9c980;border-radius:99px;padding:3px 7px;font-size:10px;font-weight:800}.upload-card{border:1.5px dashed var(--line);background:var(--soft);cursor:pointer;text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:210px;display:flex}.upload-card span:last-of-type{color:var(--muted);font-size:15px}.upload-icon{border:1px solid var(--line);width:54px;height:54px;color:var(--ink);background:0 0;border-radius:50%;place-items:center;font-size:30px;display:grid}.clip-list{gap:10px;display:grid}.clip-card{border:1px solid var(--line);border-radius:16px;grid-template-columns:64px minmax(0,1fr) 36px;align-items:center;gap:12px;padding:8px;display:grid}.clip-details{gap:3px;min-width:0;display:grid}.clip-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clip-card span{color:var(--muted);font-size:15px}.clip-thumb{aspect-ratio:1;color:#fff;background:linear-gradient(145deg,#3a3a3c,#1d1d1f);border-radius:11px;place-items:center;width:64px;display:grid}.clip-remove{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:50%;font-size:22px;line-height:1}.clip-remove:hover{background:var(--soft)}.add-media-button{place-items:center;display:grid}.crop-caption,.orb-preview,.selection-limit{text-align:center}.selection-limit,.tip{color:var(--muted);margin:0;font-size:15px}.tip{background:var(--surface);border-radius:12px;padding:12px 16px;line-height:1.45}.orb-preview{aspect-ratio:1;color:#fff;background:radial-gradient(circle at 38% 32%,#ffffff1f,#0000 42%),radial-gradient(circle at 50% 60%,#2a2a2e,#0b0b0c 70%);border:7px solid #1d1d1f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:calc(min(72vw,290px));margin:6px auto 4px;display:flex;position:relative;overflow:hidden;box-shadow:inset -18px -18px 40px #0006}.orb-preview.small{border-width:5px;width:158px}.orb-preview small{color:#ffffff9e;position:absolute;bottom:34px}.orb-shine{background:radial-gradient(#ffffff42,#0000 70%);border-radius:50%;width:65%;height:34%;position:absolute;top:7%;left:11%;transform:rotate(-24deg)}.crop-editor{gap:12px;display:grid}.crop-viewport{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#0b0b0c;border:7px solid #1d1d1f;border-radius:50%;width:calc(min(72vw,290px));margin:6px auto 0;position:relative;overflow:hidden;box-shadow:inset -18px -18px 40px #0006}.crop-viewport:active{cursor:grabbing}.crop-media{-o-object-fit:fill;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute;transform:translate(-50%,-50%)}.crop-gloss{background:radial-gradient(#ffffff38,#0000 70%);width:68%;height:38%;top:4%;left:8%;transform:rotate(-22deg)}.crop-gloss,.crop-reticle{pointer-events:none;border-radius:50%;position:absolute}.crop-reticle{border:1px solid #fff3;inset:10px}.crop-reticle:after,.crop-reticle:before{content:"";background:#fff3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crop-reticle:before{width:18px;height:1px}.crop-reticle:after{width:1px;height:18px}.crop-caption{color:var(--muted);margin:0;font-size:15px}.crop-toolbar{justify-content:center;gap:8px;display:flex}.crop-tool-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:500}.crop-zoom-control{grid-template-columns:48px 1fr 38px;align-items:center;gap:10px;font-size:15px;font-weight:500;display:grid}.crop-zoom-control output{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.editor-fallback,.range-label{gap:12px;display:grid}.editor-fallback p{color:var(--muted);text-align:center;margin:0;font-size:13px;line-height:1.5}.range-label{grid-template-columns:48px 1fr;align-items:center}input[type=range]{accent-color:var(--accent)}.trim-card{border:1px solid var(--line);border-radius:15px;gap:5px;padding:10px;display:grid}.trim-card>span,.trim-times{color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px}.trim-times{justify-content:space-between;display:flex}.trim-track{touch-action:none;background:linear-gradient(145deg,#3a3a3c,#1d1d1f);border-radius:8px;height:48px;position:relative}.trim-window{border:2px solid var(--accent);pointer-events:none;background:#fff3;border-radius:8px;position:absolute;top:0;bottom:0}.trim-handle{background:var(--ink);cursor:ew-resize;touch-action:none;border:0;border-radius:6px;width:16px;height:100%;padding:0;position:absolute;top:0;transform:translate(-50%);box-shadow:0 1px 4px #0006}.trim-handle:disabled{cursor:not-allowed;opacity:.5}.sound-switch{align-items:center;gap:10px;font-size:17px;font-weight:500;display:flex}.tip.hard{color:var(--ink)}.filmstrip{border:2px solid var(--accent);border-radius:8px;grid-template-columns:repeat(8,1fr);height:48px;display:grid;overflow:hidden}.filmstrip span{background:linear-gradient(145deg,#3a3a3c,#1d1d1f);border-right:1px solid #fff6}details{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}summary{cursor:pointer;padding:15px;font-weight:600}details p{color:var(--muted);margin:0;padding:0 15px 15px;font-size:14px}.chips{flex-wrap:wrap;gap:8px;padding:0 12px 14px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:500}.chip.selected{border-color:var(--ink);color:var(--on-accent);background:var(--ink)}.chip:disabled{color:var(--disabled);background:var(--disabled-bg);cursor:not-allowed;border-style:dashed;text-decoration:line-through}.duration-chips{padding-top:0}.caption-field{padding:0 15px 14px}.caption-input{border:1px solid var(--line);background:var(--paper);width:100%;height:48px;color:var(--ink);border-radius:14px;padding:0 14px;font-family:Fraunces,Georgia,serif;font-size:18px;font-weight:600}.caption-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent);outline:none}.caption-chip{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.caption-place{gap:8px;padding:0 15px 14px;display:grid}.caption-pad{grid-template-columns:repeat(3,36px);gap:6px;width:max-content;display:grid}.caption-pad-cell{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:10px;width:36px;height:36px;padding:0;position:relative}.caption-pad-cell.selected{border-color:var(--accent);background:var(--chip)}.caption-pad-cell .mark{background:var(--muted);border-radius:99px;width:8px;height:8px;position:absolute}.caption-pad-cell.selected .mark{background:var(--accent)}.mark-top-left{top:6px;left:6px}.mark-top{margin-left:-4px;top:6px;left:50%}.mark-top-right{top:6px;right:6px}.mark-left{margin-top:-4px;top:50%;left:6px}.mark-center{margin:-4px 0 0 -4px;top:50%;left:50%}.mark-right{margin-top:-4px;top:50%;right:6px}.mark-bottom-left{bottom:6px;left:6px}.mark-bottom{margin-left:-4px;bottom:6px;left:50%}.mark-bottom-right{bottom:6px;right:6px}.crystal-orb,.project-preview{justify-items:center;gap:8px;display:grid}.crystal-orb{width:min(100%,360px)}.crystal-orb-stage{aspect-ratio:1;cursor:grab;touch-action:none;width:100%}.crystal-orb-stage:active{cursor:grabbing}.crystal-orb-stage.is-static{cursor:default;touch-action:auto}.crystal-orb-stage canvas{width:100%;height:100%;display:block}.base-swatches{gap:8px;display:flex}.base-swatch{width:22px;height:22px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:2px solid #fff;border-radius:50%;padding:0}.base-swatch.selected{box-shadow:0 0 0 2px var(--accent)}.crystal-orb-hint,.preview-fallback-name{color:var(--muted);text-align:center;margin:0;font-size:12px}.preview-dots{gap:5px;display:flex}.preview-dots span{background:var(--line);border-radius:50%;width:5px;height:5px}.preview-dots span.active{background:var(--accent);border-radius:4px;width:13px}.checkout-upload-button{margin-top:12px}.checkout-upload-note{color:var(--muted);text-align:center;margin:-4px 12px 0;font-size:13px;line-height:1.45}.checkout-upload-status{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:18px;gap:9px;padding:18px;display:grid}.checkout-upload-status p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.checkout-upload-track{background:var(--line);border-radius:99px;height:9px;overflow:hidden}.checkout-upload-track span{border-radius:inherit;background:var(--accent);height:100%;transition:width 90ms linear;display:block}.checkout-upload-status.complete{border-color:var(--success-line);background:var(--success-bg)}.checkout-upload-status.complete h2{margin:0}.checkout-upload-check{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto;font-size:23px;font-weight:800;display:grid}.filter-zwart-wit{filter:grayscale()}.filter-helderder{filter:brightness(1.2)contrast(1.08)}.filter-warme{filter:sepia(.35)saturate(1.2)}.filter-sneeuw:after,.filter-sneeuw:before{content:"❄  ·  ❅  ·  ❆  ·  ❄  ·  ❅";z-index:2;color:#ffffffeb;letter-spacing:8px;text-align:center;text-shadow:0 0 5px #ffffffa6;white-space:normal;pointer-events:none;font-size:18px;line-height:2.3;animation:5.5s linear infinite snowfall;position:absolute;inset:-45% -25% auto}.filter-sneeuw:after{content:"·  ❆  ·  ❄  ·  ❅  ·  ❆  ·";color:#ffffffad;letter-spacing:12px;font-size:12px;animation-duration:8s;animation-delay:-3s;transform:translate(10px)}@keyframes snowfall{0%{translate:0 -15%;rotate:-3deg}50%{translate:8px 70%;rotate:3deg}to{translate:-5px 155%;rotate:-3deg}}@media (prefers-reduced-motion:reduce){.filter-sneeuw:after,.filter-sneeuw:before{animation:none;translate:0 70%}}.progress-ring{aspect-ratio:1;background:conic-gradient(var(--accent) var(--progress),var(--line) 0);width:190px;padding:11px}.progress-ring,.progress-ring div{border-radius:50%;place-items:center;display:grid}.progress-ring div{background:var(--paper);letter-spacing:-.03em;width:100%;height:100%;font-family:Inter Tight,Inter,system-ui,sans-serif;font-size:30px;font-weight:600}.tabs{border:1px solid var(--line);background:var(--surface);grid-template-columns:1fr 1fr;padding:3px;display:grid}.tabs,.tabs button{border-radius:999px}.tabs button{cursor:pointer;background:0 0;border:0;padding:10px;font-weight:500}.tabs button.active{background:var(--ink);color:var(--on-accent)}.instructions{gap:14px;padding:0;list-style:none;display:grid}.instructions li{grid-template-columns:34px 1fr;align-items:start;gap:10px;line-height:1.5;display:grid}.instructions li>span{background:var(--soft);width:31px;height:31px;color:var(--accent);border-radius:50%;place-items:center;font-weight:600;display:grid}.link-button{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:10px;font-weight:500}.link-button.danger{color:#ff6961}.orb-preview.success{background:radial-gradient(circle at 35% 28%,#fff5,#0000 30%),#66826d;font-size:42px}.result-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;width:100%;padding:22px}.result-card p{color:var(--muted)}.result-card .button{margin-top:10px}.celebration{margin-bottom:10px;font-size:30px}.modal-backdrop{z-index:50;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.help-modal{background:var(--surface);width:min(100%,480px);max-height:86vh;padding:20px 20px max(24px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0;gap:10px;display:grid;overflow-y:auto;box-shadow:0 -20px 60px #0000002e}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h2{margin:0}.video-placeholder{background:var(--surface);height:130px;color:var(--ink);cursor:pointer;border:0;border-radius:16px}@media (width>=700px){.app-shell{min-height:100svh}.modal-backdrop{align-items:center}.help-modal{border-radius:24px}}