@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";.pik-card{background:var(--pik-surface-raised, #ffffff);border:1px solid var(--pik-border-subtle, #e2e8f0);border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 1px 2px #0000000d}.pik-title{font-size:18px;font-weight:700;color:var(--pik-text-primary, #0f172a);margin-bottom:8px;letter-spacing:-.025em}.pik-product-card{display:flex;flex-direction:column;padding:16px;background:var(--pik-surface-raised, #ffffff);border:1px solid var(--pik-border-subtle, #e2e8f0);border-radius:8px;transition:all .2s ease}.pik-product-badge{display:inline-block;font-size:11px;font-weight:700;color:var(--pik-text-tertiary, #64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.pik-product-info{margin-bottom:16px;flex:1}.pik-product-title{font-size:14px;font-weight:600;color:var(--pik-text-primary, #0f172a);margin-bottom:4px;line-height:1.4}.pik-product-size{font-size:13px;color:var(--pik-text-secondary, #64748b)}.pik-product-price{margin-top:8px;font-size:15px;font-weight:700;color:var(--pik-text-primary, #0f172a)}.pik-product-actions{display:flex;gap:8px}.pik-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;border:1px solid transparent;flex:1;text-decoration:none}.pik-btn.primary{background-color:#0ea5e9;color:#fff;box-shadow:0 2px 4px #0ea5e94d}.pik-btn.primary:hover{background-color:#0284c7}.pik-btn.primary:disabled{background-color:#94a3b8;cursor:not-allowed;box-shadow:none}.pik-btn.secondary{background-color:var(--pik-surface-raised, white);border:1px solid var(--pik-border-default, #e2e8f0);color:var(--pik-text-primary, #0f172a)}.pik-btn.secondary:hover{background-color:var(--pik-surface-base, #f8fafc);border-color:var(--pik-border-strong, #cbd5e1)}.pik-product-recommendations-split{margin-top:20px}.pik-material-warning{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fbbf241f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(251,191,36,.3);border-radius:10px;margin-bottom:20px;font-size:13px;color:var(--pik-text-primary, #0f172a);box-shadow:0 2px 8px #0000000f}.pik-material-warning span:first-child{font-size:16px;line-height:1}.pik-rec-section{margin-bottom:16px;padding:12px;background:var(--pik-surface-sunken, #fafafa);border-radius:8px;border:1px solid var(--pik-border-subtle, #e2e8f0)}.pik-rec-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--pik-border-subtle, #e2e8f0)}.pik-rec-section-title{font-weight:700;font-size:12px;color:var(--pik-text-primary, #0f172a);letter-spacing:.5px}.pik-rec-section-dims{font-size:12px;color:var(--pik-text-secondary, #64748b)}.pik-match-label{font-size:12px;font-weight:600;margin-bottom:8px;color:var(--pik-text-secondary, #64748b)}.pik-match-label.exact{color:var(--pik-success-500, #22c55e)}.pik-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.pik-rec-summary{padding:16px;background:#22c55e14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(34,197,94,.25);border-radius:10px;font-size:13px;color:var(--pik-text-primary, #0f172a)}.pik-rec-summary-row{margin-bottom:6px;color:var(--pik-text-secondary, #64748b)}.pik-rec-summary-savings{margin-top:10px;padding-top:10px;border-top:1px solid rgba(34,197,94,.25);font-weight:700;font-size:14px;color:var(--pik-success-500, #22c55e)}.pik-custom-cta{padding:20px;background:#fbbf2414;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(251,191,36,.25);border-radius:10px;text-align:center}.pik-custom-cta-title{font-weight:700;color:var(--pik-warning-600, #d97706);margin-bottom:8px}.pik-custom-cta-size{font-size:14px;color:var(--pik-text-primary, #0f172a);margin-bottom:12px}@media(prefers-color-scheme:dark){.pik-liner-app:not([data-theme=light]) .pik-material-warning{background:#fbbf2426;border-color:#fbbf2459}.pik-liner-app:not([data-theme=light]) .pik-rec-summary{background:#22c55e1f;border-color:#22c55e4d}.pik-liner-app:not([data-theme=light]) .pik-rec-summary-savings{color:#4ade80}.pik-liner-app:not([data-theme=light]) .pik-custom-cta{background:#fbbf241f;border-color:#fbbf244d}.pik-liner-app:not([data-theme=light]) .pik-custom-cta-title{color:#fbbf24}.pik-liner-app:not([data-theme=light]) .pik-match-label.exact{color:#4ade80}}.pik-liner-app[data-theme=dark] .pik-material-warning{background:#fbbf2426;border-color:#fbbf2459}.pik-liner-app[data-theme=dark] .pik-rec-summary{background:#22c55e1f;border-color:#22c55e4d}.pik-liner-app[data-theme=dark] .pik-rec-summary-savings{color:#4ade80}.pik-liner-app[data-theme=dark] .pik-custom-cta{background:#fbbf241f;border-color:#fbbf244d}.pik-liner-app[data-theme=dark] .pik-custom-cta-title{color:#fbbf24}.pik-liner-app[data-theme=dark] .pik-match-label.exact{color:#4ade80}.pik-material-tabs{margin-bottom:20px}.pik-material-tabs-header{margin-bottom:8px}.pik-material-tabs-label{font-size:12px;font-weight:600;color:var(--pik-text-tertiary, #64748b);text-transform:uppercase;letter-spacing:.5px}.pik-material-tabs-buttons{display:flex;gap:8px;flex-wrap:wrap}.pik-material-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--pik-text-secondary, #64748b);background:var(--pik-surface-raised, #ffffff);border:1px solid var(--pik-border-subtle, #e2e8f0);border-radius:8px;cursor:pointer;transition:all .2s ease}.pik-material-tab:hover:not(:disabled){background:var(--pik-surface-base, #f8fafc);border-color:var(--pik-border-default, #cbd5e1)}.pik-material-tab:disabled{opacity:.4;cursor:not-allowed}.pik-material-tab.active{color:var(--pik-text-primary, #0f172a);background:var(--pik-surface-raised, #ffffff);border-color:var(--pik-border-strong, #94a3b8);box-shadow:0 1px 3px #00000014}.pik-material-tab.epdm.active{border-color:#0369a1;box-shadow:0 1px 3px #0369a133}.pik-material-tab.rpe.active{border-color:#0d9488;box-shadow:0 1px 3px #0d948833}.pik-material-tab-dot{width:8px;height:8px;border-radius:50%}.pik-material-tab-dot.epdm{background:#0369a1}.pik-material-tab-dot.rpe{background:#0d9488}.pik-material-group{margin-bottom:16px}.pik-material-group:last-child{margin-bottom:0}.pik-material-group-header{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:12px;border-radius:6px}.pik-material-group-header.epdm{background:#0369a114;border-left:3px solid #0369a1}.pik-material-group-header.rpe{background:#0d948814;border-left:3px solid #0d9488}.pik-material-group-title{display:flex;align-items:center;gap:8px}.pik-material-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pik-material-name{font-weight:700;font-size:13px;color:var(--pik-text-primary, #0f172a)}.pik-material-tagline{font-size:12px;color:var(--pik-text-tertiary, #64748b);font-style:italic}.pik-material-badge{position:absolute;top:8px;right:8px;padding:3px 8px;font-size:10px;font-weight:700;letter-spacing:.5px;border-radius:4px}.pik-material-badge.epdm{background:#0369a11f;color:#0369a1;border:1px solid rgba(3,105,161,.25)}.pik-material-badge.rpe{background:#0d94881f;color:#0d9488;border:1px solid rgba(13,148,136,.25)}.pik-product-card{position:relative}.pik-product-card.pik-product-card--epdm{border-left:3px solid #0369a1}.pik-product-card.pik-product-card--rpe{border-left:3px solid #0d9488}.pik-products-by-material{display:flex;flex-direction:column;gap:20px}.pik-match-section{display:flex;flex-direction:column;gap:12px}.pik-material-groups-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:768px){.pik-material-groups-row{grid-template-columns:1fr}}.pik-no-matches{padding:24px;text-align:center;color:var(--pik-text-tertiary, #64748b);font-size:14px;background:var(--pik-surface-sunken, #f8fafc);border-radius:8px;border:1px dashed var(--pik-border-subtle, #e2e8f0)}@media(prefers-color-scheme:dark){.pik-liner-app:not([data-theme=light]) .pik-material-group-header.epdm{background:#0369a126}.pik-liner-app:not([data-theme=light]) .pik-material-group-header.rpe{background:#0d948826}.pik-liner-app:not([data-theme=light]) .pik-material-badge.epdm{background:#0369a133;color:#38bdf8;border-color:#0369a166}.pik-liner-app:not([data-theme=light]) .pik-material-badge.rpe{background:#0d948833;color:#2dd4bf;border-color:#0d948866}.pik-liner-app:not([data-theme=light]) .pik-material-tab-dot.epdm{background:#38bdf8}.pik-liner-app:not([data-theme=light]) .pik-material-tab-dot.rpe{background:#2dd4bf}}.pik-liner-app[data-theme=dark] .pik-material-group-header.epdm{background:#0369a126}.pik-liner-app[data-theme=dark] .pik-material-group-header.rpe{background:#0d948826}.pik-liner-app[data-theme=dark] .pik-material-badge.epdm{background:#0369a133;color:#38bdf8;border-color:#0369a166}.pik-liner-app[data-theme=dark] .pik-material-badge.rpe{background:#0d948833;color:#2dd4bf;border-color:#0d948866}.pik-liner-app[data-theme=dark] .pik-material-tab-dot.epdm{background:#38bdf8}.pik-liner-app[data-theme=dark] .pik-material-tab-dot.rpe{background:#2dd4bf}.pik-underlayment-section,.pik-underlayment-sections{margin-top:24px;padding:20px;background:var(--pik-surface-raised, #ffffff);border:1px solid var(--pik-border-subtle, #e2e8f0);border-radius:12px;box-shadow:0 1px 2px #0000000d}.pik-underlayment-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--pik-border-subtle, #e2e8f0)}.pik-underlayment-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--pik-text-primary, #0f172a);margin-bottom:4px}.pik-underlayment-icon{width:20px;height:20px;color:#8b5cf6;flex-shrink:0}.pik-underlayment-label{font-weight:500;color:var(--pik-text-secondary, #64748b)}.pik-underlayment-subtitle{font-size:13px;color:var(--pik-text-tertiary, #64748b);margin-left:30px}.pik-underlayment-content{margin-top:12px}.pik-product-card.pik-product-card--underlayment{border-left:3px solid #8b5cf6}.pik-underlayment-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;border-radius:4px;margin-bottom:12px}.pik-underlayment-badge.exact{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.pik-underlayment-badge.close{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.25)}.pik-underlayment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.pik-underlayment-piece{padding:12px;background:var(--pik-surface-sunken, #f8fafc);border-radius:8px;border:1px solid var(--pik-border-subtle, #e2e8f0)}.pik-underlayment-piece-label{font-size:12px;font-weight:700;color:var(--pik-text-tertiary, #64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--pik-border-subtle, #e2e8f0)}@media(prefers-color-scheme:dark){.pik-liner-app:not([data-theme=light]) .pik-underlayment-icon{color:#a78bfa}.pik-liner-app:not([data-theme=light]) .pik-underlayment-badge.exact{background:#22c55e26;color:#4ade80;border-color:#22c55e59}.pik-liner-app:not([data-theme=light]) .pik-underlayment-badge.close{background:#3b82f626;color:#60a5fa;border-color:#3b82f659}.pik-liner-app:not([data-theme=light]) .pik-product-card--underlayment{border-left-color:#a78bfa}}.pik-liner-app[data-theme=dark] .pik-underlayment-icon{color:#a78bfa}.pik-liner-app[data-theme=dark] .pik-underlayment-badge.exact{background:#22c55e26;color:#4ade80;border-color:#22c55e59}.pik-liner-app[data-theme=dark] .pik-underlayment-badge.close{background:#3b82f626;color:#60a5fa;border-color:#3b82f659}.pik-liner-app[data-theme=dark] .pik-product-card--underlayment{border-left-color:#a78bfa}/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}.pik-liner-app *,.pik-liner-app :before,.pik-liner-app :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media(prefers-reduced-motion:no-preference){.pik-liner-app *,.pik-liner-app :before,.pik-liner-app :after{animation-duration:unset!important;animation-iteration-count:unset!important;transition-duration:unset!important;scroll-behavior:unset!important}}@media(forced-colors:active){.pik-liner-app{--pik-border-subtle:CanvasText;--pik-border-default:CanvasText}.pik-feature-card,.pik-panel,.pik-gizmo-handle,button,input,select{forced-color-adjust:none;border:2px solid canvastext!important}:focus-visible{outline-offset:2px!important;outline:3px solid highlight!important}.pik-liner-app svg{forced-color-adjust:auto}}.pik-glass{background:var(--pik-surface-raised)}@supports (backdrop-filter:blur(8px)){.pik-glass{-webkit-backdrop-filter:blur(8px);background:#ffffffd9}}@media(pointer:coarse){.pik-glass{background:var(--pik-surface-raised)!important;-webkit-backdrop-filter:none!important}}@supports not (background:color-mix(in srgb,red 50%,blue)){.pik-feature-card{--accent-soft:#0c84eb1a;--accent-medium:#0c84eb33}.pik-feature-icon{background:#0c84eb1a;border-color:#0c84eb33}}.pik-liner-app :focus{outline:none}.pik-liner-app :focus-visible{box-shadow:var(--pik-shadow-focus);outline:none}@supports not selector(:focus-visible){.pik-liner-app button:focus,.pik-liner-app input:focus,.pik-liner-app select:focus,.pik-liner-app [tabindex]:focus{box-shadow:var(--pik-shadow-focus)}}@media print{.pik-liner-app{background:#fff!important}.pik-liner-app *{box-shadow:none!important;text-shadow:none!important}.pik-feature-palette,.pik-gizmo-group,.toolbar{display:none!important}}.pik-liner-app *{will-change:auto}.pik-liner-app .is-dragging{will-change:transform}.pik-liner-app .is-animating{will-change:transform,opacity}.pik-panel,.pik-canvas-container{contain:layout style paint}.pik-liner-app,.pik-volume-calculator{--pik-surface-base:#f5f7fa;--pik-surface-raised:#fff;--pik-surface-sunken:#eef1f5;--pik-surface-inset:#e4e8ef;--pik-surface-overlay:#0f172a80;--pik-text-primary:#1a2332;--pik-text-secondary:#4a5568;--pik-text-tertiary:#5a6578;--pik-text-quaternary:#8892a2;--pik-text-inverse:#f8fafc;--pik-border-subtle:#e2e8f0;--pik-border-default:#cbd5e1;--pik-border-strong:#94a3b8;--pik-primary-50:#f0f7ff;--pik-primary-100:#e0efff;--pik-primary-200:#baddff;--pik-primary-300:#7cc2ff;--pik-primary-400:#36a3ff;--pik-primary-500:#0c84eb;--pik-primary-600:#0068c9;--pik-primary-700:#0052a3;--pik-accent-400:#22c9ae;--pik-accent-500:#0dab93;--pik-accent-600:#088a78;--pik-success-50:#f0fdf4;--pik-success-100:#dcfce7;--pik-success-200:#bbf7d0;--pik-success-500:#22c55e;--pik-success-600:#16a34a;--pik-success-700:#15803d;--pik-warning-50:#fffbeb;--pik-warning-100:#fef3c7;--pik-warning-500:#f59e0b;--pik-warning-600:#d97706;--pik-warning-700:#b45309;--pik-danger-50:#fff5f5;--pik-danger-100:#ffe3e3;--pik-danger-500:#ef4444;--pik-danger-600:#dc2626;--pik-danger-700:#b91c1c;--pik-water-surface:#93c5fd;--pik-water-shallow:#60a5fa;--pik-water-medium:#3b82f6;--pik-water-deep:#2563eb;--pik-water-deepest:#1d4ed8;--pik-liner-material:#334155;--pik-liner-extent:#22c55e;--pik-liner-pattern:#3341550f;--pik-feature-waterfall:#0ea5e9;--pik-feature-stream:#0c84eb;--pik-feature-spillway:#0dab93;--pik-feature-raised:#6366f1;--pik-feature-selected:#22c55e;--color-primary:var(--pik-primary-500);--color-primary-dark:var(--pik-primary-600);--color-primary-soft:var(--pik-primary-100);--color-success:var(--pik-success-500);--color-error:var(--pik-danger-500);--color-warning:var(--pik-warning-500);--color-text:var(--pik-text-primary);--color-text-muted:var(--pik-text-secondary);--color-border:var(--pik-border-default);--color-bg:var(--pik-surface-base);--color-bg-card:var(--pik-surface-raised)}@media(prefers-color-scheme:dark){.pik-liner-app:not([data-theme=light]),.pik-volume-calculator:not([data-theme=light]){--pik-surface-base:#0f1419;--pik-surface-raised:#1a2332;--pik-surface-sunken:#0a0f14;--pik-surface-inset:#151d28;--pik-surface-overlay:#000000b3;--pik-text-primary:#f1f5f9;--pik-text-secondary:#cbd5e1;--pik-text-tertiary:#94a3b8;--pik-text-quaternary:#64748b;--pik-border-subtle:#1e293b;--pik-border-default:#334155;--pik-border-strong:#475569;--pik-primary-500:#38bdf8;--pik-primary-600:#0ea5e9;--pik-accent-400:#2dd4bf;--pik-primary-50:#38bdf81a;--pik-primary-100:#38bdf826;--pik-primary-200:#38bdf833;--pik-success-50:#22c55e1a;--pik-success-100:#22c55e26;--pik-success-200:#22c55e33;--pik-warning-50:#f59e0b1a;--pik-warning-100:#f59e0b26;--pik-danger-50:#ef44441a;--pik-danger-100:#ef444426;--pik-accent-50:#2dd4bf1a;--pik-accent-100:#2dd4bf26;--pik-liner-material:#475569;--pik-liner-extent:#4ade80;--color-primary:var(--pik-primary-500);--color-bg:var(--pik-surface-base);--color-bg-card:var(--pik-surface-raised)}}.pik-liner-app[data-theme=dark],.pik-liner-app.dark,.pik-volume-calculator[data-theme=dark],.pik-volume-calculator.dark{--pik-surface-base:#0f1419;--pik-surface-raised:#1a2332;--pik-surface-sunken:#0a0f14;--pik-surface-inset:#151d28;--pik-surface-overlay:#000000b3;--pik-text-primary:#f1f5f9;--pik-text-secondary:#cbd5e1;--pik-text-tertiary:#94a3b8;--pik-text-quaternary:#64748b;--pik-border-subtle:#1e293b;--pik-border-default:#334155;--pik-border-strong:#475569;--pik-primary-500:#38bdf8;--pik-primary-600:#0ea5e9;--pik-accent-400:#2dd4bf;--pik-primary-50:#38bdf81a;--pik-primary-100:#38bdf826;--pik-primary-200:#38bdf833;--pik-success-50:#22c55e1a;--pik-success-100:#22c55e26;--pik-success-200:#22c55e33;--pik-warning-50:#f59e0b1a;--pik-warning-100:#f59e0b26;--pik-danger-50:#ef44441a;--pik-danger-100:#ef444426;--pik-accent-50:#2dd4bf1a;--pik-accent-100:#2dd4bf26;--pik-liner-material:#475569;--pik-liner-extent:#4ade80;--color-primary:var(--pik-primary-500);--color-bg:var(--pik-surface-base);--color-bg-card:var(--pik-surface-raised)}:root,.pik-liner-app{--font-display:"Outfit",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--font-sans:var(--font-display);--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3rem;--leading-none:1;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--tracking-tighter:-.03em;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em}.pik-text-display{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.pik-text-h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.pik-text-h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--text-primary)}.pik-text-h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--text-primary)}.pik-text-body{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-secondary)}.pik-text-small{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-tertiary)}.pik-text-caption{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-quaternary)}.pik-text-overline{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:var(--leading-normal);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-tertiary)}.pik-metric-hero{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-none);letter-spacing:var(--tracking-tight);font-feature-settings:"tnum" 1}.pik-metric-lg{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-feature-settings:"tnum" 1}.pik-metric-md{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-tight);font-feature-settings:"tnum" 1}.pik-metric-sm{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-tight);font-feature-settings:"tnum" 1}.pik-code{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-secondary)}.pik-text-gradient-primary{background:linear-gradient(135deg,var(--primary-600)0%,var(--primary-500)50%,var(--accent-500)100%);color:#0000;-webkit-background-clip:text;background-clip:text}.pik-text-gradient-success{background:linear-gradient(135deg,var(--success-600)0%,var(--success-500)50%,var(--accent-500)100%);color:#0000;-webkit-background-clip:text;background-clip:text}:root,.pik-liner-app{--space-0:0;--space-px:1px;--space-0\.5:.125rem;--space-1:.25rem;--space-1\.5:.375rem;--space-2:.5rem;--space-2\.5:.625rem;--space-3:.75rem;--space-3\.5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-toast:600;--z-tooltip:700;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--panel-padding-sm:var(--space-4);--panel-padding-md:var(--space-5);--panel-padding-lg:var(--space-6);--card-padding-sm:var(--space-3);--card-padding-md:var(--space-4);--card-padding-lg:var(--space-5);--input-height-sm:32px;--input-height-md:40px;--input-height-lg:48px;--button-height-sm:32px;--button-height-md:40px;--button-height-lg:48px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px}.pik-liner-app{--pik-shadow-sm:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--pik-shadow-md:0 4px 8px #0f172a14,0 2px 4px #0f172a0a;--pik-shadow-lg:0 8px 24px #0f172a1f,0 4px 8px #0f172a0a;--pik-shadow-focus:0 0 0 3px #0c84eb26,0 0 0 1px #0c84eb4d;--pik-shadow-focus-danger:0 0 0 3px #ef444426,0 0 0 1px #ef44444d;--pik-shadow-glow:0 0 8px #22c55e33,0 0 3px #22c55e4d;--pik-shadow-inset:inset 0 1px 3px #0f172a14;--shadow-sm:var(--pik-shadow-sm);--shadow-md:var(--pik-shadow-md);--shadow-lg:var(--pik-shadow-lg);--shadow-subtle:var(--pik-shadow-sm);--shadow-card:var(--pik-shadow-sm);--shadow-popover:var(--pik-shadow-lg)}@media(prefers-color-scheme:dark){.pik-liner-app:not([data-theme=light]){--pik-shadow-sm:0 1px 3px #00000059,0 1px 2px #0003;--pik-shadow-md:0 4px 8px #00000059,0 2px 4px #0003;--pik-shadow-lg:0 8px 24px #0006,0 4px 8px #00000040;--pik-shadow-focus:0 0 0 3px #38bdf833,0 0 0 1px #38bdf866;--pik-shadow-glow:0 0 8px #4ade8040,0 0 3px #4ade8059;--pik-shadow-inset:inset 0 1px 3px #00000040}}.pik-liner-app[data-theme=dark],.pik-liner-app.dark{--pik-shadow-sm:0 1px 3px #00000059,0 1px 2px #0003;--pik-shadow-md:0 4px 8px #00000059,0 2px 4px #0003;--pik-shadow-lg:0 8px 24px #0006,0 4px 8px #00000040;--pik-shadow-focus:0 0 0 3px #38bdf833,0 0 0 1px #38bdf866;--pik-shadow-glow:0 0 8px #4ade8040,0 0 3px #4ade8059;--pik-shadow-inset:inset 0 1px 3px #00000040}.pik-liner-app{--pik-duration-fast:.15s;--pik-duration-normal:.25s;--pik-duration-slow:.4s;--pik-ease-out:cubic-bezier(.16,1,.3,1);--pik-ease-in-out:cubic-bezier(.65,0,.35,1);--pik-ease-spring:cubic-bezier(.34,1.56,.64,1);--duration-fast:var(--pik-duration-fast);--duration-normal:var(--pik-duration-normal);--duration-slow:var(--pik-duration-slow);--ease-out:var(--pik-ease-out)}@keyframes pik-fade-up{0%{opacity:0;transform:translateY(12px)}}@keyframes pik-fade-in{0%{opacity:0}}@keyframes pik-scale-in{0%{opacity:0;transform:scale(.95)}}@keyframes pik-spin{to{transform:rotate(360deg)}}@keyframes pik-value-flash{0%{background-color:var(--pik-primary-100)}to{background-color:#0000}}@keyframes pik-select-pulse{0%{transform:scale(.97)}50%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes pik-caustic-ripple{0%{opacity:.03;transform:scale(1)}50%{opacity:.02;transform:scale(1.01)}to{opacity:.03;transform:scale(1)}}@media(prefers-reduced-motion:no-preference){.pik-liner-app[data-loaded] .pik-panel{animation:pik-fade-up var(--pik-duration-slow)var(--pik-ease-out)backwards}.pik-liner-app[data-loaded] .pik-panel:first-child{animation-delay:0s}.pik-liner-app[data-loaded] .pik-panel:nth-child(2){animation-delay:60ms}.pik-liner-app[data-loaded] .pik-panel:nth-child(3){animation-delay:.12s}.pik-animate-select{animation:pik-select-pulse var(--pik-duration-normal)var(--pik-ease-out)}.pik-metric-value[data-updated]{animation:pik-value-flash var(--pik-duration-normal)var(--pik-ease-out)}.pik-canvas-container.is-transitioning:before{animation:pik-caustic-ripple 2s var(--pik-ease-out)1}.pik-spinner{animation:1s linear infinite pik-spin}.pik-transition-colors{transition:color var(--pik-duration-fast)var(--pik-ease-out),background-color var(--pik-duration-fast)var(--pik-ease-out),border-color var(--pik-duration-fast)var(--pik-ease-out)}.pik-transition-transform{transition:transform var(--pik-duration-normal)var(--pik-ease-out)}.pik-transition-shadow{transition:box-shadow var(--pik-duration-normal)var(--pik-ease-out)}.pik-transition-all{transition:transform var(--pik-duration-normal)var(--pik-ease-out),box-shadow var(--pik-duration-normal)var(--pik-ease-out),background-color var(--pik-duration-fast)var(--pik-ease-out),border-color var(--pik-duration-fast)var(--pik-ease-out)}}.pik-feature-card{--card-accent:var(--accent,var(--pik-primary-500));background:var(--pik-surface-raised);border:1px solid var(--pik-border-subtle);border-radius:var(--pik-radius-lg,14px);min-height:72px;box-shadow:var(--pik-shadow-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:flex-start;gap:12px;padding:14px;display:flex;position:relative}@media(prefers-reduced-motion:no-preference){.pik-feature-card{transition:transform var(--pik-duration-fast)var(--pik-ease-out),box-shadow var(--pik-duration-fast)var(--pik-ease-out),border-color var(--pik-duration-fast)var(--pik-ease-out),opacity var(--pik-duration-fast)var(--pik-ease-out)}.pik-feature-card:hover:not(:disabled){box-shadow:var(--pik-shadow-md);border-color:var(--pik-border-default);transform:translateY(-2px)}.pik-feature-card:active:not(:disabled){transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.pik-feature-card:hover:not(:disabled){box-shadow:var(--pik-shadow-md);border-color:var(--pik-border-default)}}.pik-feature-card:disabled{cursor:not-allowed;opacity:.5;pointer-events:auto}.pik-feature-card:disabled:hover{box-shadow:var(--pik-shadow-sm);border-color:var(--pik-border-subtle);transform:none}.pik-feature-icon{border-radius:var(--pik-radius-md,10px);width:40px;height:40px;color:var(--card-accent);background:#0c84eb14;border:1px solid #0c84eb26;flex-shrink:0;place-items:center;display:grid}@supports (background:color-mix(in srgb,red 50%,blue)){.pik-feature-icon{background:var(--card-accent)}@supports (color:color-mix(in lab,red,red)){.pik-feature-icon{background:color-mix(in srgb,var(--card-accent)10%,var(--pik-surface-base))}}.pik-feature-icon{border-color:var(--card-accent)}@supports (color:color-mix(in lab,red,red)){.pik-feature-icon{border-color:color-mix(in srgb,var(--card-accent)20%,var(--pik-border-subtle))}}}@media(prefers-reduced-motion:no-preference){.pik-feature-icon{transition:transform var(--pik-duration-fast)var(--pik-ease-spring)}.pik-feature-card:hover:not(:disabled) .pik-feature-icon{transform:scale(1.05)}}.pik-feature-text{flex-direction:column;justify-content:center;min-height:40px;padding-top:2px;display:flex}.pik-feature-name{font-family:var(--pik-font-display,"Outfit",system-ui,sans-serif);letter-spacing:.01em;color:var(--pik-text-primary);margin:0;font-size:13px;font-weight:600;line-height:1.2}.pik-feature-desc{font-family:var(--pik-font-display,"Outfit",system-ui,sans-serif);color:var(--pik-text-secondary);margin:3px 0 0;font-size:11px;line-height:1.35}.pik-feature-card.waterfall{--card-accent:var(--pik-feature-waterfall,#0ea5e9)}.pik-feature-card.stream{--card-accent:var(--pik-feature-stream,#0c84eb)}.pik-feature-card.spillway{--card-accent:var(--pik-feature-spillway,#0dab93)}.pik-feature-card.raised-edge{--card-accent:var(--pik-feature-raised,#6366f1)}.pik-feature-card.waterfall .pik-feature-icon{background:#0ea5e91a;border-color:#0ea5e933}.pik-feature-card.stream .pik-feature-icon{background:#0c84eb1a;border-color:#0c84eb33}.pik-feature-card.spillway .pik-feature-icon{background:#0dab931a;border-color:#0dab9333}.pik-feature-card.raised-edge .pik-feature-icon{background:#6366f11a;border-color:#6366f133}@media(prefers-color-scheme:dark){.pik-liner-app:not([data-theme=light]) .pik-feature-card{background:var(--pik-surface-raised);border-color:var(--pik-border-subtle)}.pik-liner-app:not([data-theme=light]) .pik-feature-name{color:#f1f5f9}.pik-liner-app:not([data-theme=light]) .pik-feature-desc{color:#cbd5e1}}.pik-panel{background:var(--pik-surface-raised);border:1px solid var(--pik-border-subtle);border-radius:var(--pik-radius-xl);box-shadow:var(--pik-shadow-sm);padding:var(--pik-space-5);color:var(--pik-text-primary)}@supports (backdrop-filter:blur(8px)){@media(pointer:fine){.pik-panel--glass{background:var(--pik-surface-raised)}@supports (color:color-mix(in lab,red,red)){.pik-panel--glass{background:color-mix(in srgb,var(--pik-surface-raised)88%,transparent)}}.pik-panel--glass{-webkit-backdrop-filter:blur(8px)}}}.pik-panel--compact{padding:var(--pik-space-3)}.pik-panel--spacious{padding:var(--pik-space-6)}.pik-panel__header{margin-bottom:var(--pik-space-4);justify-content:space-between;align-items:center;display:flex}.pik-panel__title{font-family:var(--pik-font-display);font-size:var(--pik-text-lg,1.0625rem);font-weight:var(--pik-font-semibold,600);color:var(--pik-text-primary);letter-spacing:var(--pik-tracking-tight,-.02em);margin:0}.pik-panel__subtitle{font-family:var(--pik-font-display);font-size:var(--pik-text-sm,.8125rem);color:var(--pik-text-tertiary);margin:var(--pik-space-1)0 0 0}.pik-panel__section{margin-bottom:var(--pik-space-5)}.pik-panel__section:last-child{margin-bottom:0}.pik-panel__section-title{font-family:var(--pik-font-display);font-size:var(--pik-text-xs,.6875rem);font-weight:var(--pik-font-semibold,600);color:var(--pik-text-tertiary);text-transform:uppercase;letter-spacing:var(--pik-tracking-widest,.1em);margin:0 0 var(--pik-space-3)0}.pik-panel__divider{background:linear-gradient(90deg,transparent 0%,var(--pik-border-subtle)15%,var(--pik-border-subtle)85%,transparent 100%);height:1px;margin:var(--pik-space-4)0;border:none}.pik-panel--highlight{border-color:var(--pik-primary-500)}@supports (color:color-mix(in lab,red,red)){.pik-panel--highlight{border-color:color-mix(in srgb,var(--pik-primary-500)35%,var(--pik-border-subtle))}}.pik-panel--highlight{background:var(--pik-primary-500)}@supports (color:color-mix(in lab,red,red)){.pik-panel--highlight{background:color-mix(in srgb,var(--pik-primary-500)8%,var(--pik-surface-raised))}}.pik-panel--success{border-color:var(--pik-success-500)}@supports (color:color-mix(in lab,red,red)){.pik-panel--success{border-color:color-mix(in srgb,var(--pik-success-500)35%,var(--pik-border-subtle))}}.pik-panel--success{background:var(--pik-success-500)}@supports (color:color-mix(in lab,red,red)){.pik-panel--success{background:color-mix(in srgb,var(--pik-success-500)8%,var(--pik-surface-raised))}}.pik-panel--warning{border-color:var(--pik-warning-500)}@supports (color:color-mix(in lab,red,red)){.pik-panel--warning{border-color:color-mix(in srgb,var(--pik-warning-500)35%,var(--pik-border-subtle))}}.pik-panel--warning{background:var(--pik-warning-500)}@supports (color:color-mix(in lab,red,red)){.pik-panel--warning{background:color-mix(in srgb,var(--pik-warning-500)8%,var(--pik-surface-raised))}}@supports not (background:color-mix(in srgb,red 50%,blue)){.pik-panel--highlight{background:var(--pik-primary-50);border-color:var(--pik-primary-200)}.pik-panel--success{background:var(--pik-success-50);border-color:var(--pik-success-200)}.pik-panel--warning{background:var(--pik-warning-50);border-color:var(--pik-warning-200)}}.pik-panel--inset{background:var(--pik-surface-sunken);border:1px solid var(--pik-border-subtle);box-shadow:var(--pik-shadow-inset);-webkit-backdrop-filter:none;backdrop-filter:none}.pik-card{background:var(--pik-surface-raised);border:1px solid var(--pik-border-subtle);border-radius:var(--pik-radius-lg);box-shadow:var(--pik-shadow-sm);padding:var(--pik-space-4);color:var(--pik-text-primary)}@media(prefers-reduced-motion:no-preference){.pik-card--interactive{transition:transform var(--pik-duration-fast)var(--pik-ease-out),border-color var(--pik-duration-fast)var(--pik-ease-out),box-shadow var(--pik-duration-fast)var(--pik-ease-out)}}.pik-card--interactive{cursor:pointer}.pik-card--interactive:hover{border-color:var(--pik-primary-300);box-shadow:var(--pik-shadow-md);transform:translateY(-1px)}.pik-card--interactive:active{box-shadow:var(--pik-shadow-sm);transform:translateY(0)}.pik-card--selected{border-color:var(--pik-primary-500);box-shadow:var(--pik-shadow-sm),0 0 0 3px var(--pik-primary-500)}@supports (color:color-mix(in lab,red,red)){.pik-card--selected{box-shadow:var(--pik-shadow-sm),0 0 0 3px color-mix(in srgb,var(--pik-primary-500)20%,transparent)}}@supports not (box-shadow:0 0 0 3px color-mix(in srgb,red 50%,transparent)){.pik-card--selected{box-shadow:var(--pik-shadow-sm),0 0 0 3px #0c84eb33}}.pik-liner-app[data-theme=dark] .pik-panel,.pik-liner-app[data-theme=dark] .pik-card{background:var(--pik-surface-raised);border-color:var(--pik-border-subtle)}.pik-liner-app[data-theme=dark] .pik-panel--inset{background:var(--pik-surface-sunken)}.pik-liner-app[data-theme=dark] .pik-panel--highlight{background:var(--pik-primary-500)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-panel--highlight{background:color-mix(in srgb,var(--pik-primary-500)12%,var(--pik-surface-raised))}}.pik-liner-app[data-theme=dark] .pik-panel--highlight{border-color:var(--pik-primary-500)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-panel--highlight{border-color:color-mix(in srgb,var(--pik-primary-500)40%,var(--pik-border-subtle))}}.pik-liner-app[data-theme=dark] .pik-panel--success{background:var(--pik-success-500)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-panel--success{background:color-mix(in srgb,var(--pik-success-500)12%,var(--pik-surface-raised))}}.pik-liner-app[data-theme=dark] .pik-panel--success{border-color:var(--pik-success-500)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-panel--success{border-color:color-mix(in srgb,var(--pik-success-500)40%,var(--pik-border-subtle))}}.pik-liner-app[data-theme=dark] .pik-panel--warning{background:var(--pik-warning-500)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-panel--warning{background:color-mix(in srgb,var(--pik-warning-500)12%,var(--pik-surface-raised))}}.pik-liner-app[data-theme=dark] .pik-panel--warning{border-color:var(--pik-warning-500)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-panel--warning{border-color:color-mix(in srgb,var(--pik-warning-500)40%,var(--pik-border-subtle))}}.pik-modal-container{-webkit-backdrop-filter:blur(16px)saturate(180%);color:var(--pik-text-primary);background:#ffffffeb;border:1px solid #ffffff4d;box-shadow:0 8px 32px #0000001f,inset 0 0 0 1px #ffffff1a}.pik-modal-container .pik-modal-header{background:#ffffff80;border-bottom:1px solid #0000000f}.pik-modal-container .pik-modal-body{background:0 0}.pik-modal-container .pik-modal-footer{background:#00000008;border-top:1px solid #0000000f}.pik-liner-app[data-theme=dark] .pik-modal-container,.pik-volume-calculator[data-theme=dark] .pik-modal-container{background:#1a2332e0;border:1px solid #ffffff14;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff0d}.pik-liner-app[data-theme=dark] .pik-modal-container .pik-modal-header,.pik-volume-calculator[data-theme=dark] .pik-modal-container .pik-modal-header{background:#ffffff08;border-bottom:1px solid #ffffff0f}.pik-liner-app[data-theme=dark] .pik-modal-container .pik-modal-footer,.pik-volume-calculator[data-theme=dark] .pik-modal-container .pik-modal-footer{background:#0003;border-top:1px solid #ffffff0f}@media(prefers-color-scheme:dark){.pik-liner-app:not([data-theme=light]) .pik-modal-container,.pik-volume-calculator:not([data-theme=light]) .pik-modal-container{background:#1a2332e0;border:1px solid #ffffff14;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff0d}.pik-liner-app:not([data-theme=light]) .pik-modal-container .pik-modal-header,.pik-volume-calculator:not([data-theme=light]) .pik-modal-container .pik-modal-header{background:#ffffff08;border-bottom:1px solid #ffffff0f}.pik-liner-app:not([data-theme=light]) .pik-modal-container .pik-modal-footer,.pik-volume-calculator:not([data-theme=light]) .pik-modal-container .pik-modal-footer{background:#0003;border-top:1px solid #ffffff0f}}@supports not (backdrop-filter:blur(16px)){.pik-modal-container{background:#fffffffa}.pik-liner-app[data-theme=dark] .pik-modal-container,.pik-liner-app:not([data-theme=light]) .pik-modal-container,.pik-volume-calculator[data-theme=dark] .pik-modal-container,.pik-volume-calculator:not([data-theme=light]) .pik-modal-container{background:#1a2332fa}}.pik-modal-container [class*="pik:bg-surface-muted"]{background:#0000000a!important}.pik-modal-container [class*="pik:bg-surface-muted"]:hover{background:#0000000f!important}.pik-liner-app[data-theme=dark] .pik-modal-container [class*="pik:bg-surface-muted"],.pik-volume-calculator[data-theme=dark] .pik-modal-container [class*="pik:bg-surface-muted"]{background:#ffffff0d!important}.pik-liner-app[data-theme=dark] .pik-modal-container [class*="pik:bg-surface-muted"]:hover,.pik-volume-calculator[data-theme=dark] .pik-modal-container [class*="pik:bg-surface-muted"]:hover{background:#ffffff14!important}@media(prefers-color-scheme:dark){.pik-liner-app:not([data-theme=light]) .pik-modal-container [class*="pik:bg-surface-muted"],.pik-volume-calculator:not([data-theme=light]) .pik-modal-container [class*="pik:bg-surface-muted"]{background:#ffffff0d!important}.pik-liner-app:not([data-theme=light]) .pik-modal-container [class*="pik:bg-surface-muted"]:hover,.pik-volume-calculator:not([data-theme=light]) .pik-modal-container [class*="pik:bg-surface-muted"]:hover{background:#ffffff14!important}}.pik-canvas-container{background:linear-gradient(135deg,var(--pik-surface-sunken)0%,var(--pik-surface-base)50%,var(--pik-surface-sunken)100%);border-radius:var(--pik-radius-xl,18px);contain:layout style paint;padding:16px;position:relative;overflow:hidden}.pik-canvas-container:before{content:"";opacity:.02;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;top:0;right:0;bottom:0;left:0}@media(prefers-reduced-motion:no-preference){.pik-canvas-container.is-transitioning:before{animation:pik-caustic-ripple 2s var(--pik-ease-out,ease-out)1 forwards}}.pik-canvas-container:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 2px 8px #0f172a0a}.pik-canvas-svg{z-index:1;width:100%;height:auto;min-height:320px;display:block;position:relative}.pik-pond-water{fill:url(#waterGradient)}.pik-pond-stroke{stroke:var(--pik-primary-400);stroke-width:2px;fill:none}.pik-liner-overlay{fill:var(--pik-liner-pattern);stroke:var(--pik-liner-extent);stroke-width:1.5px;stroke-dasharray:6 3}.pik-feature-shape{cursor:grab}.pik-feature-shape--selected{filter:url(#selectedGlow)}.pik-feature-shape--dragging{filter:url(#dragShadow);cursor:grabbing}@media(prefers-reduced-motion:no-preference){.pik-feature-shape{transition:filter var(--pik-duration-fast)var(--pik-ease-out)}.pik-feature-shape:hover:not(.pik-feature-shape--dragging){filter:url(#hoverGlow)}}.pik-gizmo-group{pointer-events:auto}.pik-gizmo-bbox{fill:none;stroke:var(--pik-feature-selected);stroke-width:2px;stroke-dasharray:4 4;pointer-events:none}.pik-gizmo-handle{fill:url(#pik-gizmo-gradient);stroke:#fff;stroke-width:1.5px;cursor:grab;filter:drop-shadow(0 2px 4px #22c55e40)}.pik-gizmo-handle:active{cursor:grabbing}@media(prefers-reduced-motion:no-preference){.pik-gizmo-handle{transition:transform var(--pik-duration-fast)var(--pik-ease-spring)}.pik-gizmo-handle:hover{transform:scale(1.15)}}.pik-gizmo-lollipop-line{stroke:var(--pik-feature-selected);stroke-width:2px;pointer-events:none}.pik-gizmo-lollipop-circle{fill:var(--pik-feature-selected);stroke:#fff;stroke-width:1.5px;cursor:grab}@media(prefers-reduced-motion:no-preference){.pik-gizmo-lollipop-circle{transition:transform var(--pik-duration-fast)var(--pik-ease-spring)}.pik-gizmo-lollipop-circle:hover{transform:scale(1.2)}}.pik-gizmo-delete{cursor:pointer}@media(prefers-reduced-motion:no-preference){.pik-gizmo-delete{transition:transform var(--pik-duration-fast)var(--pik-ease-spring)}.pik-gizmo-delete:hover{transform:scale(1.1)}}.pik-gizmo-delete-bg{fill:var(--pik-danger-500);stroke:#fff;stroke-width:1.5px}.pik-gizmo-delete-x{stroke:#fff;stroke-width:2px;stroke-linecap:round}.pik-gizmo-label-bg{fill:var(--pik-surface-raised);stroke:var(--pik-border-subtle);stroke-width:1px;rx:4}.pik-gizmo-label-text{font-family:var(--pik-font-mono,"JetBrains Mono",monospace);fill:var(--pik-text-secondary);text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:11px;font-weight:500}.pik-dim-label-bg{fill:var(--pik-surface-raised);stroke:var(--pik-border-subtle);stroke-width:1px;rx:4}.pik-dim-label-text{font-family:var(--pik-font-mono,"JetBrains Mono",monospace);fill:var(--pik-text-secondary);text-anchor:middle;dominant-baseline:middle;font-size:12px;font-weight:500}.pik-dim-label-text--primary{fill:var(--pik-primary-600);font-weight:600}.pik-dim-label-text--success{fill:var(--pik-success-600);font-weight:600}.pik-depth-cell{cursor:pointer}@media(prefers-reduced-motion:no-preference){.pik-depth-cell{transition:opacity var(--pik-duration-fast)var(--pik-ease-out)}}.pik-depth-cell:hover{opacity:.85}.pik-depth-tooltip{font-family:var(--pik-font-mono);fill:var(--pik-text-inverse);pointer-events:none;font-size:12px;font-weight:600}.pik-depth-tooltip-bg{fill:#0f172ae6;rx:4}.pik-canvas-legend{background:var(--pik-surface-sunken);border-radius:var(--pik-radius-md);flex-wrap:wrap;gap:16px;margin-top:12px;padding:12px 16px;display:flex}.pik-canvas-legend__item{align-items:center;gap:8px;display:flex}.pik-canvas-legend__swatch{flex-shrink:0}.pik-canvas-legend__label{font-family:var(--pik-font-display);color:var(--pik-text-tertiary);font-size:11px}@media(prefers-color-scheme:dark){.pik-liner-app:not([data-theme=light]) .pik-canvas-container{background:linear-gradient(135deg,var(--pik-surface-sunken)0%,var(--pik-surface-base)50%,var(--pik-surface-sunken)100%)}.pik-liner-app:not([data-theme=light]) .pik-canvas-container:before{opacity:.015}}.pik-liner-app[data-theme=dark] .pik-canvas-container,.pik-liner-app.dark .pik-canvas-container{background:linear-gradient(135deg,var(--pik-surface-sunken)0%,var(--pik-surface-base)50%,var(--pik-surface-sunken)100%)}.pik-liner-app[data-theme=dark] .pik-canvas-container:before,.pik-liner-app.dark .pik-canvas-container:before{opacity:.015}.pik-results{position:relative}.pik-result-hero{text-align:center;background:linear-gradient(135deg,var(--pik-primary-50)0%,var(--pik-surface-raised)50%,var(--pik-primary-50)100%);border-bottom:1px solid var(--pik-primary-100);border-radius:var(--pik-radius-xl)var(--pik-radius-xl)0 0;margin:-20px -20px 20px;padding:24px 16px}.pik-result-hero__label{font-family:var(--pik-font-display);color:var(--pik-primary-600);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px;font-weight:600}.pik-result-hero__value{font-family:var(--pik-font-mono,"JetBrains Mono",monospace);letter-spacing:-.02em;color:var(--pik-primary-600);margin-bottom:4px;font-size:40px;font-weight:700;line-height:1}.pik-result-hero__subvalue{font-family:var(--pik-font-mono);color:var(--pik-text-tertiary);margin-bottom:12px;font-size:13px}.pik-result-hero__area{font-family:var(--pik-font-display);color:var(--pik-text-secondary);font-size:17px}@media(prefers-reduced-motion:no-preference){.pik-result-hero__value[data-updated]{animation:pik-value-flash var(--pik-duration-normal)var(--pik-ease-out)}}.pik-result-recommended{text-align:center;background:linear-gradient(135deg,var(--pik-success-50)0%,var(--pik-surface-raised)50%,var(--pik-success-50)100%);border-top:1px solid var(--pik-success-100);border-bottom:1px solid var(--pik-success-100);margin:0 -20px 20px;padding:20px 16px}.pik-result-recommended__label{font-family:var(--pik-font-display);color:var(--pik-success-600);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px;font-weight:600}.pik-result-recommended__value{font-family:var(--pik-font-mono);color:var(--pik-success-600);margin-bottom:4px;font-size:24px;font-weight:700}.pik-result-recommended__area{font-family:var(--pik-font-display);color:var(--pik-text-secondary);margin-bottom:8px;font-size:15px}.pik-result-recommended__excess{font-family:var(--pik-font-display);color:var(--pik-text-tertiary);font-size:13px}.pik-stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.pik-stat{text-align:center;background:var(--pik-surface-sunken);border-radius:var(--pik-radius-md);padding:12px}.pik-stat__value{font-family:var(--pik-font-mono);color:var(--pik-text-primary);font-size:24px;font-weight:700;line-height:1.2}.pik-stat__label{font-family:var(--pik-font-display);color:var(--pik-text-tertiary);margin-top:4px;font-size:11px}.pik-result-breakdown{background:var(--pik-surface-sunken);border-radius:0 0 var(--pik-radius-xl)var(--pik-radius-xl);margin:0 -20px -20px;padding:16px}.pik-result-breakdown__title{font-family:var(--pik-font-display);color:var(--pik-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:11px;font-weight:600}.pik-result-breakdown__formula{font-family:var(--pik-font-mono);color:var(--pik-text-secondary);background:var(--pik-surface-raised);border:1px solid var(--pik-border-subtle);border-radius:var(--pik-radius-md);text-align:center;padding:8px 12px;font-size:13px}.pik-results--loading{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.pik-results__spinner{border:3px solid var(--pik-border-subtle);border-top-color:var(--pik-primary-500);border-radius:50%;width:32px;height:32px}@media(prefers-reduced-motion:no-preference){.pik-results__spinner{animation:1s linear infinite pik-spin}}.pik-results__loading-text{font-family:var(--pik-font-display);color:var(--pik-text-tertiary);margin-top:12px;font-size:13px}.pik-results--stale{opacity:.6}.pik-results__stale-badge{font-family:var(--pik-font-display);color:#fff;background:var(--pik-warning-500);border-radius:var(--pik-radius-sm);padding:4px 8px;font-size:11px;font-weight:500;position:absolute;top:8px;right:8px}@media(prefers-color-scheme:dark){.pik-liner-app:not([data-theme=light]) .pik-result-hero{background:linear-gradient(135deg,var(--pik-primary-500)0%,var(--pik-surface-raised)50%,var(--pik-primary-500)100%)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-result-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--pik-primary-500)15%,var(--pik-surface-raised))0%,var(--pik-surface-raised)50%,color-mix(in srgb,var(--pik-primary-500)10%,var(--pik-surface-raised))100%)}}.pik-liner-app:not([data-theme=light]) .pik-result-hero{border-bottom-color:var(--pik-border-subtle)}.pik-liner-app:not([data-theme=light]) .pik-result-hero__value{color:var(--pik-primary-400)}.pik-liner-app:not([data-theme=light]) .pik-result-recommended{background:linear-gradient(135deg,var(--pik-success-500)0%,var(--pik-surface-raised)50%,var(--pik-success-500)100%)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-result-recommended{background:linear-gradient(135deg,color-mix(in srgb,var(--pik-success-500)12%,var(--pik-surface-raised))0%,var(--pik-surface-raised)50%,color-mix(in srgb,var(--pik-success-500)8%,var(--pik-surface-raised))100%)}}.pik-liner-app:not([data-theme=light]) .pik-result-recommended{border-color:var(--pik-border-subtle)}}.pik-liner-app[data-theme=dark] .pik-result-hero,.pik-liner-app.dark .pik-result-hero{background:var(--pik-surface-raised);border-bottom-color:var(--pik-border-subtle)}.pik-liner-app[data-theme=dark] .pik-result-hero__value,.pik-liner-app.dark .pik-result-hero__value{color:var(--pik-primary-400)}.pik-liner-app[data-theme=dark] .pik-result-recommended,.pik-liner-app.dark .pik-result-recommended{background:var(--pik-surface-raised);border-color:var(--pik-border-subtle)}.pik-liner-app[data-theme=dark] .pik-result-breakdown,.pik-liner-app.dark .pik-result-breakdown{background:var(--pik-surface-sunken)}.pik-theme-toggle{background:var(--pik-surface-sunken);border:1px solid var(--pik-border-subtle);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.pik-theme-toggle__btn{min-width:36px;height:28px;color:var(--pik-text-tertiary);font-family:var(--pik-font-display);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:flex}@media(prefers-reduced-motion:no-preference){.pik-theme-toggle__btn{transition:background .15s,color .15s,box-shadow .15s}}.pik-theme-toggle__btn:hover{color:var(--pik-text-secondary)}.pik-theme-toggle__btn[aria-pressed=true]{background:var(--pik-surface-raised);color:var(--pik-text-primary);box-shadow:var(--pik-shadow-sm)}.pik-theme-toggle__btn:focus-visible{outline:2px solid var(--pik-primary-500);outline-offset:2px}.pik-theme-toggle__btn svg{flex-shrink:0}.pik-zoom-controls{background:var(--pik-surface-sunken);border:1px solid var(--pik-border-subtle);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.pik-zoom-controls--overlay{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--pik-shadow-md);background:#fffffff2;border-color:#0000001a;position:absolute;bottom:12px;right:12px}.pik-zoom-controls--overlay .pik-zoom-controls__btn{color:#475569}.pik-zoom-controls--overlay .pik-zoom-controls__btn:hover:not(:disabled){color:#1e293b;background:#00000014}.pik-zoom-controls--overlay .pik-zoom-controls__percent{color:#1e293b}.pik-zoom-controls--overlay .pik-zoom-controls__percent:hover{background:#00000014}[data-theme=dark] .pik-zoom-controls--overlay{background:#0f172af2;border-color:#ffffff1a}[data-theme=dark] .pik-zoom-controls--overlay .pik-zoom-controls__btn{color:#94a3b8}[data-theme=dark] .pik-zoom-controls--overlay .pik-zoom-controls__btn:hover:not(:disabled){color:#f1f5f9;background:#ffffff1a}[data-theme=dark] .pik-zoom-controls--overlay .pik-zoom-controls__percent{color:#f1f5f9}[data-theme=dark] .pik-zoom-controls--overlay .pik-zoom-controls__percent:hover{background:#ffffff1a}@media(prefers-color-scheme:dark){.pik-zoom-controls--overlay{background:#0f172af2;border-color:#ffffff1a}.pik-zoom-controls--overlay .pik-zoom-controls__btn{color:#94a3b8}.pik-zoom-controls--overlay .pik-zoom-controls__btn:hover:not(:disabled){color:#f1f5f9;background:#ffffff1a}.pik-zoom-controls--overlay .pik-zoom-controls__percent{color:#f1f5f9}.pik-zoom-controls--overlay .pik-zoom-controls__percent:hover{background:#ffffff1a}}.pik-zoom-controls__btn{width:28px;height:28px;color:var(--pik-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:flex}.pik-zoom-controls__btn--md{width:34px;height:34px}@media(prefers-reduced-motion:no-preference){.pik-zoom-controls__btn{transition:background .15s,color .15s}}.pik-zoom-controls__btn:hover:not(:disabled){background:var(--pik-surface-raised);color:var(--pik-text-primary)}.pik-zoom-controls__btn:active:not(:disabled){background:var(--pik-primary-100);color:var(--pik-primary-700)}[data-theme=dark] .pik-zoom-controls__btn:active:not(:disabled){background:var(--pik-primary-900);color:var(--pik-primary-300)}.pik-zoom-controls__btn:disabled{opacity:.4;cursor:not-allowed}.pik-zoom-controls__btn:focus-visible{outline:2px solid var(--pik-primary-500);outline-offset:2px}.pik-zoom-controls__percent{min-width:48px;height:28px;color:var(--pik-text-primary);font-family:var(--pik-font-display);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:flex}.pik-zoom-controls__percent--md{min-width:54px;height:34px;font-size:12px}@media(prefers-reduced-motion:no-preference){.pik-zoom-controls__percent{transition:background .15s,color .15s}}.pik-zoom-controls__percent:hover{background:var(--pik-surface-raised)}.pik-zoom-controls__percent:focus-visible{outline:2px solid var(--pik-primary-500);outline-offset:2px}.pik-zoom-controls__btn svg{flex-shrink:0}@media(max-width:768px){.pik-zoom-controls--overlay{background:#ffffffeb;bottom:8px;left:8px;right:auto}[data-theme=dark] .pik-zoom-controls--overlay{background:#0f172aeb}@media(prefers-color-scheme:dark){.pik-zoom-controls--overlay{background:#0f172aeb}}.pik-zoom-controls__btn{width:26px;height:26px}.pik-zoom-controls__percent{min-width:42px;height:26px;padding:0 6px;font-size:10px}.pik-zoom-controls{gap:1px;padding:2px}}@media(max-width:480px){.pik-zoom-controls--overlay{bottom:6px;left:50%;right:auto;transform:translate(-50%)}}.pik-header{background:var(--pik-surface-raised);border-bottom:1px solid var(--pik-border-subtle);box-shadow:var(--pik-shadow-sm);justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.pik-header__title{color:var(--pik-text-primary);white-space:nowrap;margin:0;font-size:1.25rem;font-weight:700}.pik-header__controls{align-items:center;gap:12px;display:flex}.pik-toolbar{gap:8px;display:flex}.pik-toolbar__icon{flex-shrink:0;width:16px;height:16px}.pik-toolbar__label{margin-left:6px}.pik-toolbar__btn--reset{color:var(--pik-text-muted)}.pik-toolbar__btn--reset:hover{color:#dc2626;background:#ef44441a}[data-theme=dark] .pik-toolbar__btn--reset:hover{background:#ef444426}@media(max-width:768px){.pik-header{flex-wrap:wrap;gap:8px;padding:12px 16px}.pik-header__title{font-size:1.125rem}.pik-header__controls{gap:8px}.pik-toolbar__label{display:none}.pik-toolbar__icon{margin:0}.pik-toolbar{gap:4px}.pik-theme-toggle{gap:2px;padding:3px}.pik-theme-toggle__btn{min-width:32px;height:26px;padding:0 8px;font-size:11px}}@media(max-width:480px){.pik-header{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.pik-header__title{text-align:center;font-size:1rem}.pik-header__controls{justify-content:center}}.pik-card{background:var(--pik-surface-raised);border:1px solid var(--pik-border-subtle);border-radius:var(--pik-radius-lg);color:var(--pik-text-primary)}.pik-card:hover{border-color:var(--pik-border-default)}.pik-banner{border-radius:var(--pik-radius-md);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.pik-banner-info{background:var(--pik-primary-500)}@supports (color:color-mix(in lab,red,red)){.pik-banner-info{background:color-mix(in srgb,var(--pik-primary-500)12%,var(--pik-surface-raised))}}.pik-banner-info{border:1px solid var(--pik-primary-500)}@supports (color:color-mix(in lab,red,red)){.pik-banner-info{border:1px solid color-mix(in srgb,var(--pik-primary-500)25%,var(--pik-border-subtle))}}.pik-banner-info{color:var(--pik-text-primary)}.pik-banner-warning{background:var(--pik-warning-500)}@supports (color:color-mix(in lab,red,red)){.pik-banner-warning{background:color-mix(in srgb,var(--pik-warning-500)12%,var(--pik-surface-raised))}}.pik-banner-warning{border:1px solid var(--pik-warning-500)}@supports (color:color-mix(in lab,red,red)){.pik-banner-warning{border:1px solid color-mix(in srgb,var(--pik-warning-500)25%,var(--pik-border-subtle))}}.pik-banner-warning{color:var(--pik-text-primary)}.pik-banner-success{background:var(--pik-success-500)}@supports (color:color-mix(in lab,red,red)){.pik-banner-success{background:color-mix(in srgb,var(--pik-success-500)12%,var(--pik-surface-raised))}}.pik-banner-success{border:1px solid var(--pik-success-500)}@supports (color:color-mix(in lab,red,red)){.pik-banner-success{border:1px solid color-mix(in srgb,var(--pik-success-500)25%,var(--pik-border-subtle))}}.pik-banner-success{color:var(--pik-text-primary)}.pik-banner-danger{background:var(--pik-danger-500)}@supports (color:color-mix(in lab,red,red)){.pik-banner-danger{background:color-mix(in srgb,var(--pik-danger-500)12%,var(--pik-surface-raised))}}.pik-banner-danger{border:1px solid var(--pik-danger-500)}@supports (color:color-mix(in lab,red,red)){.pik-banner-danger{border:1px solid color-mix(in srgb,var(--pik-danger-500)25%,var(--pik-border-subtle))}}.pik-banner-danger{color:var(--pik-text-primary)}@supports not (background:color-mix(in srgb,red 50%,blue)){.pik-banner-info{background:var(--pik-primary-50);border-color:var(--pik-primary-200)}.pik-banner-warning{background:var(--pik-warning-50);border-color:var(--pik-warning-100)}.pik-banner-success{background:var(--pik-success-50);border-color:var(--pik-success-200)}.pik-banner-danger{background:var(--pik-danger-50);border-color:var(--pik-danger-100)}}.pik-banner-info svg{color:var(--pik-primary-500)}.pik-banner-warning svg{color:var(--pik-warning-500)}.pik-banner-success svg{color:var(--pik-success-500)}.pik-banner-danger svg{color:var(--pik-danger-500)}.pik-input{background:var(--pik-surface-base);border:1px solid var(--pik-border-default);border-radius:var(--pik-radius-md);color:var(--pik-text-primary);padding:8px 12px}.pik-input:focus{border-color:var(--pik-primary-500);box-shadow:0 0 0 3px var(--pik-primary-500);outline:none}@supports (color:color-mix(in lab,red,red)){.pik-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--pik-primary-500)20%,transparent)}}.pik-input::-moz-placeholder{color:var(--pik-text-quaternary)}.pik-input::placeholder{color:var(--pik-text-quaternary)}.pik-accordion-header{background:var(--pik-surface-sunken);border:1px solid var(--pik-border-subtle);border-radius:var(--pik-radius-md);color:var(--pik-text-primary);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pik-accordion-header:hover{background:var(--pik-surface-inset)}.pik-accordion-content{background:var(--pik-surface-base);border:1px solid var(--pik-border-subtle);border-radius:0 0 var(--pik-radius-md)var(--pik-radius-md);color:var(--pik-text-secondary);border-top:none;padding:16px}.pik-product-card{background:var(--pik-surface-raised);border:1px solid var(--pik-border-subtle);border-radius:var(--pik-radius-lg);color:var(--pik-text-primary);padding:16px}@media(prefers-reduced-motion:no-preference){.pik-product-card{transition:border-color var(--pik-duration-fast)var(--pik-ease-out),box-shadow var(--pik-duration-fast)var(--pik-ease-out)}}.pik-product-card:hover{border-color:var(--pik-primary-500);box-shadow:var(--pik-shadow-md)}.pik-product-badge{background:var(--pik-surface-sunken);color:var(--pik-text-tertiary);border-radius:var(--pik-radius-sm);padding:2px 8px;font-size:11px}.pik-price-original{color:var(--pik-text-quaternary);text-decoration:line-through}.pik-price-current{color:var(--pik-text-primary);font-weight:600}.pik-section-header{color:var(--pik-text-primary);margin-bottom:12px;font-size:1.0625rem;font-weight:600}.pik-section-subheader{color:var(--pik-text-tertiary);font-size:.8125rem}.pik-feature-badge-waterfall{background:var(--pik-feature-waterfall)}@supports (color:color-mix(in lab,red,red)){.pik-feature-badge-waterfall{background:color-mix(in srgb,var(--pik-feature-waterfall)15%,var(--pik-surface-raised))}}.pik-feature-badge-waterfall{color:var(--pik-feature-waterfall)}.pik-feature-badge-stream{background:var(--pik-feature-stream)}@supports (color:color-mix(in lab,red,red)){.pik-feature-badge-stream{background:color-mix(in srgb,var(--pik-feature-stream)15%,var(--pik-surface-raised))}}.pik-feature-badge-stream{color:var(--pik-feature-stream)}.pik-feature-badge-spillway{background:var(--pik-feature-spillway)}@supports (color:color-mix(in lab,red,red)){.pik-feature-badge-spillway{background:color-mix(in srgb,var(--pik-feature-spillway)15%,var(--pik-surface-raised))}}.pik-feature-badge-spillway{color:var(--pik-feature-spillway)}.pik-feature-badge-raised{background:var(--pik-feature-raised)}@supports (color:color-mix(in lab,red,red)){.pik-feature-badge-raised{background:color-mix(in srgb,var(--pik-feature-raised)15%,var(--pik-surface-raised))}}.pik-feature-badge-raised{color:var(--pik-feature-raised)}.pik-volume-calculator{--pik-depth-0:#e0f7ff;--pik-depth-1:#7dd3fc;--pik-depth-2:#38bdf8;--pik-depth-3:#0ea5e9;--pik-depth-4:#0284c7;--pik-depth-5:#0369a1;--pik-depth-6:#075985;--pik-depth-8:#0c4a6e;--pik-depth-10:#082f49;--pik-depth-15:#051e32;--pik-canvas-bg-start:#0c4a6e;--pik-canvas-bg-mid:#0f172a;--pik-canvas-bg-end:#020617;--pik-volume-accent:#f59e0b;--pik-volume-accent-hover:#d97706;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5}.pik-volume-header{background:linear-gradient(135deg,var(--pik-primary-600)0%,var(--pik-primary-700)100%);color:#fff;border-radius:16px;padding:1.5rem 2rem;position:relative;overflow:hidden}.pik-volume-header:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#ffffff1a,#0000 50%),radial-gradient(circle at 80% 70%,#38bdf826,#0000 40%);position:absolute;top:0;right:0;bottom:0;left:0}.pik-volume-header:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 50 Q25 30 50 50 T100 50 V100 H0Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E") 100%/contain no-repeat;width:200px;height:100%;position:absolute;top:0;right:0}.pik-volume-header h1{letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700;position:relative}.pik-volume-header p{opacity:.9;margin:.5rem 0 0;font-size:.9rem;position:relative}@media(max-width:640px){.pik-volume-header{border-radius:12px;padding:.875rem 1rem}.pik-volume-header h1{letter-spacing:-.01em;font-size:1.25rem}.pik-volume-header p{margin:.25rem 0 0;font-size:.75rem;line-height:1.3}.pik-volume-header>div{flex-direction:column;gap:.75rem;align-items:stretch!important}.pik-volume-header>div>div:last-child{justify-content:center;flex-shrink:1!important}}.pik-volume-canvas-wrapper{isolation:isolate;background:linear-gradient(180deg,var(--pik-canvas-bg-start)0%,var(--pik-canvas-bg-mid)50%,var(--pik-canvas-bg-end)100%);border-radius:16px;max-width:900px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a,inset 0 1px #ffffff0d}.pik-volume-canvas-wrapper>.pik-volume-canvas-inner svg{min-height:280px;max-height:55vh}@media(max-width:1024px){.pik-volume-canvas-wrapper{max-width:100%}.pik-volume-canvas-wrapper>.pik-volume-canvas-inner svg{max-height:50vh}}@media(max-width:640px){.pik-volume-canvas-wrapper>.pik-volume-canvas-inner svg{min-height:240px;max-height:45vh}}.pik-volume-canvas-wrapper:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(80% 60% at 50% 0,#38bdf814,#0000 60%),radial-gradient(circle at 80% 80%,#082f4966,#0000 40%);position:absolute;top:0;right:0;bottom:0;left:0}.pik-volume-canvas-wrapper .pik-volume-canvas-inner{z-index:2;padding:1.5rem;position:relative}.pik-volume-canvas-hint{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#94a3b8b3;z-index:10;pointer-events:none;white-space:nowrap;background:#0f172a66;border:1px solid #38bdf814;border-radius:3px;align-items:center;gap:3px;padding:2px 8px;font-size:9px;font-weight:500;line-height:1;animation:2s ease-out 4s forwards hintFadeOut;display:inline-flex;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #38bdf814}.pik-volume-canvas-hint svg{opacity:.5;color:#38bdf899;flex-shrink:0;width:8px;height:8px}.pik-volume-canvas-wrapper:hover .pik-volume-canvas-hint{animation:.3s ease-in-out forwards hintFadeIn}@keyframes hintFadeIn{0%{opacity:0}to{opacity:1}}@keyframes hintFadeOut{0%{opacity:1}to{opacity:0}}.pik-brush-controls{background:var(--pik-surface-raised);border:1px solid var(--pik-border-subtle);border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 3px #0000000d}.pik-brush-group{align-items:center;gap:.5rem;display:flex}.pik-brush-label{text-transform:uppercase;letter-spacing:.05em;color:var(--pik-text-tertiary);font-size:.8rem;font-weight:600}.pik-brush-input{width:5rem;color:var(--pik-text-primary);background:var(--pik-surface-base);border:1px solid var(--pik-border-default);border-radius:8px;padding:.5rem .75rem;font-size:.9rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.pik-brush-input:focus{border-color:var(--pik-primary-500);outline:none;box-shadow:0 0 0 3px #0c84eb26}.pik-brush-select{color:var(--pik-text-primary);background:var(--pik-surface-base)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat right .5rem center;border:1px solid var(--pik-border-default);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-size:1.25rem;border-radius:8px;padding:.5rem 2rem .5rem .75rem;font-size:.9rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.pik-brush-select:focus{border-color:var(--pik-primary-500);outline:none;box-shadow:0 0 0 3px #0c84eb26}.pik-brush-swatch{border:2px solid var(--pik-border-strong);border-radius:8px;width:2rem;height:2rem;transition:transform .2s,box-shadow .2s;box-shadow:inset 0 2px 4px #0003}.pik-brush-swatch:hover{transform:scale(1.1);box-shadow:inset 0 2px 4px #0003,0 4px 8px #00000026}.pik-brush-reset{color:var(--pik-text-secondary);background:var(--pik-surface-sunken);border:1px solid var(--pik-border-subtle);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;margin-left:auto;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.pik-brush-reset:hover{background:var(--pik-surface-base);border-color:var(--pik-border-default);color:var(--pik-text-primary)}.pik-brush-reset:active{transform:translateY(1px)}.pik-depth-legend{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border-radius:10px;align-items:center;gap:1rem;margin-top:1rem;padding:.75rem 1rem;display:flex}.pik-depth-legend-label{text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;white-space:nowrap;font-size:.75rem;font-weight:600}.pik-depth-legend-bar{background:linear-gradient(90deg,#7dd3fc,#38bdf8,#0ea5e9,#0369a1,#083344);border-radius:6px;width:100%;height:12px;box-shadow:inset 0 1px 2px #0000004d}.pik-depth-legend-values{color:#fff9;justify-content:space-between;font-size:.7rem;display:flex}.pik-depth-legend--empty .pik-depth-legend-values{opacity:.7;justify-content:center;font-style:italic}.pik-volume-results{background:linear-gradient(135deg,var(--pik-surface-raised)0%,var(--pik-primary-100)100%);padding:2rem}@supports (color:color-mix(in lab,red,red)){.pik-volume-results{background:linear-gradient(135deg,var(--pik-surface-raised)0%,color-mix(in srgb,var(--pik-primary-100)30%,var(--pik-surface-raised))100%)}}.pik-volume-results{border:1px solid var(--pik-border-subtle);border-radius:16px;box-shadow:0 4px 20px #00000014}.pik-volume-hero{text-align:center;padding:1.5rem 0}.pik-volume-hero-label{text-transform:uppercase;letter-spacing:.1em;color:var(--pik-text-tertiary);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.pik-volume-hero-value{letter-spacing:-.03em;color:var(--pik-primary-600);font-size:3.5rem;font-weight:700;line-height:1}.pik-volume-hero-unit{color:var(--pik-text-secondary);margin-left:.25rem;font-size:1.5rem;font-weight:600}.pik-volume-secondary{border-top:1px solid var(--pik-border-subtle);justify-content:center;gap:2rem;margin-top:1rem;padding-top:1rem;display:flex}.pik-volume-secondary-item{text-align:center}.pik-volume-secondary-value{color:var(--pik-text-primary);font-size:1.1rem;font-weight:600}.pik-volume-secondary-label{color:var(--pik-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.pik-volume-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;display:grid}.pik-volume-stat{background:var(--pik-surface-base);text-align:center;border:1px solid var(--pik-border-subtle);border-radius:12px;padding:1rem}.pik-volume-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--pik-text-tertiary);margin-bottom:.25rem;font-size:.7rem;font-weight:600}.pik-volume-stat-value{color:var(--pik-text-primary);font-size:1.1rem;font-weight:700}.pik-volume-breakdown{margin-top:1.5rem}.pik-volume-breakdown-title{color:var(--pik-text-secondary);margin-bottom:.75rem;font-size:.9rem;font-weight:600}.pik-volume-breakdown-table{border-collapse:separate;border-spacing:0;border:1px solid var(--pik-border-subtle);border-radius:10px;width:100%;font-size:.85rem;overflow:hidden}.pik-volume-breakdown-table thead{background:var(--pik-surface-sunken)}.pik-volume-breakdown-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--pik-text-tertiary);border-bottom:1px solid var(--pik-border-subtle);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.pik-volume-breakdown-table th:not(:first-child){text-align:right}.pik-volume-breakdown-table td{background:var(--pik-surface-raised);border-bottom:1px solid var(--pik-border-subtle);color:var(--pik-text-primary);padding:.6rem 1rem}.pik-volume-breakdown-table td:not(:first-child){text-align:right;color:var(--pik-text-secondary)}.pik-volume-breakdown-table tbody tr:last-child td{border-bottom:none}.pik-volume-breakdown-table tbody tr:hover td{background:var(--pik-surface-base)}.pik-depth-cell{align-items:center;gap:.5rem;display:inline-flex}.pik-depth-cell-color{border-radius:3px;flex-shrink:0;width:12px;height:12px}.pik-volume-cta{color:#fff;background:linear-gradient(135deg,var(--pik-volume-accent)0%,var(--pik-volume-accent-hover)100%);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:1.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #f59e0b4d}.pik-volume-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b66}.pik-volume-cta:active{transform:translateY(0);box-shadow:0 4px 12px #f59e0b4d}.pik-volume-cta svg{width:1.25rem;height:1.25rem}.pik-volume-loading{color:var(--pik-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.pik-volume-loading-spinner{border:3px solid var(--pik-border-subtle);border-top-color:var(--pik-primary-500);border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite pik-spin}.pik-volume-empty{text-align:center;color:var(--pik-text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.pik-volume-empty-icon{width:4rem;height:4rem;color:var(--pik-text-quaternary)}.pik-volume-empty-text{max-width:280px;font-size:.95rem;line-height:1.5}.pik-volume-calculator .pik-volume-step{background:var(--pik-surface-raised);border:1px solid var(--pik-border-subtle);border-radius:16px;padding:1.5rem;transition:box-shadow .3s,border-color .3s;position:relative;box-shadow:0 2px 8px #0000000a}.pik-volume-calculator .pik-volume-step:hover{box-shadow:0 4px 16px #00000014}.pik-volume-step-header{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.pik-volume-step-number{color:#fff;background:var(--pik-primary-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.9rem;font-weight:700;display:flex}.pik-volume-step-number.completed{background:var(--pik-success-600)}.pik-volume-step-title{color:var(--pik-text-primary);margin:0;font-size:1.1rem;font-weight:600}.pik-volume-step-subtitle{color:var(--pik-text-tertiary);margin:.25rem 0 0;font-size:.85rem}.pik-volume-calculator .pik-shape-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media(min-width:480px){.pik-volume-calculator .pik-shape-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:640px){.pik-volume-calculator .pik-shape-palette{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(prefers-color-scheme:dark){.pik-volume-calculator:not([data-theme=light]){--pik-canvas-bg-start:#0a1929;--pik-canvas-bg-mid:#071318;--pik-canvas-bg-end:#030810}.pik-volume-calculator:not([data-theme=light]) .pik-volume-header{background:linear-gradient(135deg,#0c4a6e,#082f49)}.pik-volume-calculator:not([data-theme=light]) .pik-volume-results{background:linear-gradient(135deg,var(--pik-surface-raised)0%,#0c4a6e 100%)}@supports (color:color-mix(in lab,red,red)){.pik-volume-calculator:not([data-theme=light]) .pik-volume-results{background:linear-gradient(135deg,var(--pik-surface-raised)0%,color-mix(in srgb,#0c4a6e 15%,var(--pik-surface-raised))100%)}}}.pik-volume-calculator[data-theme=dark]{--pik-canvas-bg-start:#0a1929;--pik-canvas-bg-mid:#071318;--pik-canvas-bg-end:#030810}.pik-volume-calculator[data-theme=dark] .pik-volume-header{background:linear-gradient(135deg,#0c4a6e,#082f49)}.pik-volume-calculator[data-theme=dark] .pik-volume-results{background:linear-gradient(135deg,var(--pik-surface-raised)0%,#0c4a6e 100%)}@supports (color:color-mix(in lab,red,red)){.pik-volume-calculator[data-theme=dark] .pik-volume-results{background:linear-gradient(135deg,var(--pik-surface-raised)0%,color-mix(in srgb,#0c4a6e 15%,var(--pik-surface-raised))100%)}}a.pik-volume-cta{text-decoration:none}@media(prefers-color-scheme:dark){.pik-volume-calculator:not([data-theme=light]) .pik-irr-instructions{background:linear-gradient(135deg,var(--irr-accent,#8b5cf6),#1e293b)}@supports (color:color-mix(in lab,red,red)){.pik-volume-calculator:not([data-theme=light]) .pik-irr-instructions{background:linear-gradient(135deg,color-mix(in srgb,var(--irr-accent,#8b5cf6)10%,#1e293b),#1e293b)}}.pik-volume-calculator:not([data-theme=light]) .pik-irr-instructions{border-color:var(--irr-accent,#8b5cf6)}@supports (color:color-mix(in lab,red,red)){.pik-volume-calculator:not([data-theme=light]) .pik-irr-instructions{border-color:color-mix(in srgb,var(--irr-accent,#8b5cf6)25%,#334155)}}.pik-volume-calculator:not([data-theme=light]) .pik-irr-instructions-title,.pik-volume-calculator:not([data-theme=light]) .pik-irr-step-text strong,.pik-volume-calculator:not([data-theme=light]) .pik-irr-calibration-title,.pik-volume-calculator:not([data-theme=light]) .pik-irr-calibration-text strong{color:#f1f5f9}.pik-volume-calculator:not([data-theme=light]) .pik-irr-instructions-subtitle,.pik-volume-calculator:not([data-theme=light]) .pik-irr-step-text,.pik-volume-calculator:not([data-theme=light]) .pik-irr-calibration-text{color:#94a3b8}.pik-volume-calculator:not([data-theme=light]) .pik-irr-calibration-card{background:linear-gradient(135deg,#383735,#2b3038);border-color:#77623b}.pik-volume-calculator:not([data-theme=light]) .pik-irr-calibration-input{color:#f1f5f9;background:#0f172a;border-color:#334155}.pik-volume-calculator:not([data-theme=light]) .pik-irr-canvas-wrap{background:linear-gradient(#0c4a6e,#0f172a,#020617);border-color:#334155}.pik-volume-calculator:not([data-theme=light]) .pik-irr-canvas-wrap:before{background-color:#0000;background-image:linear-gradient(90deg,#38bdf81f 1px,#0000 1px),linear-gradient(#38bdf81f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.pik-volume-calculator:not([data-theme=light]) .pik-irr-controls{background:#0f172a;border-color:#334155}.pik-volume-calculator:not([data-theme=light]) .pik-irr-ctrl-btn{color:#94a3b8;background:#1e293b;border-color:#334155}.pik-volume-calculator:not([data-theme=light]) .pik-irr-ctrl-btn:hover:not(:disabled){color:#f1f5f9;background:#334155;border-color:#475569}.pik-volume-calculator:not([data-theme=light]) .pik-irr-ctrl-btn.erase-active{color:#fca5a5;background:#3b2938;border-color:#dc2626}.pik-volume-calculator:not([data-theme=light]) .pik-irr-ctrl-btn-danger{color:#fca5a5;background:#352938;border-color:#773642}.pik-volume-calculator:not([data-theme=light]) .pik-irr-status-success{color:#34d399;background:#1c3a43;border-color:#276b64}.pik-volume-calculator:not([data-theme=light]) .pik-irr-status-warning{color:#fbbf24;background:#383735;border-color:#77623b}.pik-volume-calculator:not([data-theme=light]) .pik-irr-btn-cancel{color:#94a3b8;background:#1e293b;border-color:#334155}.pik-volume-calculator:not([data-theme=light]) .pik-irr-btn-cancel:hover{color:#f1f5f9;background:#334155;border-color:#475569}}.pik-volume-calculator[data-theme=dark] .pik-irr-instructions{background:linear-gradient(135deg,var(--irr-accent,#8b5cf6),#1e293b)}@supports (color:color-mix(in lab,red,red)){.pik-volume-calculator[data-theme=dark] .pik-irr-instructions{background:linear-gradient(135deg,color-mix(in srgb,var(--irr-accent,#8b5cf6)10%,#1e293b),#1e293b)}}.pik-volume-calculator[data-theme=dark] .pik-irr-instructions{border-color:var(--irr-accent,#8b5cf6)}@supports (color:color-mix(in lab,red,red)){.pik-volume-calculator[data-theme=dark] .pik-irr-instructions{border-color:color-mix(in srgb,var(--irr-accent,#8b5cf6)25%,#334155)}}.pik-volume-calculator[data-theme=dark] .pik-irr-instructions-title,.pik-volume-calculator[data-theme=dark] .pik-irr-step-text strong,.pik-volume-calculator[data-theme=dark] .pik-irr-calibration-title,.pik-volume-calculator[data-theme=dark] .pik-irr-calibration-text strong{color:#f1f5f9}.pik-volume-calculator[data-theme=dark] .pik-irr-instructions-subtitle,.pik-volume-calculator[data-theme=dark] .pik-irr-step-text,.pik-volume-calculator[data-theme=dark] .pik-irr-calibration-text{color:#94a3b8}.pik-volume-calculator[data-theme=dark] .pik-irr-calibration-card{background:linear-gradient(135deg,#383735,#2b3038);border-color:#77623b}.pik-volume-calculator[data-theme=dark] .pik-irr-calibration-input{color:#f1f5f9;background:#0f172a;border-color:#334155}.pik-volume-calculator[data-theme=dark] .pik-irr-canvas-wrap{background:linear-gradient(#0c4a6e,#0f172a,#020617);border-color:#334155}.pik-volume-calculator[data-theme=dark] .pik-irr-canvas-wrap:before{background-color:#0000;background-image:linear-gradient(90deg,#38bdf81f 1px,#0000 1px),linear-gradient(#38bdf81f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.pik-volume-calculator[data-theme=dark] .pik-irr-controls{background:#0f172a;border-color:#334155}.pik-volume-calculator[data-theme=dark] .pik-irr-ctrl-btn{color:#94a3b8;background:#1e293b;border-color:#334155}.pik-volume-calculator[data-theme=dark] .pik-irr-ctrl-btn:hover:not(:disabled){color:#f1f5f9;background:#334155;border-color:#475569}.pik-volume-calculator[data-theme=dark] .pik-irr-ctrl-btn.erase-active{color:#fca5a5;background:#3b2938;border-color:#dc2626}.pik-volume-calculator[data-theme=dark] .pik-irr-ctrl-btn-danger{color:#fca5a5;background:#352938;border-color:#773642}.pik-volume-calculator[data-theme=dark] .pik-irr-status-success{color:#34d399;background:#1c3a43;border-color:#276b64}.pik-volume-calculator[data-theme=dark] .pik-irr-status-warning{color:#fbbf24;background:#383735;border-color:#77623b}.pik-volume-calculator[data-theme=dark] .pik-irr-btn-cancel{color:#94a3b8;background:#1e293b;border-color:#334155}.pik-volume-calculator[data-theme=dark] .pik-irr-btn-cancel:hover{color:#f1f5f9;background:#334155;border-color:#475569}.pik-volume-calculator .pik-irr-apply-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px #f59e0b66}.pik-volume-calculator .pik-irr-apply-btn:hover{box-shadow:0 8px 20px #f59e0b80,0 0 0 4px #f59e0b26}.pik-volume-calculator :focus-visible{outline:2px solid var(--pik-primary-500,#0c84eb);outline-offset:2px}.pik-volume-calculator .pik-shape-card:focus-visible{outline:2px solid var(--accent,var(--pik-primary-500));outline-offset:2px}.pik-volume-calculator .pik-volume-cta:focus-visible{outline-offset:2px;outline:2px solid #fff}.pik-volume-calculator button,.pik-volume-calculator a,.pik-volume-calculator input,.pik-volume-calculator select{transition-property:color,background-color,border-color,box-shadow,transform,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.pik-volume-calculator h4,.pik-volume-calculator .pik-field-label,.pik-volume-calculator label{color:var(--pik-text-secondary)!important}.pik-volume-calculator .pik-volume-step p{color:var(--pik-text-tertiary)}.pik-volume-calculator .pik-volume-step-subtitle,.pik-volume-calculator .pik-field-unit{color:var(--pik-text-tertiary)!important}.pik-volume-calculator p[style*=italic],.pik-volume-calculator .pik-volume-step p[class*=italic],.pik-volume-calculator .pik-volume-step>button{color:var(--pik-text-secondary)!important}.pik-volume-calculator .pik-brush-label{color:var(--pik-text-tertiary)!important}.pik-blueprint-controls{margin-bottom:1rem}.pik-blueprint-upload{background:var(--pik-surface-base);border:2px dashed var(--pik-border-default);cursor:pointer;border-radius:12px;align-items:center;gap:.875rem;padding:.75rem 1.25rem;transition:all .2s;display:inline-flex}.pik-blueprint-upload:hover{background:var(--pik-surface-raised);border-color:var(--pik-primary-400);box-shadow:0 2px 8px #0c84eb1a}.pik-blueprint-upload:active{transform:scale(.98)}.pik-blueprint-upload-icon{background:linear-gradient(135deg,var(--pik-primary-50)0%,var(--pik-primary-100)100%);width:2.5rem;height:2.5rem;color:var(--pik-primary-600);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pik-blueprint-upload-icon svg{width:1.25rem;height:1.25rem}.pik-blueprint-upload-text{flex-direction:column;gap:.125rem;display:flex}.pik-blueprint-upload-title{color:var(--pik-text-primary);font-size:.9rem;font-weight:600;line-height:1.2}.pik-blueprint-upload-hint{color:var(--pik-text-tertiary);font-size:.75rem;line-height:1.2}.pik-blueprint-active{background:linear-gradient(135deg,var(--pik-success-500)0%,var(--pik-surface-raised)100%);justify-content:space-between;align-items:center;gap:1rem;padding:.625rem 1rem;display:flex}@supports (color:color-mix(in lab,red,red)){.pik-blueprint-active{background:linear-gradient(135deg,color-mix(in srgb,var(--pik-success-500)8%,var(--pik-surface-raised))0%,var(--pik-surface-raised)100%)}}.pik-blueprint-active{border:1px solid var(--pik-success-500)}@supports (color:color-mix(in lab,red,red)){.pik-blueprint-active{border:1px solid color-mix(in srgb,var(--pik-success-500)25%,var(--pik-border-subtle))}}.pik-blueprint-active{border-radius:12px}.pik-blueprint-status{align-items:center;gap:.625rem;display:flex}.pik-blueprint-status-icon{width:1.125rem;height:1.125rem;color:var(--pik-success-600);flex-shrink:0}.pik-blueprint-status-text{color:var(--pik-text-secondary);font-size:.85rem;font-weight:500}.pik-blueprint-actions{align-items:center;gap:.5rem;display:flex}.pik-blueprint-btn{cursor:pointer;border-radius:8px;align-items:center;gap:.375rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.pik-blueprint-btn svg{flex-shrink:0;width:.9rem;height:.9rem}.pik-blueprint-btn-toggle{background:var(--pik-surface-base);border:1px solid var(--pik-border-default);color:var(--pik-text-secondary)}.pik-blueprint-btn-toggle:hover{background:var(--pik-surface-sunken);border-color:var(--pik-border-strong);color:var(--pik-text-primary)}.pik-blueprint-btn-remove{background:var(--pik-error-500)}@supports (color:color-mix(in lab,red,red)){.pik-blueprint-btn-remove{background:color-mix(in srgb,var(--pik-error-500)8%,var(--pik-surface-raised))}}.pik-blueprint-btn-remove{border:1px solid var(--pik-error-500)}@supports (color:color-mix(in lab,red,red)){.pik-blueprint-btn-remove{border:1px solid color-mix(in srgb,var(--pik-error-500)25%,var(--pik-border-subtle))}}.pik-blueprint-btn-remove{color:var(--pik-error-600)}.pik-blueprint-btn-remove:hover{background:var(--pik-error-500)}@supports (color:color-mix(in lab,red,red)){.pik-blueprint-btn-remove:hover{background:color-mix(in srgb,var(--pik-error-500)15%,var(--pik-surface-raised))}}.pik-blueprint-btn-remove:hover{border-color:var(--pik-error-400);color:var(--pik-error-700)}.pik-brush-btn-reference{color:var(--pik-success-700);background:linear-gradient(135deg,var(--pik-success-500)0%,var(--pik-success-500)100%);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.pik-brush-btn-reference{background:linear-gradient(135deg,color-mix(in srgb,var(--pik-success-500)12%,var(--pik-surface-raised)),color-mix(in srgb,var(--pik-success-500)6%,var(--pik-surface-raised)))}}.pik-brush-btn-reference{border:1px solid var(--pik-success-500)}@supports (color:color-mix(in lab,red,red)){.pik-brush-btn-reference{border:1px solid color-mix(in srgb,var(--pik-success-500)30%,var(--pik-border-subtle))}}.pik-brush-btn-reference{cursor:pointer;border-radius:8px;margin-left:auto;transition:all .2s}.pik-brush-btn-reference svg{width:1rem;height:1rem}.pik-brush-btn-reference:hover{background:linear-gradient(135deg,var(--pik-success-500)0%,var(--pik-success-500)100%)}@supports (color:color-mix(in lab,red,red)){.pik-brush-btn-reference:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--pik-success-500)18%,var(--pik-surface-raised)),color-mix(in srgb,var(--pik-success-500)10%,var(--pik-surface-raised)))}}.pik-brush-btn-reference:hover{border-color:var(--pik-success-500);transform:translateY(-1px);box-shadow:0 2px 8px #10b98126}.pik-brush-btn-reference:active{box-shadow:none;transform:translateY(0)}@media(prefers-color-scheme:dark){.pik-volume-calculator:not([data-theme=light]) .pik-blueprint-upload{background:#1e293b;border-color:#475569}.pik-volume-calculator:not([data-theme=light]) .pik-blueprint-upload:hover{border-color:var(--pik-primary-400);background:#334155}.pik-volume-calculator:not([data-theme=light]) .pik-blueprint-upload-icon{color:#38bdf8;background:linear-gradient(135deg,#38bdf826,#38bdf81a)}.pik-volume-calculator:not([data-theme=light]) .pik-blueprint-upload-title{color:#f1f5f9}.pik-volume-calculator:not([data-theme=light]) .pik-blueprint-upload-hint{color:#94a3b8}.pik-volume-calculator:not([data-theme=light]) .pik-blueprint-active{background:linear-gradient(135deg,#1d3742,#1e293b);border-color:#296562}.pik-volume-calculator:not([data-theme=light]) .pik-blueprint-status-icon{color:#34d399}.pik-volume-calculator:not([data-theme=light]) .pik-blueprint-status-text{color:#94a3b8}.pik-volume-calculator:not([data-theme=light]) .pik-blueprint-btn-toggle{color:#94a3b8;background:#1e293b;border-color:#334155}.pik-volume-calculator:not([data-theme=light]) .pik-blueprint-btn-toggle:hover{color:#f1f5f9;background:#334155;border-color:#475569}.pik-volume-calculator:not([data-theme=light]) .pik-blueprint-btn-remove{color:#fca5a5;background:#352938;border-color:#6e3845}.pik-volume-calculator:not([data-theme=light]) .pik-blueprint-btn-remove:hover{color:#fecaca;background:#402837;border-color:#dc2626}.pik-volume-calculator:not([data-theme=light]) .pik-brush-btn-reference{color:#34d399;background:linear-gradient(135deg,#1c3f46,#1d3541);border-color:#276b64}.pik-volume-calculator:not([data-theme=light]) .pik-brush-btn-reference:hover{background:linear-gradient(135deg,#1b494a,#1c3a43);border-color:#10b981}}.pik-volume-calculator[data-theme=dark] .pik-blueprint-upload{background:#1e293b;border-color:#475569}.pik-volume-calculator[data-theme=dark] .pik-blueprint-upload:hover{border-color:var(--pik-primary-400);background:#334155}.pik-volume-calculator[data-theme=dark] .pik-blueprint-upload-icon{color:#38bdf8;background:linear-gradient(135deg,#38bdf826,#38bdf81a)}.pik-volume-calculator[data-theme=dark] .pik-blueprint-upload-title{color:#f1f5f9}.pik-volume-calculator[data-theme=dark] .pik-blueprint-upload-hint{color:#94a3b8}.pik-volume-calculator[data-theme=dark] .pik-blueprint-active{background:linear-gradient(135deg,#1d3742,#1e293b);border-color:#296562}.pik-volume-calculator[data-theme=dark] .pik-blueprint-status-icon{color:#34d399}.pik-volume-calculator[data-theme=dark] .pik-blueprint-status-text{color:#94a3b8}.pik-volume-calculator[data-theme=dark] .pik-blueprint-btn-toggle{color:#94a3b8;background:#1e293b;border-color:#334155}.pik-volume-calculator[data-theme=dark] .pik-blueprint-btn-toggle:hover{color:#f1f5f9;background:#334155;border-color:#475569}.pik-volume-calculator[data-theme=dark] .pik-blueprint-btn-remove{color:#fca5a5;background:#352938;border-color:#6e3845}.pik-volume-calculator[data-theme=dark] .pik-blueprint-btn-remove:hover{color:#fecaca;background:#402837;border-color:#dc2626}.pik-volume-calculator[data-theme=dark] .pik-brush-btn-reference{color:#34d399;background:linear-gradient(135deg,#1c3f46,#1d3541);border-color:#276b64}.pik-volume-calculator[data-theme=dark] .pik-brush-btn-reference:hover{background:linear-gradient(135deg,#1b494a,#1c3a43);border-color:#10b981}.pik-brush-controls{display:none}.pik-paint-drawer{z-index:20;pointer-events:auto;position:absolute;bottom:72px;left:0;right:0}.pik-paint-drawer__toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#94a3b8e6;letter-spacing:.02em;cursor:pointer;background:linear-gradient(#0f172aeb,#0f172afa);border:none;border-top:1px solid #38bdf826;border-bottom:1px solid #38bdf81a;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.pik-paint-drawer__toggle:hover{color:#f1f5f9;background:linear-gradient(#0f172af2,#0f172a)}.pik-paint-drawer__toggle svg{width:1rem;height:1rem;transition:transform .2s}.pik-paint-drawer--open .pik-paint-drawer__toggle svg{transform:rotate(180deg)}.pik-paint-drawer__preview{color:#94a3b8;background:#0000004d;border-radius:6px;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.pik-paint-drawer__swatch{border:1px solid #fff3;border-radius:4px;flex-shrink:0;width:.875rem;height:.875rem}.pik-paint-drawer__panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#0f172afa,#082f49fa);border-top:1px solid #38bdf81a;border-bottom:1px solid #38bdf826;grid-template-columns:1fr 1fr auto;align-items:end;gap:1rem;padding:.875rem 1rem;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s,visibility 0s .3s;display:grid;position:absolute;bottom:100%;left:0;right:0;transform:translateY(-10px)}.pik-paint-drawer--open .pik-paint-drawer__panel{opacity:1;visibility:visible;pointer-events:auto;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s,visibility;transform:translateY(0)}.pik-paint-drawer__group{flex-direction:column;gap:.375rem;display:flex}.pik-paint-drawer__label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8b3;font-size:.65rem;font-weight:700}.pik-paint-drawer__input-row{align-items:center;gap:.375rem;display:flex}.pik-paint-drawer__depth-swatch{border:2px solid #ffffff26;border-radius:8px;flex-shrink:0;width:2rem;height:2rem;box-shadow:inset 0 2px 4px #0000004d}.pik-paint-drawer__input{color:#f1f5f9;background:#0006;border:1px solid #38bdf833;border-radius:8px;flex:1;width:4.5rem;min-width:0;padding:.5rem .625rem;font-size:.9rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.pik-paint-drawer__input:focus{border-color:#38bdf880;outline:none;box-shadow:0 0 0 3px #38bdf826}.pik-paint-drawer__unit{color:#94a3b899;font-size:.8rem;font-weight:500}.pik-paint-drawer__select{color:#f1f5f9;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#0006 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2394a3b8'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E") right .5rem center/1.25rem no-repeat;border:1px solid #38bdf833;border-radius:8px;flex:1;min-width:0;padding:.5rem 2rem .5rem .625rem;font-size:.9rem;font-weight:500;transition:border-color .2s}.pik-paint-drawer__select:focus{border-color:#38bdf880;outline:none}.pik-paint-drawer__reset{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#0000004d;border:1px solid #94a3b833;border-radius:8px;justify-content:center;align-self:end;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.pik-paint-drawer__reset:hover{color:#f1f5f9;background:#0006;border-color:#94a3b866}.pik-paint-drawer__reset svg{width:.875rem;height:.875rem}@media(max-width:540px){.pik-paint-drawer__panel{grid-template-columns:1fr 1fr;gap:.75rem}.pik-paint-drawer__reset{grid-column:1/-1}}@media(max-width:640px){.pik-blueprint-upload{gap:.625rem;padding:.625rem 1rem}.pik-blueprint-upload-icon{border-radius:8px;width:2rem;height:2rem}.pik-blueprint-upload-icon svg{width:1rem;height:1rem}.pik-blueprint-upload-title{font-size:.8rem}.pik-blueprint-upload-hint{font-size:.7rem}.pik-blueprint-active{flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem}.pik-blueprint-status-text{font-size:.75rem}.pik-blueprint-btn{padding:.35rem .625rem;font-size:.75rem}.pik-blueprint-btn svg{width:.8rem;height:.8rem}}.pik-shape-collapsed{background:var(--pik-surface-sunken);border:1px solid var(--pik-border-subtle);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;transition:all .2s;display:flex}.pik-shape-collapsed:hover{background:var(--pik-surface-base);border-color:var(--pik-border-default);box-shadow:0 2px 8px #0000000d}.pik-shape-collapsed__icon{background:linear-gradient(135deg,var(--accent,var(--pik-primary-500)),var(--accent,var(--pik-primary-500)));justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}@supports (color:color-mix(in lab,red,red)){.pik-shape-collapsed__icon{background:linear-gradient(135deg,color-mix(in srgb,var(--accent,var(--pik-primary-500))15%,var(--pik-surface-raised)),color-mix(in srgb,var(--accent,var(--pik-primary-500))8%,var(--pik-surface-raised)))}}.pik-shape-collapsed__icon{border:1px solid var(--accent,var(--pik-primary-500))}@supports (color:color-mix(in lab,red,red)){.pik-shape-collapsed__icon{border:1px solid color-mix(in srgb,var(--accent,var(--pik-primary-500))25%,var(--pik-border-subtle))}}.pik-shape-collapsed__icon{border-radius:10px;flex-shrink:0}.pik-shape-collapsed__icon svg{width:1.5rem;height:1.5rem;fill:var(--accent,var(--pik-primary-500))}.pik-shape-collapsed__name{color:var(--pik-text-primary);flex:1;font-size:.95rem;font-weight:600}.pik-shape-collapsed__action{color:var(--pik-text-tertiary);align-items:center;gap:.375rem;font-size:.8rem;font-weight:500;transition:color .2s;display:flex}.pik-shape-collapsed:hover .pik-shape-collapsed__action{color:var(--pik-primary-500)}.pik-shape-collapsed__action svg{width:.875rem;height:.875rem;transition:transform .2s}.pik-shape-collapsed:hover .pik-shape-collapsed__action svg{transform:translateY(2px)}@media(prefers-color-scheme:dark){.pik-volume-calculator:not([data-theme=light]) .pik-shape-collapsed{background:#1e293b;border-color:#334155}.pik-volume-calculator:not([data-theme=light]) .pik-shape-collapsed:hover{background:#334155;border-color:#475569}.pik-volume-calculator:not([data-theme=light]) .pik-shape-collapsed__icon{background:linear-gradient(135deg,var(--accent,#38bdf8),var(--accent,#38bdf8))}@supports (color:color-mix(in lab,red,red)){.pik-volume-calculator:not([data-theme=light]) .pik-shape-collapsed__icon{background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#38bdf8)18%,#1e293b),color-mix(in srgb,var(--accent,#38bdf8)10%,#1e293b))}}.pik-volume-calculator:not([data-theme=light]) .pik-shape-collapsed__icon{border-color:var(--accent,#38bdf8)}@supports (color:color-mix(in lab,red,red)){.pik-volume-calculator:not([data-theme=light]) .pik-shape-collapsed__icon{border-color:color-mix(in srgb,var(--accent,#38bdf8)30%,#334155)}}.pik-volume-calculator:not([data-theme=light]) .pik-shape-collapsed__name{color:#f1f5f9}.pik-volume-calculator:not([data-theme=light]) .pik-shape-collapsed__action{color:#64748b}.pik-volume-calculator:not([data-theme=light]) .pik-shape-collapsed:hover .pik-shape-collapsed__action{color:#38bdf8}}.pik-volume-calculator[data-theme=dark] .pik-shape-collapsed{background:#1e293b;border-color:#334155}.pik-volume-calculator[data-theme=dark] .pik-shape-collapsed:hover{background:#334155;border-color:#475569}.pik-volume-calculator[data-theme=dark] .pik-shape-collapsed__icon{background:linear-gradient(135deg,var(--accent,#38bdf8),var(--accent,#38bdf8))}@supports (color:color-mix(in lab,red,red)){.pik-volume-calculator[data-theme=dark] .pik-shape-collapsed__icon{background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#38bdf8)18%,#1e293b),color-mix(in srgb,var(--accent,#38bdf8)10%,#1e293b))}}.pik-volume-calculator[data-theme=dark] .pik-shape-collapsed__icon{border-color:var(--accent,#38bdf8)}@supports (color:color-mix(in lab,red,red)){.pik-volume-calculator[data-theme=dark] .pik-shape-collapsed__icon{border-color:color-mix(in srgb,var(--accent,#38bdf8)30%,#334155)}}.pik-volume-calculator[data-theme=dark] .pik-shape-collapsed__name{color:#f1f5f9}.pik-volume-calculator[data-theme=dark] .pik-shape-collapsed__action{color:#64748b}.pik-volume-calculator[data-theme=dark] .pik-shape-collapsed:hover .pik-shape-collapsed__action{color:#38bdf8}.pik-paint-hint-wrapper{justify-content:center;margin-bottom:8px;display:flex}.pik-paint-hint{background:var(--pik-surface-sunken);border:1px solid var(--pik-border-subtle);color:var(--pik-text-tertiary);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.pik-paint-hint svg{width:12px;height:12px;color:var(--pik-primary-500);opacity:.8}.pik-legend-drawer{z-index:15;position:relative}.pik-legend-drawer__bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:linear-gradient(#082f49f2,#0c4a6efa);border:none;border-top:1px solid #38bdf826;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.625rem 1rem;transition:all .2s;display:flex}.pik-legend-drawer__bar:hover{background:linear-gradient(#0c4a6efa,#0e5781fa)}.pik-legend-drawer__bar:hover .pik-legend-drawer__arrow{color:#38bdf8e6;transform:translateY(-2px)}.pik-legend-drawer--open .pik-legend-drawer__bar:hover .pik-legend-drawer__arrow{transform:rotate(180deg)translateY(2px)}.pik-legend-drawer__brush{background:#0000004d;border-radius:8px;flex-shrink:0;align-items:center;gap:.5rem;padding:.25rem .625rem .25rem .375rem;display:flex}.pik-legend-drawer__swatch{border:2px solid #fff3;border-radius:6px;width:1.25rem;height:1.25rem;box-shadow:inset 0 1px 3px #0000004d}.pik-legend-drawer__brush-value{color:#f1f5f9;letter-spacing:-.01em;font-size:.8rem;font-weight:600}.pik-legend-drawer__arrow{color:#38bdf8b3;width:1rem;height:1rem;transition:transform .25s,color .2s;animation:2s ease-in-out 1s 2 legendArrowBounce}@keyframes legendArrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pik-legend-drawer--open .pik-legend-drawer__arrow{animation:none;transform:rotate(180deg)}.pik-legend-drawer__legend{flex:1;min-width:0}.pik-depth-legend-inline{align-items:center;gap:.5rem;display:flex}.pik-depth-legend-inline__bar{border-radius:5px;flex:1;min-width:60px;height:10px;box-shadow:inset 0 1px 2px #0000004d}.pik-depth-legend-inline__value{color:#ffffffb3;white-space:nowrap;font-size:.7rem;font-weight:600}.pik-depth-legend-inline--empty{gap:.375rem}.pik-depth-legend-inline__hint{color:#94a3b880;white-space:nowrap;font-size:.65rem;font-style:italic}.pik-legend-drawer__panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#0f172afa,#082f49fa);border-top:1px solid #38bdf81a;border-radius:12px 12px 0 0;grid-template-columns:1fr 1fr auto;align-items:end;gap:1rem;padding:.875rem 1rem;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s,visibility 0s .3s;display:grid;position:absolute;bottom:100%;left:0;right:0;transform:translateY(10px)}.pik-legend-drawer--open .pik-legend-drawer__panel{opacity:1;visibility:visible;pointer-events:auto;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s,visibility;transform:translateY(0)}.pik-legend-drawer__group{flex-direction:column;gap:.375rem;display:flex}.pik-legend-drawer__label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8b3;font-size:.65rem;font-weight:700}.pik-legend-drawer__input-row{align-items:center;gap:.375rem;display:flex}.pik-legend-drawer__depth-swatch{border:2px solid #ffffff26;border-radius:8px;flex-shrink:0;width:2rem;height:2rem;box-shadow:inset 0 2px 4px #0000004d}.pik-legend-drawer__input{color:#f1f5f9;background:#0006;border:1px solid #38bdf833;border-radius:8px;flex:1;width:4.5rem;min-width:0;padding:.5rem .625rem;font-size:.9rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.pik-legend-drawer__input:focus{border-color:#38bdf880;outline:none;box-shadow:0 0 0 3px #38bdf826}.pik-legend-drawer__unit{color:#94a3b899;font-size:.8rem;font-weight:500}.pik-legend-drawer__select{color:#f1f5f9;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#0006 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2394a3b8'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E") right .5rem center/1.25rem no-repeat;border:1px solid #38bdf833;border-radius:8px;flex:1;min-width:0;padding:.5rem 2rem .5rem .625rem;font-size:.9rem;font-weight:500;transition:border-color .2s}.pik-legend-drawer__select:focus{border-color:#38bdf880;outline:none}.pik-legend-drawer__reset{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#0000004d;border:1px solid #94a3b833;border-radius:8px;justify-content:center;align-self:end;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.pik-legend-drawer__reset:hover{color:#f1f5f9;background:#0006;border-color:#94a3b866}.pik-legend-drawer__reset svg{width:.875rem;height:.875rem}@media(max-width:540px){.pik-legend-drawer__panel{grid-template-columns:1fr 1fr;gap:.75rem}.pik-legend-drawer__reset{grid-column:1/-1}}.pik-zoom-float{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#082f49d9;border:1px solid #38bdf826;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pik-zoom-float__btn{color:#94a3b8d9;cursor:pointer;background:#00000040;border:1px solid #38bdf81a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.pik-zoom-float__btn:hover:not(:disabled){color:#f1f5f9;background:#0006;border-color:#38bdf84d}.pik-zoom-float__btn:disabled{opacity:.35;cursor:not-allowed}.pik-zoom-float__btn svg{width:14px;height:14px}.pik-zoom-float__percent{color:#94a3b899;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;min-height:22px;padding:2px;font-size:.6rem;font-weight:600;transition:color .15s;display:flex}.pik-zoom-float__percent:hover{color:#f1f5f9}@media(max-width:480px){.pik-zoom-float{padding:4px 3px;right:8px}.pik-zoom-float__btn{width:24px;height:24px}.pik-zoom-float__btn svg{width:12px;height:12px}.pik-zoom-float__percent{width:24px;font-size:.55rem}}@layer theme{:root,:host{--pik-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--pik-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--pik-color-red-50:oklch(97.1% .013 17.38);--pik-color-red-100:oklch(93.6% .032 17.717);--pik-color-red-200:oklch(88.5% .062 18.334);--pik-color-red-300:oklch(80.8% .114 19.571);--pik-color-red-400:oklch(70.4% .191 22.216);--pik-color-red-500:oklch(63.7% .237 25.331);--pik-color-red-600:oklch(57.7% .245 27.325);--pik-color-red-700:oklch(50.5% .213 27.518);--pik-color-red-800:oklch(44.4% .177 26.899);--pik-color-orange-400:oklch(75% .183 55.934);--pik-color-orange-500:oklch(70.5% .213 47.604);--pik-color-amber-50:oklch(98.7% .022 95.277);--pik-color-amber-100:oklch(96.2% .059 95.617);--pik-color-amber-200:oklch(92.4% .12 95.746);--pik-color-amber-300:oklch(87.9% .169 91.605);--pik-color-amber-400:oklch(82.8% .189 84.429);--pik-color-amber-500:oklch(76.9% .188 70.08);--pik-color-amber-600:oklch(66.6% .179 58.318);--pik-color-amber-700:oklch(55.5% .163 48.998);--pik-color-amber-800:oklch(47.3% .137 46.201);--pik-color-green-50:oklch(98.2% .018 155.826);--pik-color-green-100:oklch(96.2% .044 156.743);--pik-color-green-200:oklch(92.5% .084 155.995);--pik-color-green-400:oklch(79.2% .209 151.711);--pik-color-green-500:oklch(72.3% .219 149.579);--pik-color-green-600:oklch(62.7% .194 149.214);--pik-color-green-800:oklch(44.8% .119 151.328);--pik-color-emerald-50:oklch(97.9% .021 166.113);--pik-color-emerald-100:oklch(95% .052 163.051);--pik-color-emerald-200:oklch(90.5% .093 164.15);--pik-color-emerald-400:oklch(76.5% .177 163.223);--pik-color-emerald-500:oklch(69.6% .17 162.48);--pik-color-emerald-600:oklch(59.6% .145 163.225);--pik-color-emerald-700:oklch(50.8% .118 165.612);--pik-color-emerald-800:oklch(43.2% .095 166.913);--pik-color-cyan-500:oklch(71.5% .143 215.221);--pik-color-blue-50:oklch(97% .014 254.604);--pik-color-blue-100:oklch(93.2% .032 255.585);--pik-color-blue-200:oklch(88.2% .059 254.128);--pik-color-blue-300:oklch(80.9% .105 251.813);--pik-color-blue-400:oklch(70.7% .165 254.624);--pik-color-blue-500:oklch(62.3% .214 259.815);--pik-color-blue-600:oklch(54.6% .245 262.881);--pik-color-blue-700:oklch(48.8% .243 264.376);--pik-color-blue-800:oklch(42.4% .199 265.638);--pik-color-violet-400:oklch(70.2% .183 293.541);--pik-color-violet-500:oklch(60.6% .25 292.717);--pik-color-purple-50:oklch(97.7% .014 308.299);--pik-color-purple-600:oklch(55.8% .288 302.321);--pik-color-rose-500:oklch(64.5% .246 16.439);--pik-color-slate-50:oklch(98.4% .003 247.858);--pik-color-slate-100:oklch(96.8% .007 247.896);--pik-color-slate-200:oklch(92.9% .013 255.508);--pik-color-slate-300:oklch(86.9% .022 252.894);--pik-color-slate-400:oklch(70.4% .04 256.788);--pik-color-slate-500:oklch(55.4% .046 257.417);--pik-color-slate-600:oklch(44.6% .043 257.281);--pik-color-slate-700:oklch(37.2% .044 257.287);--pik-color-slate-800:oklch(27.9% .041 260.031);--pik-color-slate-900:oklch(20.8% .042 265.755);--pik-color-gray-100:oklch(96.7% .003 264.542);--pik-color-gray-200:oklch(92.8% .006 264.531);--pik-color-gray-400:oklch(70.7% .022 261.325);--pik-color-gray-500:oklch(55.1% .027 264.364);--pik-color-gray-700:oklch(37.3% .034 259.733);--pik-color-black:#000;--pik-color-white:#fff;--pik-spacing:.25rem;--pik-container-sm:24rem;--pik-container-md:28rem;--pik-container-lg:32rem;--pik-container-2xl:42rem;--pik-container-7xl:80rem;--pik-text-xs:.75rem;--pik-text-xs--line-height:calc(1/.75);--pik-text-sm:.875rem;--pik-text-sm--line-height:calc(1.25/.875);--pik-text-base:1rem;--pik-text-base--line-height: 1.5 ;--pik-text-lg:1.125rem;--pik-text-lg--line-height:calc(1.75/1.125);--pik-text-xl:1.25rem;--pik-text-xl--line-height:calc(1.75/1.25);--pik-text-2xl:1.5rem;--pik-text-2xl--line-height:calc(2/1.5);--pik-text-4xl:2.25rem;--pik-text-4xl--line-height:calc(2.5/2.25);--pik-font-weight-normal:400;--pik-font-weight-medium:500;--pik-font-weight-semibold:600;--pik-font-weight-bold:700;--pik-tracking-tight:-.025em;--pik-tracking-wide:.025em;--pik-tracking-wider:.05em;--pik-tracking-widest:.1em;--pik-leading-tight:1.25;--pik-radius-sm:var(--pik-radius-sm);--pik-radius-md:var(--pik-radius-md);--pik-radius-lg:var(--pik-radius-lg);--pik-radius-xl:var(--pik-radius-xl);--pik-radius-2xl:1rem;--pik-shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--pik-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--pik-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--pik-drop-shadow-sm:0 1px 2px #00000026;--pik-ease-out:cubic-bezier(0,0,.2,1);--pik-ease-in-out:cubic-bezier(.4,0,.2,1);--pik-animate-spin:spin 1s linear infinite;--pik-animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--pik-blur-sm:8px;--pik-blur-xl:24px;--pik-default-transition-duration:.15s;--pik-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--pik-default-font-family:var(--pik-font-sans);--pik-default-mono-font-family:var(--pik-font-mono);--pik-color-primary:var(--pik-primary-500);--pik-color-primary-soft:var(--pik-primary-100);--pik-color-danger:var(--pik-danger-500);--pik-color-surface:var(--pik-surface-base);--pik-color-surface-elevated:var(--pik-surface-raised);--pik-color-surface-muted:var(--pik-surface-sunken);--pik-color-border-subtle:var(--pik-border-subtle);--pik-color-text-primary:var(--pik-text-primary);--pik-color-text-secondary:var(--pik-text-secondary);--pik-color-text-muted:var(--pik-text-secondary);--pik-color-text-soft:var(--pik-text-tertiary)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--pik-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--pik-default-font-feature-settings,normal);font-variation-settings:var(--pik-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--pik-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--pik-default-mono-font-feature-settings,normal);font-variation-settings:var(--pik-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pik\:pointer-events-none{pointer-events:none}.pik\:absolute{position:absolute}.pik\:fixed{position:fixed}.pik\:relative{position:relative}.pik\:inset-0{inset:calc(var(--pik-spacing)*0)}.pik\:inset-x-0{inset-inline:calc(var(--pik-spacing)*0)}.pik\:-top-1{top:calc(var(--pik-spacing)*-1)}.pik\:-top-2{top:calc(var(--pik-spacing)*-2)}.pik\:top-0{top:calc(var(--pik-spacing)*0)}.pik\:top-0\.5{top:calc(var(--pik-spacing)*.5)}.pik\:top-1\/2{top:50%}.pik\:top-3{top:calc(var(--pik-spacing)*3)}.pik\:-right-1{right:calc(var(--pik-spacing)*-1)}.pik\:-right-2{right:calc(var(--pik-spacing)*-2)}.pik\:right-0{right:calc(var(--pik-spacing)*0)}.pik\:right-3{right:calc(var(--pik-spacing)*3)}.pik\:right-4{right:calc(var(--pik-spacing)*4)}.pik\:bottom-4{bottom:calc(var(--pik-spacing)*4)}.pik\:left-3{left:calc(var(--pik-spacing)*3)}.pik\:left-4{left:calc(var(--pik-spacing)*4)}.pik\:z-10{z-index:10}.pik\:z-20{z-index:20}.pik\:z-50{z-index:50}.pik\:z-\[100\]{z-index:100}.pik\:z-\[9999\]{z-index:9999}.pik\:z-\[10000\]{z-index:10000}.pik\:m-0{margin:calc(var(--pik-spacing)*0)}.pik\:mx-auto{margin-inline:auto}.pik\:my-2{margin-block:calc(var(--pik-spacing)*2)}.pik\:mt-0\.5{margin-top:calc(var(--pik-spacing)*.5)}.pik\:mt-1{margin-top:calc(var(--pik-spacing)*1)}.pik\:mt-2{margin-top:calc(var(--pik-spacing)*2)}.pik\:mt-3{margin-top:calc(var(--pik-spacing)*3)}.pik\:mt-4{margin-top:calc(var(--pik-spacing)*4)}.pik\:mt-5{margin-top:calc(var(--pik-spacing)*5)}.pik\:mt-6{margin-top:calc(var(--pik-spacing)*6)}.pik\:mt-\[1px\]{margin-top:1px}.pik\:mr-1{margin-right:calc(var(--pik-spacing)*1)}.pik\:mb-0\.5{margin-bottom:calc(var(--pik-spacing)*.5)}.pik\:mb-1{margin-bottom:calc(var(--pik-spacing)*1)}.pik\:mb-2{margin-bottom:calc(var(--pik-spacing)*2)}.pik\:mb-3{margin-bottom:calc(var(--pik-spacing)*3)}.pik\:mb-4{margin-bottom:calc(var(--pik-spacing)*4)}.pik\:mb-5{margin-bottom:calc(var(--pik-spacing)*5)}.pik\:ml-1{margin-left:calc(var(--pik-spacing)*1)}.pik\:ml-2{margin-left:calc(var(--pik-spacing)*2)}.pik\:box-border{box-sizing:border-box}.pik\:block{display:block}.pik\:flex{display:flex}.pik\:grid{display:grid}.pik\:hidden{display:none}.pik\:inline-block{display:inline-block}.pik\:inline-flex{display:inline-flex}.pik\:h-0\.5{height:calc(var(--pik-spacing)*.5)}.pik\:h-2{height:calc(var(--pik-spacing)*2)}.pik\:h-3{height:calc(var(--pik-spacing)*3)}.pik\:h-3\.5{height:calc(var(--pik-spacing)*3.5)}.pik\:h-4{height:calc(var(--pik-spacing)*4)}.pik\:h-5{height:calc(var(--pik-spacing)*5)}.pik\:h-6{height:calc(var(--pik-spacing)*6)}.pik\:h-7{height:calc(var(--pik-spacing)*7)}.pik\:h-8{height:calc(var(--pik-spacing)*8)}.pik\:h-9{height:calc(var(--pik-spacing)*9)}.pik\:h-10{height:calc(var(--pik-spacing)*10)}.pik\:h-12{height:calc(var(--pik-spacing)*12)}.pik\:h-auto{height:auto}.pik\:h-full{height:100%}.pik\:max-h-0{max-height:calc(var(--pik-spacing)*0)}.pik\:max-h-32{max-height:calc(var(--pik-spacing)*32)}.pik\:max-h-\[80vh\]{max-height:80vh}.pik\:max-h-\[400px\]{max-height:400px}.pik\:max-h-\[1000px\]{max-height:1000px}.pik\:min-h-0{min-height:calc(var(--pik-spacing)*0)}.pik\:min-h-\[320px\]{min-height:320px}.pik\:min-h-screen{min-height:100vh}.pik\:w-2{width:calc(var(--pik-spacing)*2)}.pik\:w-3{width:calc(var(--pik-spacing)*3)}.pik\:w-3\.5{width:calc(var(--pik-spacing)*3.5)}.pik\:w-4{width:calc(var(--pik-spacing)*4)}.pik\:w-5{width:calc(var(--pik-spacing)*5)}.pik\:w-6{width:calc(var(--pik-spacing)*6)}.pik\:w-7{width:calc(var(--pik-spacing)*7)}.pik\:w-8{width:calc(var(--pik-spacing)*8)}.pik\:w-10{width:calc(var(--pik-spacing)*10)}.pik\:w-12{width:calc(var(--pik-spacing)*12)}.pik\:w-20{width:calc(var(--pik-spacing)*20)}.pik\:w-\[90\%\]{width:90%}.pik\:w-\[95\%\]{width:95%}.pik\:w-full{width:100%}.pik\:max-w-2xl{max-width:var(--pik-container-2xl)}.pik\:max-w-7xl{max-width:var(--pik-container-7xl)}.pik\:max-w-\[400px\]{max-width:400px}.pik\:max-w-\[500px\]{max-width:500px}.pik\:max-w-lg{max-width:var(--pik-container-lg)}.pik\:max-w-md{max-width:var(--pik-container-md)}.pik\:max-w-sm{max-width:var(--pik-container-sm)}.pik\:min-w-0{min-width:calc(var(--pik-spacing)*0)}.pik\:flex-1{flex:1}.pik\:flex-shrink-0,.pik\:shrink-0{flex-shrink:0}.pik\:translate-x-0\.5{--tw-translate-x:calc(var(--pik-spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.pik\:translate-x-5{--tw-translate-x:calc(var(--pik-spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.pik\:translate-x-\[2px\]{--tw-translate-x:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.pik\:translate-x-\[22px\]{--tw-translate-x:22px;translate:var(--tw-translate-x)var(--tw-translate-y)}.pik\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.pik\:rotate-180{rotate:180deg}.pik\:transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.pik\:animate-pulse{animation:var(--pik-animate-pulse)}.pik\:animate-spin{animation:var(--pik-animate-spin)}.pik\:cursor-not-allowed{cursor:not-allowed}.pik\:cursor-pointer{cursor:pointer}.pik\:resize-none{resize:none}.pik\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.pik\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pik\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pik\:flex-col{flex-direction:column}.pik\:flex-wrap{flex-wrap:wrap}.pik\:items-center{align-items:center}.pik\:items-start{align-items:flex-start}.pik\:justify-between{justify-content:space-between}.pik\:justify-center{justify-content:center}.pik\:justify-end{justify-content:flex-end}.pik\:gap-1{gap:calc(var(--pik-spacing)*1)}.pik\:gap-1\.5{gap:calc(var(--pik-spacing)*1.5)}.pik\:gap-2{gap:calc(var(--pik-spacing)*2)}.pik\:gap-2\.5{gap:calc(var(--pik-spacing)*2.5)}.pik\:gap-3{gap:calc(var(--pik-spacing)*3)}.pik\:gap-4{gap:calc(var(--pik-spacing)*4)}.pik\:gap-6{gap:calc(var(--pik-spacing)*6)}.pik\:gap-8{gap:calc(var(--pik-spacing)*8)}:where(.pik\:space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--pik-spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--pik-spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.pik\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--pik-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--pik-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.pik\:space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--pik-spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--pik-spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.pik\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--pik-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--pik-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.pik\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--pik-spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--pik-spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.pik\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--pik-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--pik-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.pik\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--pik-spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--pik-spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.pik\:gap-x-5{-moz-column-gap:calc(var(--pik-spacing)*5);column-gap:calc(var(--pik-spacing)*5)}.pik\:gap-x-6{-moz-column-gap:calc(var(--pik-spacing)*6);column-gap:calc(var(--pik-spacing)*6)}.pik\:gap-y-1{row-gap:calc(var(--pik-spacing)*1)}.pik\:gap-y-2{row-gap:calc(var(--pik-spacing)*2)}:where(.pik\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.pik\:divide-border-subtle>:not(:last-child)){border-color:var(--pik-color-border-subtle)}.pik\:self-start{align-self:flex-start}.pik\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pik\:overflow-auto{overflow:auto}.pik\:overflow-hidden{overflow:hidden}.pik\:overflow-y-auto{overflow-y:auto}.pik\:rounded{border-radius:.25rem}.pik\:rounded-2xl{border-radius:var(--pik-radius-2xl)}.pik\:rounded-full{border-radius:3.40282e38px}.pik\:rounded-lg{border-radius:var(--pik-radius-lg)}.pik\:rounded-md{border-radius:var(--pik-radius-md)}.pik\:rounded-xl{border-radius:var(--pik-radius-xl)}.pik\:border{border-style:var(--tw-border-style);border-width:1px}.pik\:border-2{border-style:var(--tw-border-style);border-width:2px}.pik\:border-4{border-style:var(--tw-border-style);border-width:4px}.pik\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.pik\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.pik\:border-none{--tw-border-style:none;border-style:none}.pik\:border-\[var\(--pik-border-default\)\]{border-color:var(--pik-border-default)}.pik\:border-\[var\(--pik-border-subtle\)\]{border-color:var(--pik-border-subtle)}.pik\:border-\[var\(--pik-danger-200\)\]{border-color:var(--pik-danger-200)}.pik\:border-\[var\(--pik-primary-600\)\]{border-color:var(--pik-primary-600)}.pik\:border-amber-200{border-color:var(--pik-color-amber-200)}.pik\:border-amber-500\/30{border-color:var(--pik-color-amber-500)}@supports (color:color-mix(in lab,red,red)){.pik\:border-amber-500\/30{border-color:color-mix(in oklab,var(--pik-color-amber-500)30%,transparent)}}.pik\:border-blue-200{border-color:var(--pik-color-blue-200)}.pik\:border-blue-500\/30{border-color:var(--pik-color-blue-500)}@supports (color:color-mix(in lab,red,red)){.pik\:border-blue-500\/30{border-color:color-mix(in oklab,var(--pik-color-blue-500)30%,transparent)}}.pik\:border-border-subtle{border-color:var(--pik-color-border-subtle)}.pik\:border-danger{border-color:var(--pik-color-danger)}.pik\:border-green-200{border-color:var(--pik-color-green-200)}.pik\:border-primary,.pik\:border-primary\/20{border-color:var(--pik-color-primary)}@supports (color:color-mix(in lab,red,red)){.pik\:border-primary\/20{border-color:color-mix(in oklab,var(--pik-color-primary)20%,transparent)}}.pik\:border-red-200{border-color:var(--pik-color-red-200)}.pik\:border-red-500\/30{border-color:var(--pik-color-red-500)}@supports (color:color-mix(in lab,red,red)){.pik\:border-red-500\/30{border-color:color-mix(in oklab,var(--pik-color-red-500)30%,transparent)}}.pik\:border-white\/30{border-color:var(--pik-color-white)}@supports (color:color-mix(in lab,red,red)){.pik\:border-white\/30{border-color:color-mix(in oklab,var(--pik-color-white)30%,transparent)}}.pik\:border-t-transparent{border-top-color:#0000}.pik\:border-t-white{border-top-color:var(--pik-color-white)}.pik\:bg-\[var\(--pik-accent-50\)\]{background-color:var(--pik-accent-50)}.pik\:bg-\[var\(--pik-danger-50\)\]{background-color:var(--pik-danger-50)}.pik\:bg-\[var\(--pik-primary-50\)\]{background-color:var(--pik-primary-50)}.pik\:bg-\[var\(--pik-primary-100\)\]{background-color:var(--pik-primary-100)}.pik\:bg-\[var\(--pik-primary-500\)\]{background-color:var(--pik-primary-500)}.pik\:bg-\[var\(--pik-success-50\)\]{background-color:var(--pik-success-50)}.pik\:bg-\[var\(--pik-success-100\)\]{background-color:var(--pik-success-100)}.pik\:bg-\[var\(--pik-success-500\)\]{background-color:var(--pik-success-500)}.pik\:bg-\[var\(--pik-surface-base\)\]{background-color:var(--pik-surface-base)}.pik\:bg-\[var\(--pik-surface-inset\)\]{background-color:var(--pik-surface-inset)}.pik\:bg-\[var\(--pik-surface-raised\)\]{background-color:var(--pik-surface-raised)}.pik\:bg-\[var\(--pik-surface-sunken\)\]{background-color:var(--pik-surface-sunken)}.pik\:bg-\[var\(--pik-text-tertiary\)\]{background-color:var(--pik-text-tertiary)}.pik\:bg-\[var\(--pik-warning-50\)\]{background-color:var(--pik-warning-50)}.pik\:bg-amber-50{background-color:var(--pik-color-amber-50)}.pik\:bg-amber-500,.pik\:bg-amber-500\/20{background-color:var(--pik-color-amber-500)}@supports (color:color-mix(in lab,red,red)){.pik\:bg-amber-500\/20{background-color:color-mix(in oklab,var(--pik-color-amber-500)20%,transparent)}}.pik\:bg-black\/50{background-color:var(--pik-color-black)}@supports (color:color-mix(in lab,red,red)){.pik\:bg-black\/50{background-color:color-mix(in oklab,var(--pik-color-black)50%,transparent)}}.pik\:bg-blue-50{background-color:var(--pik-color-blue-50)}.pik\:bg-blue-500,.pik\:bg-blue-500\/20{background-color:var(--pik-color-blue-500)}@supports (color:color-mix(in lab,red,red)){.pik\:bg-blue-500\/20{background-color:color-mix(in oklab,var(--pik-color-blue-500)20%,transparent)}}.pik\:bg-danger{background-color:var(--pik-color-danger)}.pik\:bg-emerald-500\/20{background-color:var(--pik-color-emerald-500)}@supports (color:color-mix(in lab,red,red)){.pik\:bg-emerald-500\/20{background-color:color-mix(in oklab,var(--pik-color-emerald-500)20%,transparent)}}.pik\:bg-gray-500\/20{background-color:var(--pik-color-gray-500)}@supports (color:color-mix(in lab,red,red)){.pik\:bg-gray-500\/20{background-color:color-mix(in oklab,var(--pik-color-gray-500)20%,transparent)}}.pik\:bg-green-50{background-color:var(--pik-color-green-50)}.pik\:bg-green-500\/20{background-color:var(--pik-color-green-500)}@supports (color:color-mix(in lab,red,red)){.pik\:bg-green-500\/20{background-color:color-mix(in oklab,var(--pik-color-green-500)20%,transparent)}}.pik\:bg-orange-500\/20{background-color:var(--pik-color-orange-500)}@supports (color:color-mix(in lab,red,red)){.pik\:bg-orange-500\/20{background-color:color-mix(in oklab,var(--pik-color-orange-500)20%,transparent)}}.pik\:bg-primary{background-color:var(--pik-color-primary)}.pik\:bg-primary-soft{background-color:var(--pik-color-primary-soft)}.pik\:bg-red-50{background-color:var(--pik-color-red-50)}.pik\:bg-red-100{background-color:var(--pik-color-red-100)}.pik\:bg-red-500,.pik\:bg-red-500\/20{background-color:var(--pik-color-red-500)}@supports (color:color-mix(in lab,red,red)){.pik\:bg-red-500\/20{background-color:color-mix(in oklab,var(--pik-color-red-500)20%,transparent)}}.pik\:bg-red-600{background-color:var(--pik-color-red-600)}.pik\:bg-surface{background-color:var(--pik-color-surface)}.pik\:bg-surface-elevated{background-color:var(--pik-color-surface-elevated)}.pik\:bg-surface-muted{background-color:var(--pik-color-surface-muted)}.pik\:bg-transparent{background-color:#0000}.pik\:bg-violet-500\/20{background-color:var(--pik-color-violet-500)}@supports (color:color-mix(in lab,red,red)){.pik\:bg-violet-500\/20{background-color:color-mix(in oklab,var(--pik-color-violet-500)20%,transparent)}}.pik\:bg-white,.pik\:bg-white\/15{background-color:var(--pik-color-white)}@supports (color:color-mix(in lab,red,red)){.pik\:bg-white\/15{background-color:color-mix(in oklab,var(--pik-color-white)15%,transparent)}}.pik\:bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.pik\:bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.pik\:bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.pik\:from-\[var\(--pik-primary-500\)\]\/5{--tw-gradient-from:var(--pik-primary-500)}@supports (color:color-mix(in lab,red,red)){.pik\:from-\[var\(--pik-primary-500\)\]\/5{--tw-gradient-from:color-mix(in oklab,var(--pik-primary-500)5%,transparent)}}.pik\:from-\[var\(--pik-primary-500\)\]\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.pik\:from-\[var\(--pik-success-50\)\]{--tw-gradient-from:var(--pik-success-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.pik\:from-\[var\(--pik-success-500\)\]\/8{--tw-gradient-from:var(--pik-success-500)}@supports (color:color-mix(in lab,red,red)){.pik\:from-\[var\(--pik-success-500\)\]\/8{--tw-gradient-from:color-mix(in oklab,var(--pik-success-500)8%,transparent)}}.pik\:from-\[var\(--pik-success-500\)\]\/8{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.pik\:from-\[var\(--pik-surface-raised\)\]{--tw-gradient-from:var(--pik-surface-raised);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.pik\:from-amber-500\/10{--tw-gradient-from:var(--pik-color-amber-500)}@supports (color:color-mix(in lab,red,red)){.pik\:from-amber-500\/10{--tw-gradient-from:color-mix(in oklab,var(--pik-color-amber-500)10%,transparent)}}.pik\:from-amber-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.pik\:from-blue-500\/10{--tw-gradient-from:var(--pik-color-blue-500)}@supports (color:color-mix(in lab,red,red)){.pik\:from-blue-500\/10{--tw-gradient-from:color-mix(in oklab,var(--pik-color-blue-500)10%,transparent)}}.pik\:from-blue-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.pik\:from-red-500\/10{--tw-gradient-from:var(--pik-color-red-500)}@supports (color:color-mix(in lab,red,red)){.pik\:from-red-500\/10{--tw-gradient-from:color-mix(in oklab,var(--pik-color-red-500)10%,transparent)}}.pik\:from-red-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.pik\:from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.pik\:via-\[var\(--pik-primary-400\)\]{--tw-gradient-via:var(--pik-primary-400);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.pik\:via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.pik\:to-\[var\(--pik-primary-500\)\]\/10{--tw-gradient-to:var(--pik-primary-500)}@supports (color:color-mix(in lab,red,red)){.pik\:to-\[var\(--pik-primary-500\)\]\/10{--tw-gradient-to:color-mix(in oklab,var(--pik-primary-500)10%,transparent)}}.pik\:to-\[var\(--pik-primary-500\)\]\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.pik\:to-\[var\(--pik-success-100\)\]{--tw-gradient-to:var(--pik-success-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.pik\:to-\[var\(--pik-success-500\)\]\/12{--tw-gradient-to:var(--pik-success-500)}@supports (color:color-mix(in lab,red,red)){.pik\:to-\[var\(--pik-success-500\)\]\/12{--tw-gradient-to:color-mix(in oklab,var(--pik-success-500)12%,transparent)}}.pik\:to-\[var\(--pik-success-500\)\]\/12{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.pik\:to-\[var\(--pik-surface-base\)\]{--tw-gradient-to:var(--pik-surface-base);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.pik\:to-cyan-500\/10{--tw-gradient-to:var(--pik-color-cyan-500)}@supports (color:color-mix(in lab,red,red)){.pik\:to-cyan-500\/10{--tw-gradient-to:color-mix(in oklab,var(--pik-color-cyan-500)10%,transparent)}}.pik\:to-cyan-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.pik\:to-orange-500\/10{--tw-gradient-to:var(--pik-color-orange-500)}@supports (color:color-mix(in lab,red,red)){.pik\:to-orange-500\/10{--tw-gradient-to:color-mix(in oklab,var(--pik-color-orange-500)10%,transparent)}}.pik\:to-orange-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.pik\:to-rose-500\/10{--tw-gradient-to:var(--pik-color-rose-500)}@supports (color:color-mix(in lab,red,red)){.pik\:to-rose-500\/10{--tw-gradient-to:color-mix(in oklab,var(--pik-color-rose-500)10%,transparent)}}.pik\:to-rose-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.pik\:to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.pik\:p-1{padding:calc(var(--pik-spacing)*1)}.pik\:p-1\.5{padding:calc(var(--pik-spacing)*1.5)}.pik\:p-2{padding:calc(var(--pik-spacing)*2)}.pik\:p-3{padding:calc(var(--pik-spacing)*3)}.pik\:p-4{padding:calc(var(--pik-spacing)*4)}.pik\:p-5{padding:calc(var(--pik-spacing)*5)}.pik\:p-6{padding:calc(var(--pik-spacing)*6)}.pik\:px-1{padding-inline:calc(var(--pik-spacing)*1)}.pik\:px-1\.5{padding-inline:calc(var(--pik-spacing)*1.5)}.pik\:px-2{padding-inline:calc(var(--pik-spacing)*2)}.pik\:px-2\.5{padding-inline:calc(var(--pik-spacing)*2.5)}.pik\:px-3{padding-inline:calc(var(--pik-spacing)*3)}.pik\:px-4{padding-inline:calc(var(--pik-spacing)*4)}.pik\:px-5{padding-inline:calc(var(--pik-spacing)*5)}.pik\:px-6{padding-inline:calc(var(--pik-spacing)*6)}.pik\:py-0\.5{padding-block:calc(var(--pik-spacing)*.5)}.pik\:py-1{padding-block:calc(var(--pik-spacing)*1)}.pik\:py-1\.5{padding-block:calc(var(--pik-spacing)*1.5)}.pik\:py-2{padding-block:calc(var(--pik-spacing)*2)}.pik\:py-2\.5{padding-block:calc(var(--pik-spacing)*2.5)}.pik\:py-3{padding-block:calc(var(--pik-spacing)*3)}.pik\:py-4{padding-block:calc(var(--pik-spacing)*4)}.pik\:py-5{padding-block:calc(var(--pik-spacing)*5)}.pik\:py-8{padding-block:calc(var(--pik-spacing)*8)}.pik\:py-12{padding-block:calc(var(--pik-spacing)*12)}.pik\:pt-1{padding-top:calc(var(--pik-spacing)*1)}.pik\:pt-1\.5{padding-top:calc(var(--pik-spacing)*1.5)}.pik\:pt-2{padding-top:calc(var(--pik-spacing)*2)}.pik\:pt-3{padding-top:calc(var(--pik-spacing)*3)}.pik\:pt-4{padding-top:calc(var(--pik-spacing)*4)}.pik\:pr-4{padding-right:calc(var(--pik-spacing)*4)}.pik\:pb-2{padding-bottom:calc(var(--pik-spacing)*2)}.pik\:pb-4{padding-bottom:calc(var(--pik-spacing)*4)}.pik\:pl-4{padding-left:calc(var(--pik-spacing)*4)}.pik\:pl-10{padding-left:calc(var(--pik-spacing)*10)}.pik\:text-center{text-align:center}.pik\:text-left{text-align:left}.pik\:font-mono{font-family:var(--pik-font-mono)}.pik\:font-sans{font-family:var(--pik-font-sans)}.pik\:text-2xl{font-size:var(--pik-text-2xl);line-height:var(--tw-leading,var(--pik-text-2xl--line-height))}.pik\:text-4xl{font-size:var(--pik-text-4xl);line-height:var(--tw-leading,var(--pik-text-4xl--line-height))}.pik\:text-base{font-size:var(--pik-text-base);line-height:var(--tw-leading,var(--pik-text-base--line-height))}.pik\:text-lg{font-size:var(--pik-text-lg);line-height:var(--tw-leading,var(--pik-text-lg--line-height))}.pik\:text-sm{font-size:var(--pik-text-sm);line-height:var(--tw-leading,var(--pik-text-sm--line-height))}.pik\:text-xl{font-size:var(--pik-text-xl);line-height:var(--tw-leading,var(--pik-text-xl--line-height))}.pik\:text-xs{font-size:var(--pik-text-xs);line-height:var(--tw-leading,var(--pik-text-xs--line-height))}.pik\:text-\[10px\]{font-size:10px}.pik\:text-\[11px\]{font-size:11px}.pik\:leading-tight{--tw-leading:var(--pik-leading-tight);line-height:var(--pik-leading-tight)}.pik\:font-bold{--tw-font-weight:var(--pik-font-weight-bold);font-weight:var(--pik-font-weight-bold)}.pik\:font-medium{--tw-font-weight:var(--pik-font-weight-medium);font-weight:var(--pik-font-weight-medium)}.pik\:font-normal{--tw-font-weight:var(--pik-font-weight-normal);font-weight:var(--pik-font-weight-normal)}.pik\:font-semibold{--tw-font-weight:var(--pik-font-weight-semibold);font-weight:var(--pik-font-weight-semibold)}.pik\:tracking-tight{--tw-tracking:var(--pik-tracking-tight);letter-spacing:var(--pik-tracking-tight)}.pik\:tracking-wide{--tw-tracking:var(--pik-tracking-wide);letter-spacing:var(--pik-tracking-wide)}.pik\:tracking-wider{--tw-tracking:var(--pik-tracking-wider);letter-spacing:var(--pik-tracking-wider)}.pik\:whitespace-nowrap{white-space:nowrap}.pik\:text-\[rgba\(139\,92\,246\,0\.08\)\]{color:#8b5cf614}.pik\:text-\[var\(--pik-accent-500\)\]{color:var(--pik-accent-500)}.pik\:text-\[var\(--pik-danger-500\)\]{color:var(--pik-danger-500)}.pik\:text-\[var\(--pik-danger-600\)\]{color:var(--pik-danger-600)}.pik\:text-\[var\(--pik-primary-400\)\]{color:var(--pik-primary-400)}.pik\:text-\[var\(--pik-primary-500\)\]{color:var(--pik-primary-500)}.pik\:text-\[var\(--pik-primary-600\)\]{color:var(--pik-primary-600)}.pik\:text-\[var\(--pik-success-500\)\]{color:var(--pik-success-500)}.pik\:text-\[var\(--pik-success-600\)\]{color:var(--pik-success-600)}.pik\:text-\[var\(--pik-success-700\)\]{color:var(--pik-success-700)}.pik\:text-\[var\(--pik-text-primary\)\]{color:var(--pik-text-primary)}.pik\:text-\[var\(--pik-text-quaternary\)\]{color:var(--pik-text-quaternary)}.pik\:text-\[var\(--pik-text-secondary\)\]{color:var(--pik-text-secondary)}.pik\:text-\[var\(--pik-text-tertiary\)\]{color:var(--pik-text-tertiary)}.pik\:text-\[var\(--pik-warning-500\)\]{color:var(--pik-warning-500)}.pik\:text-\[var\(--pik-warning-600\)\]{color:var(--pik-warning-600)}.pik\:text-amber-300{color:var(--pik-color-amber-300)}.pik\:text-amber-400,.pik\:text-amber-400\/60{color:var(--pik-color-amber-400)}@supports (color:color-mix(in lab,red,red)){.pik\:text-amber-400\/60{color:color-mix(in oklab,var(--pik-color-amber-400)60%,transparent)}}.pik\:text-amber-600{color:var(--pik-color-amber-600)}.pik\:text-amber-700{color:var(--pik-color-amber-700)}.pik\:text-amber-800{color:var(--pik-color-amber-800)}.pik\:text-blue-300{color:var(--pik-color-blue-300)}.pik\:text-blue-400,.pik\:text-blue-400\/60{color:var(--pik-color-blue-400)}@supports (color:color-mix(in lab,red,red)){.pik\:text-blue-400\/60{color:color-mix(in oklab,var(--pik-color-blue-400)60%,transparent)}}.pik\:text-blue-800{color:var(--pik-color-blue-800)}.pik\:text-danger{color:var(--pik-color-danger)}.pik\:text-emerald-400{color:var(--pik-color-emerald-400)}.pik\:text-emerald-500{color:var(--pik-color-emerald-500)}.pik\:text-gray-400{color:var(--pik-color-gray-400)}.pik\:text-green-400{color:var(--pik-color-green-400)}.pik\:text-green-600{color:var(--pik-color-green-600)}.pik\:text-green-800{color:var(--pik-color-green-800)}.pik\:text-orange-400{color:var(--pik-color-orange-400)}.pik\:text-primary{color:var(--pik-color-primary)}.pik\:text-red-300{color:var(--pik-color-red-300)}.pik\:text-red-400,.pik\:text-red-400\/60{color:var(--pik-color-red-400)}@supports (color:color-mix(in lab,red,red)){.pik\:text-red-400\/60{color:color-mix(in oklab,var(--pik-color-red-400)60%,transparent)}}.pik\:text-red-500{color:var(--pik-color-red-500)}.pik\:text-red-600{color:var(--pik-color-red-600)}.pik\:text-red-700{color:var(--pik-color-red-700)}.pik\:text-red-800{color:var(--pik-color-red-800)}.pik\:text-slate-400{color:var(--pik-color-slate-400)}.pik\:text-text-muted{color:var(--pik-color-text-muted)}.pik\:text-text-primary{color:var(--pik-color-text-primary)}.pik\:text-text-secondary{color:var(--pik-color-text-secondary)}.pik\:text-text-soft{color:var(--pik-color-text-soft)}.pik\:text-violet-400{color:var(--pik-color-violet-400)}.pik\:text-white,.pik\:text-white\/70{color:var(--pik-color-white)}@supports (color:color-mix(in lab,red,red)){.pik\:text-white\/70{color:color-mix(in oklab,var(--pik-color-white)70%,transparent)}}.pik\:uppercase{text-transform:uppercase}.pik\:italic{font-style:italic}.pik\:underline{text-decoration-line:underline}.pik\:underline-offset-2{text-underline-offset:2px}.pik\:opacity-0{opacity:0}.pik\:opacity-20{opacity:.2}.pik\:opacity-25{opacity:.25}.pik\:opacity-30{opacity:.3}.pik\:opacity-50{opacity:.5}.pik\:opacity-60{opacity:.6}.pik\:opacity-70{opacity:.7}.pik\:opacity-75{opacity:.75}.pik\:opacity-100{opacity:1}.pik\:shadow-\[var\(--pik-primary-500\)\]\/40{--tw-shadow-alpha:40%;--tw-shadow:var(--pik-primary-500);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pik\:shadow-\[var\(--pik-success-500\)\]\/40{--tw-shadow-alpha:40%;--tw-shadow:var(--pik-success-500);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pik\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pik\:shadow-card{--tw-shadow:var(--pik-shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pik\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pik\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pik\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pik\:shadow-subtle{--tw-shadow:var(--pik-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pik\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pik\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pik\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pik\:ring-\[var\(--pik-border-subtle\)\]{--tw-ring-color:var(--pik-border-subtle)}.pik\:ring-\[var\(--pik-success-200\)\]{--tw-ring-color:var(--pik-success-200)}.pik\:ring-primary,.pik\:ring-primary\/20{--tw-ring-color:var(--pik-color-primary)}@supports (color:color-mix(in lab,red,red)){.pik\:ring-primary\/20{--tw-ring-color:color-mix(in oklab,var(--pik-color-primary)20%,transparent)}}.pik\:blur-xl{--tw-blur:blur(var(--pik-blur-xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.pik\:drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--pik-drop-shadow-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.pik\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--pik-blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.pik\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--pik-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pik-default-transition-duration))}.pik\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--pik-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pik-default-transition-duration))}.pik\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--pik-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pik-default-transition-duration))}.pik\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--pik-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pik-default-transition-duration))}.pik\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--pik-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pik-default-transition-duration))}.pik\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--pik-default-transition-timing-function));transition-duration:var(--tw-duration,var(--pik-default-transition-duration))}.pik\:duration-150{--tw-duration:.15s;transition-duration:.15s}.pik\:duration-200{--tw-duration:.2s;transition-duration:.2s}.pik\:duration-300{--tw-duration:.3s;transition-duration:.3s}.pik\:ease-in-out{--tw-ease:var(--pik-ease-in-out);transition-timing-function:var(--pik-ease-in-out)}.pik\:ease-out{--tw-ease:var(--pik-ease-out);transition-timing-function:var(--pik-ease-out)}.pik\:outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.pik\:group-hover\:opacity-100:is(:where(.pik\:group):hover *){opacity:1}}.pik\:placeholder\:text-text-muted::-moz-placeholder{color:var(--pik-color-text-muted)}.pik\:placeholder\:text-text-muted::placeholder{color:var(--pik-color-text-muted)}@media(hover:hover){.pik\:hover\:border-primary:hover{border-color:var(--pik-color-primary)}.pik\:hover\:bg-\[var\(--pik-surface-base\)\]:hover{background-color:var(--pik-surface-base)}.pik\:hover\:bg-\[var\(--pik-surface-sunken\)\]:hover{background-color:var(--pik-surface-sunken)}.pik\:hover\:bg-amber-500\/10:hover{background-color:var(--pik-color-amber-500)}@supports (color:color-mix(in lab,red,red)){.pik\:hover\:bg-amber-500\/10:hover{background-color:color-mix(in oklab,var(--pik-color-amber-500)10%,transparent)}}.pik\:hover\:bg-black\/5:hover{background-color:var(--pik-color-black)}@supports (color:color-mix(in lab,red,red)){.pik\:hover\:bg-black\/5:hover{background-color:color-mix(in oklab,var(--pik-color-black)5%,transparent)}}.pik\:hover\:bg-blue-500\/10:hover{background-color:var(--pik-color-blue-500)}@supports (color:color-mix(in lab,red,red)){.pik\:hover\:bg-blue-500\/10:hover{background-color:color-mix(in oklab,var(--pik-color-blue-500)10%,transparent)}}.pik\:hover\:bg-emerald-50:hover{background-color:var(--pik-color-emerald-50)}.pik\:hover\:bg-primary-soft:hover{background-color:var(--pik-color-primary-soft)}.pik\:hover\:bg-red-50:hover{background-color:var(--pik-color-red-50)}.pik\:hover\:bg-red-500\/10:hover{background-color:var(--pik-color-red-500)}@supports (color:color-mix(in lab,red,red)){.pik\:hover\:bg-red-500\/10:hover{background-color:color-mix(in oklab,var(--pik-color-red-500)10%,transparent)}}.pik\:hover\:bg-red-700:hover{background-color:var(--pik-color-red-700)}.pik\:hover\:bg-surface:hover{background-color:var(--pik-color-surface)}.pik\:hover\:bg-surface-muted:hover{background-color:var(--pik-color-surface-muted)}.pik\:hover\:text-\[var\(--pik-primary-600\)\]:hover{color:var(--pik-primary-600)}.pik\:hover\:text-\[var\(--pik-success-700\)\]:hover{color:var(--pik-success-700)}.pik\:hover\:text-\[var\(--pik-text-primary\)\]:hover{color:var(--pik-text-primary)}.pik\:hover\:text-amber-300:hover{color:var(--pik-color-amber-300)}.pik\:hover\:text-blue-300:hover{color:var(--pik-color-blue-300)}.pik\:hover\:text-primary:hover{color:var(--pik-color-primary)}.pik\:hover\:text-red-300:hover{color:var(--pik-color-red-300)}.pik\:hover\:text-red-600:hover{color:var(--pik-color-red-600)}.pik\:hover\:text-text-primary:hover{color:var(--pik-color-text-primary)}.pik\:hover\:no-underline:hover{text-decoration-line:none}.pik\:hover\:underline:hover{text-decoration-line:underline}.pik\:hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.pik\:focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.pik\:focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.pik\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.pik\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.pik\:disabled\:opacity-50:disabled{opacity:.5}}:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-success:#16a34a;--color-error:#dc2626;--color-warning:#f59e0b;--color-text:#1f2937;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-bg:#f9fafb;--color-bg-card:#fff;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.pik-liner-app{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);box-sizing:border-box;min-height:100vh;padding:20px}.pik-liner-app *,.pik-liner-app :before,.pik-liner-app :after{box-sizing:inherit}.app-header{border-bottom:2px solid var(--color-primary);align-items:baseline;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.app-header__title{color:var(--color-text);margin:0;font-size:24px;font-weight:700}.app-header__version{color:var(--color-text-muted);font-size:14px;font-weight:500}.app-main{max-width:1200px;margin:0 auto}.app-footer{border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);margin-top:40px;padding-top:20px;font-size:14px}.app-footer code{font-family:var(--font-mono);background:var(--color-bg);border-radius:var(--radius-sm);padding:2px 6px}.calculator{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media(max-width:768px){.calculator{grid-template-columns:1fr}}.calculator__design-panel,.calculator__results-panel{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px}.error-banner{border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);background:#fef2f2;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.error-banner__message{font-weight:500}.error-banner__close{cursor:pointer;color:var(--color-error);background:0 0;border:none;padding:0 4px;font-size:20px}.shape-selector{margin-bottom:24px}.shape-selector__label{color:var(--color-text);margin-bottom:8px;font-weight:600;display:block}.shape-selector__options{flex-wrap:wrap;gap:8px;display:flex}.shape-selector__option{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);cursor:pointer;flex-direction:column;align-items:center;gap:4px;min-width:80px;padding:12px 16px;transition:all .2s;display:flex}.shape-selector__option:hover{border-color:var(--color-primary);background:#eff6ff}.shape-selector__option--selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background:#eff6ff}.shape-selector__icon{font-size:24px}.shape-selector__name{color:var(--color-text-muted);font-size:12px;font-weight:500}.shape-selector__option--selected .shape-selector__name{color:var(--color-primary)}.dimension-inputs{margin-bottom:24px}.dimension-inputs__title{color:var(--color-text);margin:0 0 16px;font-size:16px;font-weight:600}.dimension-inputs__grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;display:grid}.dimension-inputs__section{border-bottom:1px solid var(--color-border);margin-bottom:20px;padding-bottom:16px}.dimension-inputs__section-title{color:var(--color-text-muted);margin:0 0 12px;font-size:14px;font-weight:600}.dimension-inputs__select-row{margin-top:12px}.dimension-inputs__select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);width:100%;margin-top:4px;padding:10px 12px;font-size:14px}.dimension-inputs__note{color:var(--color-text-muted);margin-bottom:16px;font-size:14px;font-style:italic}.number-input{flex-direction:column;gap:4px;display:flex}.number-input__label{color:var(--color-text);font-size:14px;font-weight:500}.number-input__wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.number-input__wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb33}.number-input__field{border:none;outline:none;flex:1;min-width:0;padding:10px 12px;font-size:16px}.number-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input__unit{background:var(--color-bg);color:var(--color-text-muted);border-left:1px solid var(--color-border);padding:10px 12px;font-size:14px}.settings-panel{border-top:1px solid var(--color-border);padding-top:20px}.settings-panel__title{color:var(--color-text);margin:0 0 16px;font-size:16px;font-weight:600}.settings-panel__field{margin-bottom:16px}.settings-panel__label{color:var(--color-text);margin-bottom:4px;font-size:14px;font-weight:500;display:block}.settings-panel__select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);width:100%;padding:10px 12px;font-size:14px}.settings-panel__hint{color:var(--color-text-muted);margin-top:4px;font-size:12px}.settings-panel__checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.settings-panel__checkbox-label input{cursor:pointer;width:18px;height:18px}.results-panel{position:relative}.results-panel--loading{justify-content:center;align-items:center;min-height:300px;display:flex}.results-panel--empty{min-height:300px;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.results-panel--stale{opacity:.7}.results-panel__loader{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:12px;display:flex}.results-panel__spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.results-panel__stale-badge{background:var(--color-warning);color:#fff;border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;position:absolute;top:-8px;right:-8px}.results-panel__section{border-bottom:1px solid var(--color-border);margin-bottom:24px;padding-bottom:20px}.results-panel__section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.results-panel__section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.results-panel__section-subtitle{color:var(--color-text-muted);margin:-8px 0 12px;font-size:12px}.results-panel__grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.results-panel__stat{flex-direction:column;align-items:center;gap:4px;display:flex}.results-panel__stat-value{color:var(--color-text);font-size:24px;font-weight:700}.results-panel__stat-label{color:var(--color-text-muted);font-size:12px}.results-panel__section--highlight{background:#eff6ff;border-bottom:none;border-radius:0;margin:0 -24px 24px;padding:20px 24px}.results-panel__section--highlight .results-panel__section-title{color:var(--color-primary)}.results-panel__liner-size{text-align:center;margin-bottom:8px}.results-panel__liner-dimensions{color:var(--color-primary);font-size:36px;font-weight:700}.results-panel__liner-inches{color:var(--color-text-muted);margin-top:4px;font-size:14px;display:block}.results-panel__liner-area{text-align:center;color:var(--color-text);font-size:18px}.results-panel__section--recommended{background:#f0fdf4;border-bottom:none;border-radius:0;margin:0 -24px 24px;padding:20px 24px}.results-panel__section--recommended .results-panel__section-title{color:var(--color-success)}.results-panel__recommended{text-align:center;margin-bottom:8px}.results-panel__recommended-size{color:var(--color-success);font-size:28px;font-weight:700}.results-panel__recommended-area{text-align:center;color:var(--color-text);font-size:16px}.results-panel__excess{text-align:center;color:var(--color-text-muted);margin-top:8px;font-size:14px}.results-panel__section--breakdown{background:var(--color-bg);border-radius:0 0 var(--radius-lg)var(--radius-lg);margin:0 -24px;padding:16px 24px}.results-panel__formula{text-align:center}.results-panel__formula code{font-family:var(--font-mono);background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:8px 16px;font-size:14px}.pond-canvas{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:24px;padding:16px}.pond-canvas__svg{width:100%;height:auto;min-height:250px;max-height:400px}.pik\:btn{border-radius:var(--radius-md,.375rem);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.pik\:btn:focus{outline:2px solid var(--color-primary,#2563eb);outline-offset:2px}.pik\:btn:disabled{opacity:.5;cursor:not-allowed}.pik\:btn-primary{background-color:var(--color-primary,#2563eb);color:#fff;border-color:var(--color-primary,#2563eb)}.pik\:btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark,#1d4ed8);border-color:var(--color-primary-dark,#1d4ed8)}.pik\:btn-secondary{background-color:var(--pik-surface-raised,#fff);color:var(--pik-text-primary,#1f2937);border-color:var(--pik-border-default,#e5e7eb)}.pik\:btn-secondary:hover:not(:disabled){background-color:var(--pik-surface-sunken,#f9fafb);border-color:var(--pik-border-strong,#6b7280)}.pik\:btn-danger{background-color:var(--color-error,#ef4444);color:#fff;border-color:var(--color-error,#ef4444)}.pik\:btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.pik-liner-app select{color-scheme:light dark}.pik-liner-app select option{background-color:var(--pik-surface-raised,#fff);color:var(--pik-text-primary,#1f2937)}.pik-liner-app[data-theme=dark] select option{background-color:var(--pik-surface-raised,#1e293b);color:var(--pik-text-primary,#f1f5f9)}@media(prefers-color-scheme:dark){.pik-liner-app:not([data-theme=light]) select option{background-color:var(--pik-surface-raised,#1e293b);color:var(--pik-text-primary,#f1f5f9)}}.canvas-legend{background:var(--color-bg);border-radius:var(--radius-md);flex-wrap:wrap;gap:16px;margin-top:12px;padding:12px 16px;display:flex}.canvas-legend__item{align-items:center;gap:6px;display:flex}.canvas-legend__swatch{flex-shrink:0}.canvas-legend__label{color:var(--color-text-muted);font-size:12px}.features-panel{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px}.features-panel__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.features-panel__title{color:var(--color-text);margin:0;font-size:16px;font-weight:600}.features-panel__add-btn{border:2px solid var(--color-primary);background:var(--color-bg-card);width:32px;height:32px;color:var(--color-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:600;transition:all .2s;display:flex}.features-panel__add-btn:hover{background:var(--color-primary);color:#fff}.features-panel__empty{color:var(--color-text-muted);text-align:center;background:var(--color-bg);border-radius:var(--radius-md);padding:20px;font-size:14px}.features-panel__list{margin:0;padding:0;list-style:none}.features-panel__item{background:var(--color-bg);border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.features-panel__item:last-child{margin-bottom:0}.features-panel__item-icon{font-size:20px}.features-panel__item-info{flex-direction:column;flex:1;gap:2px;display:flex}.features-panel__item-type{color:var(--color-text);font-weight:500}.features-panel__item-dims{color:var(--color-text-muted);font-size:12px}.features-panel__remove-btn{background:var(--color-error);color:#fff;cursor:pointer;opacity:.7;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:opacity .2s;display:flex}.features-panel__remove-btn:hover{opacity:1}.features-panel__hint{color:var(--color-text-muted);text-align:center;margin-top:12px;font-size:12px;font-style:italic}.feature-form{background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:16px;padding:16px}.feature-form__type-selector{gap:8px;margin-bottom:16px;display:flex}.feature-form__type-btn{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 8px;transition:all .2s;display:flex}.feature-form__type-btn:hover{border-color:var(--color-primary);background:#eff6ff}.feature-form__type-btn--selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background:#eff6ff}.feature-form__type-icon{font-size:20px}.feature-form__type-label{color:var(--color-text-muted);font-size:12px;font-weight:500}.feature-form__type-btn--selected .feature-form__type-label{color:var(--color-primary)}.feature-form__fields{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:16px;display:grid}.feature-form__field{flex-direction:column;gap:4px;display:flex}.feature-form__label{color:var(--color-text-muted);font-size:12px;font-weight:500}.feature-form__input{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 12px;font-size:14px}.feature-form__input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #2563eb33}.feature-form__hint{color:var(--color-text-muted);font-size:11px}.feature-form__actions{justify-content:flex-end;gap:8px;display:flex}.feature-form__btn{border-radius:var(--radius-md);cursor:pointer;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.feature-form__btn--cancel{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-muted)}.feature-form__btn--cancel:hover{background:var(--color-bg)}.feature-form__btn--submit{background:var(--color-primary);color:#fff;border:none}.feature-form__btn--submit:hover{background:var(--color-primary-dark)}.error-boundary{justify-content:center;align-items:center;min-height:300px;padding:24px;display:flex}.error-boundary__content{text-align:center;background:var(--color-bg-card);border-radius:var(--radius-lg);max-width:500px;box-shadow:var(--shadow-md);padding:32px}.error-boundary__title{color:var(--color-error);margin:0 0 12px;font-size:20px;font-weight:600}.error-boundary__message{color:var(--color-text);margin:0 0 16px}.error-boundary__details{text-align:left;margin-bottom:16px}.error-boundary__details summary{cursor:pointer;color:var(--color-text-muted);font-size:14px}.error-boundary__stack,.error-boundary__component-stack{font-family:var(--font-mono);background:var(--color-bg);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-all;margin-top:8px;padding:12px;font-size:12px;overflow-x:auto}.error-boundary__retry-btn{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;border:none;padding:10px 24px;font-size:14px;font-weight:500;transition:background .2s}.error-boundary__retry-btn:hover{background:var(--color-primary-dark)}.calculator--with-canvas{grid-template-columns:1fr;gap:24px;display:grid}@media(min-width:1024px){.calculator--with-canvas{grid-template-columns:1.2fr 1fr 1fr}}@media(min-width:768px)and (max-width:1023px){.calculator--with-canvas{grid-template-columns:1fr 1fr}.calculator__canvas-panel{grid-column:span 2}}.calculator__canvas-panel{flex-direction:column;display:flex}.calculator--full{flex-direction:column;gap:24px;display:flex}.calculator__top-row{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.calculator__bottom-row{grid-template-columns:1fr 1.5fr;gap:24px;display:grid}@media(max-width:1024px){.calculator__top-row,.calculator__bottom-row{grid-template-columns:1fr}}.calculator__products-panel{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px}.app-header{border-bottom:2px solid var(--color-primary);justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.app-header__left{align-items:baseline;gap:12px;display:flex}.toolbar{gap:8px;display:flex}.toolbar__btn{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.toolbar__btn:hover{border-color:var(--color-primary);background:#eff6ff}.toolbar__btn--danger:hover{border-color:var(--color-error);color:var(--color-error);background:#fef2f2}.toolbar__icon{font-size:16px}.toolbar__label{font-weight:500}@media(max-width:600px){.toolbar__label{display:none}}.product-recommendations{min-height:200px}.product-recommendations__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.product-recommendations__title{color:var(--color-text);margin:0;font-size:18px;font-weight:600}.product-recommendations__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.product-recommendations__empty{text-align:center;color:var(--color-text-muted);padding:40px}.product-recommendations__split{border-radius:var(--radius-md);background:#fef3c7;border:1px solid #f59e0b;margin-top:20px;padding:16px}.product-recommendations__split-title{color:#92400e;margin:0 0 8px;font-size:14px;font-weight:600}.product-recommendations__split-desc{color:#78350f;margin:0;font-size:14px}.material-filter{gap:4px;display:flex}.material-filter__btn{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-muted);cursor:pointer;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.material-filter__btn:first-child{border-radius:var(--radius-md)0 0 var(--radius-md)}.material-filter__btn:last-child{border-radius:0 var(--radius-md)var(--radius-md)0}.material-filter__btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.product-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex;position:relative}.product-card--recommended{border-color:var(--color-success);background:#f0fdf4}.product-card__badge{background:var(--color-success);color:#fff;border-radius:var(--radius-sm);padding:4px 8px;font-size:11px;font-weight:600;position:absolute;top:-8px;right:12px}.product-card__header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.product-card__name{color:var(--color-text);margin:0;font-size:15px;font-weight:600}.product-card__sku{color:var(--color-text-muted);font-size:12px;font-family:var(--font-mono)}.product-card__details{grid-template-columns:1fr 1fr;gap:8px;font-size:13px;display:grid}.product-card__size,.product-card__area,.product-card__excess,.product-card__material{justify-content:space-between;display:flex}.product-card__size-label,.product-card__area-label,.product-card__excess-label,.product-card__material-label{color:var(--color-text-muted)}.product-card__size-value,.product-card__area-value,.product-card__material-value{font-weight:500}.product-card__excess-value{color:var(--color-warning)}.product-card__footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.product-card__price{color:var(--color-text);font-size:20px;font-weight:700}.product-card__add-btn{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;border:none;min-width:100px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.product-card__add-btn:hover{background:var(--color-primary-dark)}.product-card__add-btn:disabled{background:var(--color-border);cursor:not-allowed}.product-card__add-btn--success{background:var(--color-success)}.product-card__spinner{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin;display:inline-block}.product-card__error{color:var(--color-error);border-radius:var(--radius-sm);background:#fef2f2;padding:8px;font-size:12px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal{background:var(--color-bg-card);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:450px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000004d}.modal--wide{max-width:600px}.modal__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal__title{color:var(--color-text);margin:0;font-size:18px;font-weight:600}.modal__close{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;display:flex}.modal__close:hover{background:var(--color-bg);color:var(--color-text)}.modal__body{padding:24px;overflow-y:auto}.modal__field{margin-bottom:16px}.modal__label{color:var(--color-text);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.modal__input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;padding:10px 12px;font-size:14px}.modal__input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #2563eb33}.modal__preview{background:var(--color-bg);border-radius:var(--radius-md);padding:16px}.modal__preview-title{color:var(--color-text-muted);margin:0 0 12px;font-size:14px;font-weight:600}.modal__preview-item{color:var(--color-text);margin:0 0 8px;font-size:14px}.modal__empty{text-align:center;color:var(--color-text-muted);padding:40px 20px}.modal__empty-hint{margin-top:8px;font-size:14px}.modal__footer{border-top:1px solid var(--color-border);background:var(--color-bg);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal__btn{border-radius:var(--radius-md);cursor:pointer;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.modal__btn--cancel{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-muted)}.modal__btn--cancel:hover{background:var(--color-bg)}.modal__btn--primary{background:var(--color-primary);color:#fff;border:none}.modal__btn--primary:hover{background:var(--color-primary-dark)}.modal__btn--primary:disabled{background:var(--color-border);cursor:not-allowed}.saved-designs-list{max-height:300px;margin:0;padding:0;list-style:none;overflow-y:auto}.saved-designs-list__item{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.saved-designs-list__item:hover{border-color:var(--color-primary);background:#eff6ff}.saved-designs-list__item--selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background:#eff6ff}.saved-designs-list__icon{background:var(--color-bg);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.saved-designs-list__info{flex-direction:column;flex:1;gap:2px;display:flex}.saved-designs-list__name{color:var(--color-text);font-weight:500}.saved-designs-list__meta{color:var(--color-text-muted);font-size:12px}.saved-designs-list__delete{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);opacity:0;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.saved-designs-list__item:hover .saved-designs-list__delete{opacity:1}.saved-designs-list__delete:hover{color:var(--color-error);background:#fef2f2}.toast-container{z-index:1100;flex-direction:column;gap:8px;max-width:350px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--radius-md);box-shadow:var(--shadow-md);align-items:center;gap:10px;padding:12px 16px;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast--success{border:1px solid var(--color-success);color:#166534;background:#f0fdf4}.toast--error{border:1px solid var(--color-error);color:#991b1b;background:#fef2f2}.toast--warning{border:1px solid var(--color-warning);color:#92400e;background:#fef3c7}.toast--info{border:1px solid var(--color-primary);color:#1e40af;background:#eff6ff}.toast__icon{font-size:18px;font-weight:700}.toast__message{flex:1;font-size:14px}.toast__dismiss{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;display:flex}.toast__dismiss:hover{opacity:1}.pik-feature-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.pik-feature-card{--accent:#2563eb;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:flex-start;gap:12px;min-height:72px;padding:14px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.pik-feature-card:hover{border-color:var(--accent);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.pik-feature-card:hover{border-color:color-mix(in srgb,var(--accent)40%,#e5e7eb)}}.pik-feature-card:hover{box-shadow:0 8px 20px #0f172a14}.pik-feature-card:active{transform:translateY(0);box-shadow:0 4px 12px #0f172a1a}.pik-feature-card:focus-visible{box-shadow:0 0 0 3px var(--accent),0 8px 20px #0f172a14;outline:none}@supports (color:color-mix(in lab,red,red)){.pik-feature-card:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent)25%,transparent),0 8px 20px #0f172a14}}.pik-feature-card:focus-visible{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-feature-card:focus-visible{border-color:color-mix(in srgb,var(--accent)50%,#e5e7eb)}}.pik-feature-icon{background:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}@supports (color:color-mix(in lab,red,red)){.pik-feature-icon{background:color-mix(in srgb,var(--accent)10%,#f8fafc)}}.pik-feature-icon{border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-feature-icon{border:1px solid color-mix(in srgb,var(--accent)20%,#e5e7eb)}}.pik-feature-icon{color:var(--accent)}.pik-feature-svg{width:20px;height:20px}.pik-feature-text{flex-direction:column;justify-content:center;min-height:40px;display:flex}.pik-feature-name{letter-spacing:.01em;color:var(--pik-text-primary,#0f172a);margin:0;font-size:14px;font-weight:600;line-height:1.3}.pik-feature-desc{color:var(--pik-text-secondary,#64748b);margin:2px 0 0;font-size:12px;line-height:1.3}.pik-feature-card.waterfall{--accent:#0ea5e9}.pik-feature-card.stream{--accent:#2563eb}.pik-feature-card.spillway{--accent:#14b8a6}.pik-feature-card.raised-edge{--accent:#6366f1}@media(prefers-color-scheme:dark){.pik-liner-app:not([data-theme=light]) .pik-feature-card{background:var(--pik-surface-raised,#1e293b);border-color:var(--pik-border-subtle,#334155)}.pik-liner-app:not([data-theme=light]) .pik-feature-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-feature-card:hover{border-color:color-mix(in srgb,var(--accent)50%,#334155)}}.pik-liner-app:not([data-theme=light]) .pik-feature-name{color:#f1f5f9}.pik-liner-app:not([data-theme=light]) .pik-feature-desc{color:#cbd5e1}.pik-liner-app:not([data-theme=light]) .pik-feature-icon{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-feature-icon{background:color-mix(in srgb,var(--accent)15%,#1e293b)}}.pik-liner-app:not([data-theme=light]) .pik-feature-icon{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-feature-icon{border-color:color-mix(in srgb,var(--accent)30%,#334155)}}}.pik-liner-app[data-theme=dark] .pik-feature-card,.pik-liner-app.dark .pik-feature-card{background:var(--pik-surface-raised,#1e293b);border-color:var(--pik-border-subtle,#334155)}.pik-liner-app[data-theme=dark] .pik-feature-card:hover,.pik-liner-app.dark .pik-feature-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-feature-card:hover,.pik-liner-app.dark .pik-feature-card:hover{border-color:color-mix(in srgb,var(--accent)50%,#334155)}}.pik-liner-app[data-theme=dark] .pik-feature-name,.pik-liner-app.dark .pik-feature-name{color:#f1f5f9}.pik-liner-app[data-theme=dark] .pik-feature-desc,.pik-liner-app.dark .pik-feature-desc{color:#cbd5e1}.pik-liner-app[data-theme=dark] .pik-feature-icon,.pik-liner-app.dark .pik-feature-icon{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-feature-icon,.pik-liner-app.dark .pik-feature-icon{background:color-mix(in srgb,var(--accent)15%,#1e293b)}}.pik-liner-app[data-theme=dark] .pik-feature-icon,.pik-liner-app.dark .pik-feature-icon{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-feature-icon,.pik-liner-app.dark .pik-feature-icon{border-color:color-mix(in srgb,var(--accent)30%,#334155)}}@media(max-width:400px){.pik-feature-palette{grid-template-columns:1fr}}.pik-added-features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pik-added-feature-wrapper{flex-direction:column;display:flex}.pik-added-feature-wrapper:has(.pik-added-feature-card.selected){grid-column:1/-1}.pik-added-feature-card{--accent:#6366f1;text-align:left;background:var(--pik-surface-sunken,#f8fafc);border:1px solid var(--pik-border-subtle,#e2e8f0);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:all .15s;display:flex;position:relative}.pik-added-feature-card:hover{background:var(--pik-surface-base,#fff);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-added-feature-card:hover{border-color:color-mix(in srgb,var(--accent)35%,var(--pik-border-subtle,#e2e8f0))}}.pik-added-feature-card:hover{box-shadow:0 2px 8px #0f172a0f}.pik-added-feature-card.selected{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-added-feature-card.selected{background:color-mix(in srgb,var(--accent)8%,var(--pik-surface-base,#fff))}}.pik-added-feature-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-added-feature-card.selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent)15%,transparent)}}.pik-added-feature-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent);outline:none}@supports (color:color-mix(in lab,red,red)){.pik-added-feature-card:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent)20%,transparent)}}.pik-added-feature-icon{background:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab,red,red)){.pik-added-feature-icon{background:color-mix(in srgb,var(--accent)12%,var(--pik-surface-base,#f8fafc))}}.pik-added-feature-icon{border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-added-feature-icon{border:1px solid color-mix(in srgb,var(--accent)25%,var(--pik-border-subtle,#e5e7eb))}}.pik-added-feature-icon{color:var(--accent);transition:all .15s}.pik-added-feature-card.selected .pik-added-feature-icon{background:var(--accent);border-color:var(--accent);color:#fff}.pik-added-feature-icon svg{width:18px;height:18px}.pik-added-feature-text{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.pik-added-feature-name{letter-spacing:.01em;color:var(--pik-text-primary,#0f172a);font-size:13px;font-weight:600;line-height:1.3}.pik-added-feature-dims{color:var(--pik-text-secondary,#64748b);margin-top:1px;font-size:11px;line-height:1.3}.pik-added-feature-delete{width:28px;height:28px;color:var(--pik-text-tertiary,#94a3b8);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;transition:all .15s;display:grid}.pik-added-feature-card:hover .pik-added-feature-delete,.pik-added-feature-card.selected .pik-added-feature-delete{opacity:1}.pik-added-feature-delete:hover:not(:disabled){color:#ef4444;background:#ef44441a}.pik-added-feature-delete:disabled{cursor:not-allowed;opacity:.4}.pik-added-feature-card:hover .pik-added-feature-delete:disabled,.pik-added-feature-card.selected .pik-added-feature-delete:disabled{opacity:.4}.pik-added-feature-delete svg{width:14px;height:14px}.pik-added-feature-card.waterfall{--accent:#0ea5e9}.pik-added-feature-card.stream{--accent:#2563eb}.pik-added-feature-card.spillway{--accent:#14b8a6}.pik-added-feature-card.raised-edge{--accent:#6366f1}.pik-feature-expand-panel{background:var(--pik-surface-base,#fff);border:1px solid var(--pik-border-subtle,#e2e8f0);border-top:none;border-radius:0 0 12px 12px;margin-top:2px;padding:14px 16px;animation:.15s ease-out expandSlide}@keyframes expandSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pik-added-feature-card.selected{border-radius:12px 12px 0 0}.pik-feature-expand-fields{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media(min-width:500px){.pik-feature-expand-fields{grid-template-columns:repeat(4,1fr)}}.pik-feature-expand-field{flex-direction:column;gap:4px;display:flex}.pik-feature-expand-label{text-transform:uppercase;letter-spacing:.05em;color:var(--pik-text-tertiary,#64748b);font-size:10px;font-weight:600}.pik-feature-expand-input-wrap{flex-direction:column;gap:2px;display:flex}.pik-feature-expand-input{width:100%;color:var(--pik-text-primary,#0f172a);background:var(--pik-surface-sunken,#f8fafc);border:1px solid var(--pik-border-default,#e2e8f0);border-radius:8px;padding:8px 10px;font-size:14px;font-weight:500;transition:all .15s}.pik-feature-expand-input:focus{border-color:var(--pik-primary-500,#0ea5e9);background:var(--pik-surface-base,#fff);outline:none;box-shadow:0 0 0 3px #0ea5e926}.pik-feature-expand-input:disabled{cursor:not-allowed;opacity:.5;background:var(--pik-surface-muted,#f1f5f9)}.pik-feature-expand-unit{color:var(--pik-text-tertiary,#94a3b8);padding-left:2px;font-size:11px}.pik-feature-expand-hint{border-top:1px solid var(--pik-border-subtle,#e2e8f0);color:var(--pik-text-tertiary,#94a3b8);align-items:center;gap:6px;margin-top:12px;padding-top:10px;font-size:11px;display:flex}.pik-feature-expand-hint svg{flex-shrink:0;width:14px;height:14px}@media(max-width:400px){.pik-added-features-grid{grid-template-columns:1fr}}.pik-shape-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media(min-width:640px){.pik-shape-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){.pik-shape-palette{grid-template-columns:repeat(5,minmax(0,1fr))}}.pik-shape-card{--accent:#64748b;background:var(--pik-surface-base,#fff);border:1px solid var(--pik-border-subtle,#e2e8f0);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:14px;flex-direction:column;align-items:center;gap:10px;min-height:90px;padding:16px 12px;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;display:flex}.pik-shape-card:hover{border-color:var(--accent);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.pik-shape-card:hover{border-color:color-mix(in srgb,var(--accent)50%,var(--pik-border-subtle,#e2e8f0))}}.pik-shape-card:hover{background:var(--accent);box-shadow:0 8px 20px #0f172a14}@supports (color:color-mix(in lab,red,red)){.pik-shape-card:hover{background:color-mix(in srgb,var(--accent)4%,var(--pik-surface-base,#fff))}}.pik-shape-card:active{transform:translateY(0);box-shadow:0 4px 12px #0f172a1a}.pik-shape-card:focus-visible{box-shadow:0 0 0 3px var(--accent),0 8px 20px #0f172a14;outline:none}@supports (color:color-mix(in lab,red,red)){.pik-shape-card:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent)25%,transparent),0 8px 20px #0f172a14}}.pik-shape-card:focus-visible{border-color:var(--accent)}.pik-shape-card.selected{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-shape-card.selected{background:color-mix(in srgb,var(--accent)10%,var(--pik-surface-base,#fff))}}.pik-shape-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent),0 4px 12px #0f172a14}@supports (color:color-mix(in lab,red,red)){.pik-shape-card.selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent)20%,transparent),0 4px 12px #0f172a14}}.pik-shape-card.selected{transform:translateY(-1px)}.pik-shape-icon{background:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}@supports (color:color-mix(in lab,red,red)){.pik-shape-icon{background:color-mix(in srgb,var(--accent)10%,var(--pik-surface-sunken,#f8fafc))}}.pik-shape-icon{border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-shape-icon{border:1px solid color-mix(in srgb,var(--accent)20%,var(--pik-border-subtle,#e5e7eb))}}.pik-shape-icon{color:var(--accent);transition:all .15s}.pik-shape-card:hover .pik-shape-icon{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-shape-card:hover .pik-shape-icon{background:color-mix(in srgb,var(--accent)15%,var(--pik-surface-sunken,#f8fafc))}}.pik-shape-card:hover .pik-shape-icon{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-shape-card:hover .pik-shape-icon{border-color:color-mix(in srgb,var(--accent)35%,var(--pik-border-subtle,#e5e7eb))}}.pik-shape-card.selected .pik-shape-icon{background:var(--accent);border-color:var(--accent);color:#fff}.pik-shape-icon svg{width:24px;height:24px}.pik-shape-text{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.pik-shape-name{letter-spacing:.01em;color:var(--pik-text-primary,#0f172a);font-size:13px;font-weight:600;line-height:1.2}.pik-shape-card.selected .pik-shape-name{color:var(--accent)}.pik-shape-desc{color:var(--pik-text-tertiary,#94a3b8);font-size:11px;line-height:1.2}.pik-shape-card.rectangle{--accent:#64748b}.pik-shape-card.circle{--accent:#f59e0b}.pik-shape-card.oval{--accent:#ec4899}.pik-shape-card.lshape{--accent:#10b981}.pik-shape-card.irregular{--accent:#8b5cf6}@media(prefers-color-scheme:dark){.pik-liner-app:not([data-theme=light]) .pik-shape-card{background:var(--pik-surface-raised,#1e293b);border-color:var(--pik-border-subtle,#334155)}.pik-liner-app:not([data-theme=light]) .pik-shape-card:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-shape-card:hover{background:color-mix(in srgb,var(--accent)8%,#1e293b)}}.pik-liner-app:not([data-theme=light]) .pik-shape-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-shape-card:hover{border-color:color-mix(in srgb,var(--accent)50%,#334155)}}.pik-liner-app:not([data-theme=light]) .pik-shape-card.selected{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-shape-card.selected{background:color-mix(in srgb,var(--accent)15%,#1e293b)}}.pik-liner-app:not([data-theme=light]) .pik-shape-icon{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-shape-icon{background:color-mix(in srgb,var(--accent)15%,#1e293b)}}.pik-liner-app:not([data-theme=light]) .pik-shape-icon{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-shape-icon{border-color:color-mix(in srgb,var(--accent)30%,#334155)}}.pik-liner-app:not([data-theme=light]) .pik-shape-card:hover .pik-shape-icon{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-shape-card:hover .pik-shape-icon{background:color-mix(in srgb,var(--accent)20%,#1e293b)}}.pik-liner-app:not([data-theme=light]) .pik-shape-card:hover .pik-shape-icon{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-shape-card:hover .pik-shape-icon{border-color:color-mix(in srgb,var(--accent)45%,#334155)}}.pik-liner-app:not([data-theme=light]) .pik-shape-name{color:#f1f5f9}.pik-liner-app:not([data-theme=light]) .pik-shape-card.selected .pik-shape-name{color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-shape-card.selected .pik-shape-name{color:color-mix(in srgb,var(--accent)100%,white 30%)}}.pik-liner-app:not([data-theme=light]) .pik-shape-desc{color:#94a3b8}}.pik-liner-app[data-theme=dark] .pik-shape-card{background:var(--pik-surface-raised,#1e293b);border-color:var(--pik-border-subtle,#334155)}.pik-liner-app[data-theme=dark] .pik-shape-card:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-shape-card:hover{background:color-mix(in srgb,var(--accent)8%,#1e293b)}}.pik-liner-app[data-theme=dark] .pik-shape-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-shape-card:hover{border-color:color-mix(in srgb,var(--accent)50%,#334155)}}.pik-liner-app[data-theme=dark] .pik-shape-card.selected{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-shape-card.selected{background:color-mix(in srgb,var(--accent)15%,#1e293b)}}.pik-liner-app[data-theme=dark] .pik-shape-icon{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-shape-icon{background:color-mix(in srgb,var(--accent)15%,#1e293b)}}.pik-liner-app[data-theme=dark] .pik-shape-icon{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-shape-icon{border-color:color-mix(in srgb,var(--accent)30%,#334155)}}.pik-liner-app[data-theme=dark] .pik-shape-card:hover .pik-shape-icon{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-shape-card:hover .pik-shape-icon{background:color-mix(in srgb,var(--accent)20%,#1e293b)}}.pik-liner-app[data-theme=dark] .pik-shape-card:hover .pik-shape-icon{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-shape-card:hover .pik-shape-icon{border-color:color-mix(in srgb,var(--accent)45%,#334155)}}.pik-liner-app[data-theme=dark] .pik-shape-name{color:#f1f5f9}.pik-liner-app[data-theme=dark] .pik-shape-card.selected .pik-shape-name{color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-shape-card.selected .pik-shape-name{color:color-mix(in srgb,var(--accent)100%,white 30%)}}.pik-liner-app[data-theme=dark] .pik-shape-desc{color:#94a3b8}.pik-pond-input{width:100%;color:var(--pik-text-primary,#0f172a);background:var(--pik-surface-sunken,#f1f5f9);border:1px solid var(--pik-border-default,#cbd5e1);-moz-appearance:textfield;border-radius:10px;padding:10px 40px 10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:block}.pik-pond-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pik-pond-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pik-pond-input:hover{border-color:var(--pik-border-strong,#94a3b8)}.pik-pond-input:focus{border-color:var(--pik-primary-500,#0ea5e9);background:var(--pik-surface-base,#fff);outline:none;box-shadow:0 0 0 3px #0ea5e926}.pik-pond-select{width:100%;color:var(--pik-text-primary,#0f172a);background-color:var(--pik-surface-sunken,#f1f5f9);border:1px solid var(--pik-border-default,#cbd5e1);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;border-radius:10px;padding:10px 36px 10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:block}.pik-pond-select:hover{border-color:var(--pik-border-strong,#94a3b8)}.pik-pond-select:focus{border-color:var(--pik-primary-500,#0ea5e9);background-color:var(--pik-surface-base,#fff);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;outline:none;box-shadow:0 0 0 3px #0ea5e926}.pik-pond-select option{background:var(--pik-surface-base,#fff);color:var(--pik-text-primary,#0f172a);padding:8px}@media(prefers-color-scheme:dark){.pik-liner-app:not([data-theme=light]) .pik-pond-input{background-color:var(--pik-surface-sunken,#0f172a);border-color:var(--pik-border-default,#334155);color:#f1f5f9}.pik-liner-app:not([data-theme=light]) .pik-pond-select{background-color:var(--pik-surface-sunken,#0f172a);border-color:var(--pik-border-default,#334155);color:#f1f5f9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px}.pik-liner-app:not([data-theme=light]) .pik-pond-input:hover,.pik-liner-app:not([data-theme=light]) .pik-pond-select:hover{border-color:var(--pik-border-strong,#475569)}.pik-liner-app:not([data-theme=light]) .pik-pond-input:focus{background-color:var(--pik-surface-raised,#1e293b)}.pik-liner-app:not([data-theme=light]) .pik-pond-select:focus{background-color:var(--pik-surface-raised,#1e293b);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px}.pik-liner-app:not([data-theme=light]) .pik-pond-select option{background:var(--pik-surface-raised,#1e293b);color:#f1f5f9}}.pik-liner-app[data-theme=dark] .pik-pond-input{background-color:var(--pik-surface-sunken,#0f172a);border-color:var(--pik-border-default,#334155);color:#f1f5f9}.pik-liner-app[data-theme=dark] .pik-pond-select{background-color:var(--pik-surface-sunken,#0f172a);border-color:var(--pik-border-default,#334155);color:#f1f5f9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px}.pik-liner-app[data-theme=dark] .pik-pond-input:hover,.pik-liner-app[data-theme=dark] .pik-pond-select:hover{border-color:var(--pik-border-strong,#475569)}.pik-liner-app[data-theme=dark] .pik-pond-input:focus{background-color:var(--pik-surface-raised,#1e293b)}.pik-liner-app[data-theme=dark] .pik-pond-select:focus{background-color:var(--pik-surface-raised,#1e293b);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px}.pik-liner-app[data-theme=dark] .pik-pond-select option{background:var(--pik-surface-raised,#1e293b);color:#f1f5f9}@media(prefers-color-scheme:dark){.pik-volume-calculator:not([data-theme=light]) .pik-pond-input,.pik-volume-calculator:not([data-theme=light]) .pik-pond-select{background-color:var(--pik-surface-sunken,#0f172a);border-color:var(--pik-border-default,#334155);color:#f1f5f9}.pik-volume-calculator:not([data-theme=light]) .pik-pond-input:hover,.pik-volume-calculator:not([data-theme=light]) .pik-pond-select:hover{border-color:var(--pik-border-strong,#475569)}.pik-volume-calculator:not([data-theme=light]) .pik-pond-input:focus{background-color:var(--pik-surface-raised,#1e293b)}}.pik-volume-calculator[data-theme=dark] .pik-pond-input,.pik-volume-calculator[data-theme=dark] .pik-pond-select{background-color:var(--pik-surface-sunken,#0f172a);border-color:var(--pik-border-default,#334155);color:#f1f5f9}.pik-volume-calculator[data-theme=dark] .pik-pond-input:hover,.pik-volume-calculator[data-theme=dark] .pik-pond-select:hover{border-color:var(--pik-border-strong,#475569)}.pik-volume-calculator[data-theme=dark] .pik-pond-input:focus{background-color:var(--pik-surface-raised,#1e293b)}@media(prefers-color-scheme:dark){.pik-volume-calculator:not([data-theme=light]) .pik-field-label{color:#cbd5e1}.pik-volume-calculator:not([data-theme=light]) .pik-field-unit{color:#94a3b8}}.pik-volume-calculator[data-theme=dark] .pik-field-label{color:#cbd5e1}.pik-volume-calculator[data-theme=dark] .pik-field-unit{color:#94a3b8}@media(prefers-color-scheme:dark){.pik-liner-app:not([data-theme=light]) .pik-added-feature-card{background:var(--pik-surface-sunken,#0f172a);border-color:var(--pik-border-subtle,#334155)}.pik-liner-app:not([data-theme=light]) .pik-added-feature-card:hover{background:var(--pik-surface-raised,#1e293b);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-added-feature-card:hover{border-color:color-mix(in srgb,var(--accent)40%,#334155)}}.pik-liner-app:not([data-theme=light]) .pik-added-feature-card.selected{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-added-feature-card.selected{background:color-mix(in srgb,var(--accent)12%,#1e293b)}}.pik-liner-app:not([data-theme=light]) .pik-added-feature-icon{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-added-feature-icon{background:color-mix(in srgb,var(--accent)18%,#1e293b)}}.pik-liner-app:not([data-theme=light]) .pik-added-feature-icon{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-added-feature-icon{border-color:color-mix(in srgb,var(--accent)35%,#334155)}}.pik-liner-app:not([data-theme=light]) .pik-added-feature-name{color:#f1f5f9}.pik-liner-app:not([data-theme=light]) .pik-added-feature-dims{color:#94a3b8}.pik-liner-app:not([data-theme=light]) .pik-feature-expand-panel{background:var(--pik-surface-raised,#1e293b);border-color:var(--pik-border-subtle,#334155)}.pik-liner-app:not([data-theme=light]) .pik-feature-expand-input{background:var(--pik-surface-sunken,#0f172a);border-color:var(--pik-border-default,#334155);color:#f1f5f9}}.pik-liner-app[data-theme=dark] .pik-added-feature-card{background:var(--pik-surface-sunken,#0f172a);border-color:var(--pik-border-subtle,#334155)}.pik-liner-app[data-theme=dark] .pik-added-feature-card:hover{background:var(--pik-surface-raised,#1e293b);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-added-feature-card:hover{border-color:color-mix(in srgb,var(--accent)40%,#334155)}}.pik-liner-app[data-theme=dark] .pik-added-feature-card.selected{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-added-feature-card.selected{background:color-mix(in srgb,var(--accent)12%,#1e293b)}}.pik-liner-app[data-theme=dark] .pik-added-feature-icon{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-added-feature-icon{background:color-mix(in srgb,var(--accent)18%,#1e293b)}}.pik-liner-app[data-theme=dark] .pik-added-feature-icon{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-added-feature-icon{border-color:color-mix(in srgb,var(--accent)35%,#334155)}}.pik-liner-app[data-theme=dark] .pik-added-feature-name{color:#f1f5f9}.pik-liner-app[data-theme=dark] .pik-added-feature-dims{color:#94a3b8}.pik-liner-app[data-theme=dark] .pik-feature-expand-panel{background:var(--pik-surface-raised,#1e293b);border-color:var(--pik-border-subtle,#334155)}.pik-liner-app[data-theme=dark] .pik-feature-expand-input{background:var(--pik-surface-sunken,#0f172a);border-color:var(--pik-border-default,#334155);color:#f1f5f9}.pik-irr-container{--irr-accent:#8b5cf6;--irr-accent-muted:#a78bfa;--irr-accent-subtle:#8b5cf61f}.pik-irr-instructions{background:linear-gradient(135deg,var(--irr-accent),var(--pik-surface-base,#fff))}@supports (color:color-mix(in lab,red,red)){.pik-irr-instructions{background:linear-gradient(135deg,color-mix(in srgb,var(--irr-accent)6%,var(--pik-surface-base,#fff)),var(--pik-surface-base,#fff))}}.pik-irr-instructions{border:1px solid var(--irr-accent)}@supports (color:color-mix(in lab,red,red)){.pik-irr-instructions{border:1px solid color-mix(in srgb,var(--irr-accent)20%,var(--pik-border-subtle,#e2e8f0))}}.pik-irr-instructions{border-radius:16px;margin-bottom:16px;padding:20px;position:relative;overflow:hidden}.pik-irr-instructions:before{content:"";background:linear-gradient(90deg,var(--irr-accent),var(--irr-accent-muted),#ec4899);opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.pik-irr-instructions-header{align-items:center;gap:14px;margin-bottom:18px;display:flex}.pik-irr-instructions-icon{background:linear-gradient(135deg,var(--irr-accent),var(--irr-accent-muted));color:#fff;width:44px;height:44px;box-shadow:0 4px 12px var(--irr-accent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.pik-irr-instructions-icon{box-shadow:0 4px 12px color-mix(in srgb,var(--irr-accent)35%,transparent)}}.pik-irr-instructions-icon svg{width:22px;height:22px}.pik-irr-instructions-title{color:var(--pik-text-primary,#0f172a);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.pik-irr-instructions-subtitle{color:var(--pik-text-tertiary,#64748b);margin-top:2px;font-size:13px}.pik-irr-steps{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.pik-irr-step{align-items:flex-start;gap:14px;display:flex}.pik-irr-step-num{background:var(--irr-accent);color:#fff;width:28px;height:28px;box-shadow:0 2px 6px var(--irr-accent);border-radius:10px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}@supports (color:color-mix(in lab,red,red)){.pik-irr-step-num{box-shadow:0 2px 6px color-mix(in srgb,var(--irr-accent)30%,transparent)}}.pik-irr-step-text{color:var(--pik-text-secondary,#475569);padding-top:3px;font-size:14px;line-height:1.5}.pik-irr-step-text strong{color:var(--pik-text-primary,#0f172a);font-weight:600}.pik-irr-calibrate-btn{background:var(--irr-accent);color:#fff;cursor:pointer;box-shadow:0 2px 8px var(--irr-accent);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.pik-irr-calibrate-btn{box-shadow:0 2px 8px color-mix(in srgb,var(--irr-accent)30%,transparent)}}.pik-irr-calibrate-btn:hover{background:var(--irr-accent)}@supports (color:color-mix(in lab,red,red)){.pik-irr-calibrate-btn:hover{background:color-mix(in srgb,var(--irr-accent)85%,black)}}.pik-irr-calibrate-btn:hover{box-shadow:0 4px 12px var(--irr-accent);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.pik-irr-calibrate-btn:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--irr-accent)40%,transparent)}}.pik-irr-calibrate-btn:active{transform:translateY(0)}.pik-irr-calibrate-btn svg{width:18px;height:18px}.pik-irr-calibration-card{--calib-accent:#f59e0b;background:linear-gradient(135deg,var(--calib-accent),var(--calib-accent))}@supports (color:color-mix(in lab,red,red)){.pik-irr-calibration-card{background:linear-gradient(135deg,color-mix(in srgb,var(--calib-accent)8%,var(--pik-surface-base,#fff)),color-mix(in srgb,var(--calib-accent)4%,var(--pik-surface-base,#fff)))}}.pik-irr-calibration-card{border:1px solid var(--calib-accent)}@supports (color:color-mix(in lab,red,red)){.pik-irr-calibration-card{border:1px solid color-mix(in srgb,var(--calib-accent)40%,var(--pik-border-subtle,#e2e8f0))}}.pik-irr-calibration-card{border-radius:16px;margin-bottom:16px;padding:20px;position:relative}.pik-irr-calibration-card:before{content:"";background:linear-gradient(90deg,var(--calib-accent),#fb923c);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.pik-irr-calibration-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.pik-irr-calibration-icon{background:var(--calib-accent);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.pik-irr-calibration-icon svg{width:20px;height:20px}.pik-irr-calibration-title{color:var(--pik-text-primary,#0f172a);margin:0;font-size:16px;font-weight:700}.pik-irr-calibration-text{color:var(--pik-text-secondary,#475569);margin-bottom:16px;font-size:14px;line-height:1.5}.pik-irr-calibration-text strong{color:var(--pik-text-primary,#0f172a)}.pik-irr-calibration-input-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pik-irr-calibration-input{width:100px;color:var(--pik-text-primary,#0f172a);background:var(--pik-surface-base,#fff);border:2px solid var(--calib-accent);-moz-appearance:textfield;border-radius:10px;padding:10px 14px;font-size:15px;font-weight:600;transition:all .15s}.pik-irr-calibration-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pik-irr-calibration-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pik-irr-calibration-input:focus{box-shadow:0 0 0 3px var(--calib-accent);outline:none}@supports (color:color-mix(in lab,red,red)){.pik-irr-calibration-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--calib-accent)25%,transparent)}}.pik-irr-calibration-unit{color:var(--pik-text-secondary,#64748b);font-size:14px;font-weight:600}.pik-irr-calibration-actions{gap:8px;margin-top:16px;display:flex}.pik-irr-btn-set-scale{background:var(--calib-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .15s}.pik-irr-btn-set-scale:hover{background:var(--calib-accent)}@supports (color:color-mix(in lab,red,red)){.pik-irr-btn-set-scale:hover{background:color-mix(in srgb,var(--calib-accent)85%,black)}}.pik-irr-btn-cancel{color:var(--pik-text-secondary,#64748b);border:1px solid var(--pik-border-default,#e2e8f0);cursor:pointer;background:0 0;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s}.pik-irr-btn-cancel:hover{background:var(--pik-surface-sunken,#f8fafc);border-color:var(--pik-border-strong,#cbd5e1)}.pik-irr-canvas-wrap{border:2px solid var(--pik-border-subtle,#e2e8f0);background:#fafbfc;border-radius:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000005,0 4px 12px #0f172a0a}.pik-irr-canvas-wrap:before{content:"";pointer-events:none;z-index:1;background-color:#0000;background-image:linear-gradient(90deg,#8b5cf608 1px,#0000 1px),linear-gradient(#8b5cf608 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;top:0;right:0;bottom:0;left:0}.pik-irr-canvas-svg{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:320px;display:block}.pik-irr-controls{background:var(--pik-surface-sunken,#f8fafc);border:1px solid var(--pik-border-subtle,#e2e8f0);border-radius:14px;flex-wrap:wrap;gap:8px;margin-top:12px;padding:14px 16px;display:flex}.pik-irr-ctrl-btn{color:var(--pik-text-secondary,#475569);background:var(--pik-surface-base,#fff);border:1px solid var(--pik-border-default,#e2e8f0);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.pik-irr-ctrl-btn:hover:not(:disabled){color:var(--pik-text-primary,#0f172a);border-color:var(--pik-border-strong,#cbd5e1);background:var(--pik-surface-raised,#fff);transform:translateY(-1px);box-shadow:0 2px 6px #0f172a0f}.pik-irr-ctrl-btn:active:not(:disabled){box-shadow:none;transform:translateY(0)}.pik-irr-ctrl-btn:disabled{opacity:.45;cursor:not-allowed}.pik-irr-ctrl-btn svg{width:16px;height:16px}.pik-irr-ctrl-btn.erase-active{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.pik-irr-ctrl-btn.erase-active:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.pik-irr-ctrl-btn-danger{color:#dc2626;background:#fef2f2;border-color:#fecaca;margin-left:auto}.pik-irr-ctrl-btn-danger:hover:not(:disabled){color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.pik-irr-status{border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.pik-irr-status-icon{flex-shrink:0;width:20px;height:20px}.pik-irr-status-success{background:linear-gradient(135deg,#10b981,#10b981)}@supports (color:color-mix(in lab,red,red)){.pik-irr-status-success{background:linear-gradient(135deg,color-mix(in srgb,#10b981 8%,var(--pik-surface-base,#fff)),color-mix(in srgb,#10b981 4%,var(--pik-surface-base,#fff)))}}.pik-irr-status-success{border:1px solid #10b981}@supports (color:color-mix(in lab,red,red)){.pik-irr-status-success{border:1px solid color-mix(in srgb,#10b981 30%,var(--pik-border-subtle,#e2e8f0))}}.pik-irr-status-success{color:#059669}.pik-irr-status-success .pik-irr-status-icon{color:#10b981}.pik-irr-status-warning{background:linear-gradient(135deg,#f59e0b,#f59e0b)}@supports (color:color-mix(in lab,red,red)){.pik-irr-status-warning{background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 8%,var(--pik-surface-base,#fff)),color-mix(in srgb,#f59e0b 4%,var(--pik-surface-base,#fff)))}}.pik-irr-status-warning{border:1px solid #f59e0b}@supports (color:color-mix(in lab,red,red)){.pik-irr-status-warning{border:1px solid color-mix(in srgb,#f59e0b 30%,var(--pik-border-subtle,#e2e8f0))}}.pik-irr-status-warning{color:#b45309}.pik-irr-status-warning .pik-irr-status-icon{color:#f59e0b}.pik-irr-status strong{font-weight:700}.pik-irr-apply-wrap{justify-content:center;margin-top:20px;display:flex}.pik-irr-apply-btn{color:#fff;background:linear-gradient(135deg,var(--irr-accent),#7c3aed);cursor:pointer;box-shadow:0 4px 14px var(--irr-accent),0 2px 4px #0000001a;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:700;transition:all .15s;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.pik-irr-apply-btn{box-shadow:0 4px 14px color-mix(in srgb,var(--irr-accent)40%,transparent),0 2px 4px #0000001a}}.pik-irr-apply-btn:hover{box-shadow:0 8px 20px var(--irr-accent),0 4px 8px #0000001f;transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.pik-irr-apply-btn:hover{box-shadow:0 8px 20px color-mix(in srgb,var(--irr-accent)50%,transparent),0 4px 8px #0000001f}}.pik-irr-apply-btn:active{transform:translateY(0)}.pik-irr-apply-btn svg{width:20px;height:20px}.pik-irr-pro-tip{background:var(--irr-accent);justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;display:flex}@supports (color:color-mix(in lab,red,red)){.pik-irr-pro-tip{background:color-mix(in srgb,var(--irr-accent)4%,var(--pik-surface-sunken,#f8fafc))}}.pik-irr-pro-tip{border:1px dashed var(--irr-accent)}@supports (color:color-mix(in lab,red,red)){.pik-irr-pro-tip{border:1px dashed color-mix(in srgb,var(--irr-accent)20%,var(--pik-border-subtle,#e2e8f0))}}.pik-irr-pro-tip{color:var(--pik-text-tertiary,#64748b);text-align:center;border-radius:10px;font-size:12px}.pik-irr-pro-tip-label{background:var(--irr-accent);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.pik-irr-pro-tip-label svg{width:12px;height:12px}@media(prefers-color-scheme:dark){.pik-liner-app:not([data-theme=light]) .pik-irr-instructions{background:linear-gradient(135deg,var(--irr-accent),#1e293b)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-irr-instructions{background:linear-gradient(135deg,color-mix(in srgb,var(--irr-accent)10%,#1e293b),#1e293b)}}.pik-liner-app:not([data-theme=light]) .pik-irr-instructions{border-color:var(--irr-accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-irr-instructions{border-color:color-mix(in srgb,var(--irr-accent)25%,#334155)}}.pik-liner-app:not([data-theme=light]) .pik-irr-instructions-title,.pik-liner-app:not([data-theme=light]) .pik-irr-step-text strong,.pik-liner-app:not([data-theme=light]) .pik-irr-calibration-title,.pik-liner-app:not([data-theme=light]) .pik-irr-calibration-text strong{color:#f1f5f9}.pik-liner-app:not([data-theme=light]) .pik-irr-instructions-subtitle,.pik-liner-app:not([data-theme=light]) .pik-irr-step-text,.pik-liner-app:not([data-theme=light]) .pik-irr-calibration-text{color:#94a3b8}.pik-liner-app:not([data-theme=light]) .pik-irr-calibration-card{background:linear-gradient(135deg,var(--calib-accent),var(--calib-accent))}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-irr-calibration-card{background:linear-gradient(135deg,color-mix(in srgb,var(--calib-accent)12%,#1e293b),color-mix(in srgb,var(--calib-accent)6%,#1e293b))}}.pik-liner-app:not([data-theme=light]) .pik-irr-calibration-card{border-color:var(--calib-accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-irr-calibration-card{border-color:color-mix(in srgb,var(--calib-accent)35%,#334155)}}.pik-liner-app:not([data-theme=light]) .pik-irr-calibration-input{color:#f1f5f9;background:#0f172a}.pik-liner-app:not([data-theme=light]) .pik-irr-canvas-wrap{background:#0f172a;border-color:#334155}.pik-liner-app:not([data-theme=light]) .pik-irr-canvas-wrap:before{background:linear-gradient(90deg,#8b5cf614 1px,#0000 1px),linear-gradient(#8b5cf614 1px,#0000 1px)}.pik-liner-app:not([data-theme=light]) .pik-irr-controls{background:#0f172a;border-color:#334155}.pik-liner-app:not([data-theme=light]) .pik-irr-ctrl-btn{color:#94a3b8;background:#1e293b;border-color:#334155}.pik-liner-app:not([data-theme=light]) .pik-irr-ctrl-btn:hover:not(:disabled){color:#f1f5f9;background:#334155;border-color:#475569}.pik-liner-app:not([data-theme=light]) .pik-irr-ctrl-btn.erase-active{color:#fca5a5;background:#3b2938;border-color:#dc2626}.pik-liner-app:not([data-theme=light]) .pik-irr-ctrl-btn-danger{color:#fca5a5;background:#352938;border-color:#773642}.pik-liner-app:not([data-theme=light]) .pik-irr-status-success{color:#34d399;background:#1c3a43;border-color:#276b64}.pik-liner-app:not([data-theme=light]) .pik-irr-status-warning{color:#fbbf24;background:#383735;border-color:#77623b}.pik-liner-app:not([data-theme=light]) .pik-irr-pro-tip{background:var(--irr-accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-irr-pro-tip{background:color-mix(in srgb,var(--irr-accent)8%,#0f172a)}}.pik-liner-app:not([data-theme=light]) .pik-irr-pro-tip{border-color:var(--irr-accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app:not([data-theme=light]) .pik-irr-pro-tip{border-color:color-mix(in srgb,var(--irr-accent)25%,#334155)}}.pik-liner-app:not([data-theme=light]) .pik-irr-pro-tip{color:#94a3b8}.pik-liner-app:not([data-theme=light]) .pik-irr-btn-cancel{color:#94a3b8;background:#1e293b;border-color:#334155}.pik-liner-app:not([data-theme=light]) .pik-irr-btn-cancel:hover{color:#f1f5f9;background:#334155;border-color:#475569}}.pik-liner-app[data-theme=dark] .pik-irr-instructions{background:linear-gradient(135deg,var(--irr-accent),#1e293b)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-irr-instructions{background:linear-gradient(135deg,color-mix(in srgb,var(--irr-accent)10%,#1e293b),#1e293b)}}.pik-liner-app[data-theme=dark] .pik-irr-instructions{border-color:var(--irr-accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-irr-instructions{border-color:color-mix(in srgb,var(--irr-accent)25%,#334155)}}.pik-liner-app[data-theme=dark] .pik-irr-instructions-title,.pik-liner-app[data-theme=dark] .pik-irr-step-text strong,.pik-liner-app[data-theme=dark] .pik-irr-calibration-title,.pik-liner-app[data-theme=dark] .pik-irr-calibration-text strong{color:#f1f5f9}.pik-liner-app[data-theme=dark] .pik-irr-instructions-subtitle,.pik-liner-app[data-theme=dark] .pik-irr-step-text,.pik-liner-app[data-theme=dark] .pik-irr-calibration-text{color:#94a3b8}.pik-liner-app[data-theme=dark] .pik-irr-calibration-card{background:linear-gradient(135deg,var(--calib-accent),var(--calib-accent))}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-irr-calibration-card{background:linear-gradient(135deg,color-mix(in srgb,var(--calib-accent)12%,#1e293b),color-mix(in srgb,var(--calib-accent)6%,#1e293b))}}.pik-liner-app[data-theme=dark] .pik-irr-calibration-card{border-color:var(--calib-accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-irr-calibration-card{border-color:color-mix(in srgb,var(--calib-accent)35%,#334155)}}.pik-liner-app[data-theme=dark] .pik-irr-calibration-input{color:#f1f5f9;background:#0f172a}.pik-liner-app[data-theme=dark] .pik-irr-canvas-wrap{background:#0f172a;border-color:#334155}.pik-liner-app[data-theme=dark] .pik-irr-canvas-wrap:before{background:linear-gradient(90deg,#8b5cf614 1px,#0000 1px),linear-gradient(#8b5cf614 1px,#0000 1px)}.pik-liner-app[data-theme=dark] .pik-irr-controls{background:#0f172a;border-color:#334155}.pik-liner-app[data-theme=dark] .pik-irr-ctrl-btn{color:#94a3b8;background:#1e293b;border-color:#334155}.pik-liner-app[data-theme=dark] .pik-irr-ctrl-btn:hover:not(:disabled){color:#f1f5f9;background:#334155;border-color:#475569}.pik-liner-app[data-theme=dark] .pik-irr-ctrl-btn.erase-active{color:#fca5a5;background:#3b2938;border-color:#dc2626}.pik-liner-app[data-theme=dark] .pik-irr-ctrl-btn-danger{color:#fca5a5;background:#352938;border-color:#773642}.pik-liner-app[data-theme=dark] .pik-irr-status-success{color:#34d399;background:#1c3a43;border-color:#276b64}.pik-liner-app[data-theme=dark] .pik-irr-status-warning{color:#fbbf24;background:#383735;border-color:#77623b}.pik-liner-app[data-theme=dark] .pik-irr-pro-tip{background:var(--irr-accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-irr-pro-tip{background:color-mix(in srgb,var(--irr-accent)8%,#0f172a)}}.pik-liner-app[data-theme=dark] .pik-irr-pro-tip{border-color:var(--irr-accent)}@supports (color:color-mix(in lab,red,red)){.pik-liner-app[data-theme=dark] .pik-irr-pro-tip{border-color:color-mix(in srgb,var(--irr-accent)25%,#334155)}}.pik-liner-app[data-theme=dark] .pik-irr-pro-tip{color:#94a3b8}.pik-liner-app[data-theme=dark] .pik-irr-btn-cancel{color:#94a3b8;background:#1e293b;border-color:#334155}.pik-liner-app[data-theme=dark] .pik-irr-btn-cancel:hover{color:#f1f5f9;background:#334155;border-color:#475569}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}.pik-beacon{position:relative;display:inline-flex;z-index:100}.pik-beacon__trigger{position:relative;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:linear-gradient(135deg,#38bdf826,#0ea5e940);border:1px solid rgba(56,189,248,.3);border-radius:50%;cursor:pointer;transition:all .2s ease;color:#38bdf8e6}.pik-beacon__trigger:hover{background:linear-gradient(135deg,#38bdf840,#0ea5e959);border-color:#38bdf880;color:#38bdf8;transform:scale(1.1);box-shadow:0 0 12px #38bdf84d}.pik-beacon__trigger--active{background:linear-gradient(135deg,#38bdf84d,#0ea5e966);border-color:#38bdf899;color:#7dd3fc;box-shadow:0 0 16px #38bdf866}.pik-beacon__icon{width:14px;height:14px}.pik-beacon__trigger--pulse:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:transparent;border:2px solid rgba(56,189,248,.4);animation:beaconPulse 2s ease-out .5s 2;pointer-events:none}@keyframes beaconPulse{0%{transform:scale(1);opacity:1;border-color:#38bdf899}to{transform:scale(1.8);opacity:0;border-color:#38bdf800}}.pik-beacon__tooltip{position:absolute;width:260px;padding:14px 16px 16px;background:linear-gradient(165deg,#082f49f7,#0c4a6efa,#075985f7);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.25);border-radius:14px;box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px #ffffff0d;z-index:101;animation:beaconSurface .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes beaconSurface{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pik-beacon__tooltip--portal{animation:beaconSurfacePortal .2s cubic-bezier(.34,1.2,.64,1) forwards}@keyframes beaconSurfacePortal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.pik-beacon__tooltip--portal[data-position=top] .pik-beacon__pointer{bottom:-7px;left:50%;margin-left:-6px;border-top:none;border-left:none}.pik-beacon__tooltip--portal[data-position=bottom] .pik-beacon__pointer{top:-7px;left:50%;margin-left:-6px;border-bottom:none;border-right:none}.pik-beacon__tooltip--portal[data-position=left] .pik-beacon__pointer{right:-7px;top:50%;margin-top:-6px;border-bottom:none;border-left:none}.pik-beacon__tooltip--portal[data-position=right] .pik-beacon__pointer{left:-7px;top:50%;margin-top:-6px;border-top:none;border-right:none}.pik-beacon[data-position=top] .pik-beacon__tooltip:not(.pik-beacon__tooltip--portal){bottom:calc(100% + 10px);left:50%;transform-origin:bottom center;animation:beaconSurfaceTop .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes beaconSurfaceTop{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.pik-beacon[data-position=bottom] .pik-beacon__tooltip:not(.pik-beacon__tooltip--portal){top:calc(100% + 10px);left:50%;transform-origin:top center;animation:beaconSurfaceBottom .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes beaconSurfaceBottom{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.pik-beacon[data-position=left] .pik-beacon__tooltip:not(.pik-beacon__tooltip--portal){right:calc(100% + 10px);top:50%;transform-origin:right center;animation:beaconSurfaceLeft .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes beaconSurfaceLeft{0%{opacity:0;transform:translateY(-50%) translate(8px) scale(.95)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}.pik-beacon[data-position=right] .pik-beacon__tooltip:not(.pik-beacon__tooltip--portal){left:calc(100% + 10px);top:50%;transform-origin:left center;animation:beaconSurfaceRight .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes beaconSurfaceRight{0%{opacity:0;transform:translateY(-50%) translate(-8px) scale(.95)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}.pik-beacon__pointer{position:absolute;width:12px;height:12px;background:linear-gradient(135deg,#0c4a6efa,#082f49f7);border:1px solid rgba(56,189,248,.25);transform:rotate(45deg)}.pik-beacon[data-position=top] .pik-beacon__pointer{bottom:-7px;left:50%;margin-left:-6px;border-top:none;border-left:none}.pik-beacon[data-position=bottom] .pik-beacon__pointer{top:-7px;left:50%;margin-left:-6px;border-bottom:none;border-right:none}.pik-beacon[data-position=left] .pik-beacon__pointer{right:-7px;top:50%;margin-top:-6px;border-bottom:none;border-left:none}.pik-beacon[data-position=right] .pik-beacon__pointer{left:-7px;top:50%;margin-top:-6px;border-top:none;border-right:none}.pik-beacon__close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#94a3b8b3;cursor:pointer;transition:all .15s ease}.pik-beacon__close:hover{background:#0000004d;border-color:#ffffff26;color:#f1f5f9}.pik-beacon__close svg{width:12px;height:12px}.pik-beacon__content{color:#e2e8f0}.pik-beacon__title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#f1f5f9;margin-bottom:8px;padding-right:20px}.pik-beacon__title:before{content:"";display:block;width:3px;height:14px;background:linear-gradient(180deg,#38bdf8,#0ea5e9);border-radius:2px;flex-shrink:0}.pik-beacon__text{font-size:.8rem;line-height:1.5;color:#cbd5e1e6;margin:0}.pik-beacon__text+.pik-beacon__text{margin-top:8px}.pik-beacon__highlight{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:10px 12px;background:linear-gradient(135deg,#f59e0b1f,#f59e0b0f);border:1px solid rgba(245,158,11,.25);border-radius:8px;font-size:.75rem;color:#fde0abf2}.pik-beacon__highlight:before{content:"\1f4a1";font-size:.85rem;flex-shrink:0;filter:saturate(1.2)}[data-theme=light] .pik-beacon__trigger{background:linear-gradient(135deg,#0369a11a,#0ea5e926);border-color:#0369a14d;color:#0369a1}[data-theme=light] .pik-beacon__trigger:hover{background:linear-gradient(135deg,#0369a126,#0ea5e933);border-color:#0369a166;color:#0284c7;box-shadow:0 0 12px #0369a133}[data-theme=light] .pik-beacon__tooltip{background:linear-gradient(165deg,#fffffffa,#f1f5f9fc);border-color:#0369a133;box-shadow:0 8px 32px #00000026,0 2px 8px #00000014}[data-theme=light] .pik-beacon__pointer{background:linear-gradient(135deg,#f1f5f9fc,#fffffffa);border-color:#0369a133}[data-theme=light] .pik-beacon__content{color:#334155}[data-theme=light] .pik-beacon__title{color:#1e293b}[data-theme=light] .pik-beacon__text{color:#475569}[data-theme=light] .pik-beacon__close{background:#0000000d;border-color:#00000014;color:#64748b}[data-theme=light] .pik-beacon__close:hover{background:#00000014;color:#334155}[data-theme=light] .pik-beacon__highlight{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-color:#d977064d;color:#92400e}@media(max-width:480px){.pik-beacon__tooltip{width:220px;padding:12px 14px 14px}.pik-beacon__title{font-size:.85rem}.pik-beacon__text{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.pik-beacon__trigger--pulse:before{animation:none}.pik-beacon__tooltip{animation:none;opacity:1;transform:translate(-50%) translateY(0) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/pik-volume-app-v3.css.map */