@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--base-0: #fbfafc;--base-10: #f7f7f8;--base-50: #f5f4f5;--base-100: #f0eef2;--base-200: #eae6ed;--base-300: #e1dce5;--base-400: #c8c1cd;--base-500: #b9b0bf;--base-600: #8f8497;--base-700: #685c70;--base-750: #443152;--base-800: #220a33;--base-900: #0f011a;--purple-0_5: #F6ECFE;--purple-1: #ECD6FD;--purple-2: #D9ACFB;--purple-3: #C383F7;--purple-4: #A34EEB;--purple-5: #8313DD;--purple-6: #6D0FB8;--purple-7: #550A8E;--purple-8: #3B0762;--purple-9: #240343;--green-0_5: #E6F8F6;--green-1: #C5EFEA;--green-2: #8CDFD5;--green-3: #52CFC2;--green-4: #2BBFB0;--green-5: #1AAE9F;--green-6: #148F82;--green-7: #0F6F65;--green-8: #0A4F48;--green-9: #06302C;--blue-0_5: #E8F2FB;--blue-1: #CCE2F6;--blue-2: #99C5ED;--blue-3: #66A9E4;--blue-4: #3E94DE;--blue-5: #2C88D9;--blue-6: #216FB5;--blue-7: #19568D;--blue-8: #113C63;--blue-9: #092239;--navy-0_5: #ECECF7;--navy-1: #D4D5EE;--navy-2: #A9ACDD;--navy-3: #7D82CB;--navy-4: #535AB5;--navy-5: #303395;--navy-6: #272A7A;--navy-7: #1E205F;--navy-8: #141643;--navy-9: #0A0B27;--whimsy-0_5: #EFEDFE;--whimsy-1: #DCD9FD;--whimsy-2: #B9B2FB;--whimsy-3: #958BF8;--whimsy-4: #7A6BF7;--whimsy-5: #6558F5;--whimsy-6: #4E41DB;--whimsy-7: #3B31A8;--whimsy-8: #272076;--whimsy-9: #141043;--pink-0_5: #FAEAFD;--pink-1: #F5D2FA;--pink-2: #EBA6F4;--pink-3: #E079EE;--pink-4: #D054E2;--pink-5: #BD34D1;--pink-6: #9B29AC;--pink-7: #791F85;--pink-8: #56155E;--pink-9: #330B38;--red-0_5: #FBECEF;--red-1: #F6D4DA;--red-2: #EDA8B4;--red-3: #E47D8E;--red-4: #DB5A70;--red-5: #D3455B;--red-6: #B0354A;--red-7: #88283A;--red-8: #601C29;--red-9: #381018;--orange-0_5: #FDF3E5;--orange-1: #FBE5C7;--orange-2: #F7CC90;--orange-3: #F3B259;--orange-4: #F0A94B;--orange-5: #EFA544;--orange-6: #C7872F;--orange-7: #9A6921;--orange-8: #6E4B15;--orange-9: #412C0A;--gray-0: #FFFFFF;--gray-05: #F7F9FA;--gray-1: #0F171F;--gray-15: #222E3A;--gray-2: #293845;--gray-25: #384957;--gray-3: #4B5C6B;--gray-4: #788896;--gray-45: #798086;--gray-5: #9EADBA;--gray-6: #C3CFD9;--gray-7: #DFE6ED;--gray-75: #EDF1F5;--gray-8: #F7F9FA;--purple-brand: #8313DD;--purple-alt: #9747FF;--green-brand: #1AAE9F;--blue-brand: #2C88D9;--navy: #303395;--whimsy-blue: #6558F5;--pink-brand: #BD34D1;--red-semantic: #D3455B;--orange-semantic: #EFA544;--fg-1: var(--gray-1);--fg-2: var(--gray-2);--fg-3: var(--gray-3);--fg-4: var(--gray-4);--fg-5: var(--gray-5);--fg-inverse: #FFFFFF;--bg-canvas: var(--gray-05);--bg-surface: #FFFFFF;--bg-raised: #FFFFFF;--bg-inset: var(--gray-75);--bg-overlay: rgba(15,18,21,.48);--border-subtle: var(--gray-7);--border-default: var(--gray-6);--border-strong: var(--gray-5);--border-focus: var(--blue-400);--accent-brand: var(--purple-brand);--accent-brand-hover: #6D0FB8;--accent-brand-support: var(--green-brand);--accent-primary: var(--whimsy-blue);--accent-primary-hover: #4E41DB;--accent-success: var(--green-brand);--accent-warning: var(--orange-semantic);--accent-error: var(--red-semantic);--accent-destructive: var(--red-semantic);--shadow-xs: 0 1px 2px rgba(15,18,21,.04), 0 0 0 1px rgba(48,63,75,.04);--shadow-sm: 0 1px 3px rgba(15,18,21,.08), 0 1px 2px rgba(48,63,75,.04);--shadow-md: 0 4px 8px rgba(15,18,21,.08), 0 2px 4px rgba(48,63,75,.04);--shadow-lg: 0 8px 24px rgba(15,18,21,.12), 0 4px 8px rgba(48,63,75,.08);--shadow-xl: 0 20px 40px rgba(15,18,21,.12), 0 8px 16px rgba(48,63,75,.08);--shadow-popover: 0 4px 12px rgba(15,18,21,.12), 0 0 0 1px rgba(48,63,75,.04);--ds-dark-high: 0 32px 64px -12px rgba(37, 8, 53, .32);--ds-dark-medium: 0 16px 32px -8px rgba(37, 8, 53, .24);--ds-dark-low: 0 12px 16px -4px rgba(37, 8, 53, .2);--ds-light-high: 0 32px 64px -8px rgba(37, 8, 53, .08);--ds-light-medium: 0 16px 32px -4px rgba(37, 8, 53, .06);--ds-light-low: 0 8px 16px -4px rgba(37, 8, 53, .04);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-3xl: 40px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--dur-x-fast: 50ms;--dur-fast: .1s;--dur-base: .2s;--dur-slow: .4s;--dur-x-slow: .8s;--ease-base: cubic-bezier(.3, .1, 0, 1);--ease-out: cubic-bezier(.23, 1.01, .6, .95);--ease-in: cubic-bezier(.585, -.01, .61, .85);--ease-overshoot: cubic-bezier(.315, 1.85, .63, .795);--font-product: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "PFDINMonoPro", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--font-marketing: Manrope, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: Manrope, Avenir, Montserrat, Corbel, "URW Gothic", sans-serif;--text-display-size: 28px;--text-display-line: 1.2;--text-display-weight: 500;--text-h1-size: 22px;--text-h1-line: 130%;--text-h1-weight: 500;--text-h2-size: 20px;--text-h2-line: 130%;--text-h2-weight: 500;--text-h3-size: 18px;--text-h3-line: 140%;--text-h3-weight: 500;--text-body-size: 16px;--text-body-line: 140%;--text-body-weight: 400;--text-body-med-weight: 500;--text-label-size: 14px;--text-label-line: 140%;--text-label-weight: 500;--text-small-size: 12px;--text-small-line: 140%;--text-small-weight: 500;--text-caption-size: 11px;--text-caption-line: 140%;--text-caption-weight: 700;--text-mono-size: 12px;--hd-h4--size: 96px;--hd-h5--size: 64px;--hd-h6--size: 48px;--hd-h7--size: 24px;--hd-h8--size: 20px;--body-large--size: 24px;--body-regular--size: 16px;--body-small--size: 14px}.p-display{font-family:var(--font-product);font-size:var(--text-display-size);line-height:var(--text-display-line);font-weight:var(--text-display-weight);color:var(--fg-1);letter-spacing:-.01em}.p-h1{font-family:var(--font-product);font-size:var(--text-h1-size);line-height:var(--text-h1-line);font-weight:var(--text-h1-weight);color:var(--fg-1)}.p-h2{font-family:var(--font-product);font-size:var(--text-h2-size);line-height:var(--text-h2-line);font-weight:var(--text-h2-weight);color:var(--fg-1)}.p-h3{font-family:var(--font-product);font-size:var(--text-h3-size);line-height:var(--text-h3-line);font-weight:var(--text-h3-weight);color:var(--fg-1)}.p-body{font-family:var(--font-product);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--text-body-weight);color:var(--fg-2)}.p-body-medium{font-family:var(--font-product);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--text-body-med-weight);color:var(--fg-1)}.p-label{font-family:var(--font-product);font-size:var(--text-label-size);line-height:var(--text-label-line);font-weight:var(--text-label-weight);color:var(--fg-2)}.p-small{font-family:var(--font-product);font-size:var(--text-small-size);line-height:var(--text-small-line);font-weight:var(--text-small-weight);color:var(--fg-3)}.p-caption{font-family:var(--font-product);font-size:var(--text-caption-size);line-height:var(--text-caption-line);font-weight:var(--text-caption-weight);color:var(--fg-3);text-transform:uppercase;letter-spacing:.04em}.p-mono{font-family:var(--font-mono);font-size:var(--text-mono-size);font-weight:400;color:var(--fg-2)}.m-h4{font-family:var(--font-display);font-size:96px;line-height:1;letter-spacing:-.96px;font-weight:700;color:var(--base-800)}.m-h5{font-family:var(--font-display);font-size:64px;line-height:1.1;letter-spacing:-.64px;font-weight:700;color:var(--base-800)}.m-h6{font-family:var(--font-display);font-size:48px;line-height:1.1;font-weight:700;color:var(--base-800)}.m-h7{font-family:var(--font-display);font-size:24px;line-height:1.1;letter-spacing:-.24px;font-weight:700;color:var(--base-800)}.m-body{font-family:var(--font-marketing);font-size:16px;line-height:1.4;font-weight:500;color:var(--base-700)}.m-body-large{font-family:var(--font-marketing);font-size:24px;line-height:1.4;font-weight:500;color:var(--base-700)}.m-kicker{font-family:var(--font-marketing);font-size:13px;line-height:1.2;letter-spacing:1.3px;font-weight:600;text-transform:uppercase;color:var(--base-600)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-product);color:var(--fg-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%}input[type=range]:focus{outline:none}.studio-root{font-family:var(--font-product);background:var(--gray-05);color:var(--fg-1);width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.studio-topbar{height:56px;flex:0 0 56px;background:#fff;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4)}.studio-brand{display:flex;align-items:center;gap:var(--space-2)}.studio-brand-name{font-weight:500;font-size:16px;color:var(--fg-1);letter-spacing:-.01em}.studio-brand-sub{font-weight:400;font-size:14px;color:var(--fg-3)}.studio-actions{display:flex;align-items:center;gap:var(--space-2)}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;font:500 14px/1 var(--font-product);letter-spacing:-.005em;border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;transition:background var(--dur-fast) var(--ease-base),border-color var(--dur-fast) var(--ease-base)}.btn-ghost{background:transparent;color:var(--fg-2);border-color:var(--border-subtle)}.btn-ghost:hover{background:var(--gray-75)}.btn-secondary{background:var(--gray-75);color:var(--fg-1)}.btn-secondary:hover{background:var(--gray-7)}.btn-primary{background:var(--whimsy-blue);color:#fff}.btn-primary:hover{background:var(--whimsy-6)}.btn-link{background:none;border:none;padding:0;color:var(--whimsy-blue);font:500 13px/1.4 var(--font-product);cursor:pointer;text-align:left}.btn-link:hover{color:var(--whimsy-6)}.studio-body{flex:1;min-height:0;display:grid;grid-template-columns:280px 1fr 280px;overflow:hidden}.studio-left,.studio-right{background:#fff;border-right:1px solid var(--border-subtle);overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.studio-right{border-right:none;border-left:1px solid var(--border-subtle)}.studio-main{background:var(--gray-05);overflow:hidden;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.section{display:flex;flex-direction:column;gap:var(--space-3)}.section-title{font:700 11px/1.4 var(--font-product);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin:0}.file-tile{border:1px dashed var(--border-default);border-radius:var(--radius-lg);padding:10px;display:flex;gap:10px;align-items:center;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-base),background var(--dur-fast);background:var(--gray-05)}.file-tile:hover{border-color:var(--whimsy-blue);background:var(--whimsy-0_5)}.file-tile-thumb{width:64px;height:64px;flex:0 0 64px;border-radius:var(--radius-md);overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.file-tile-thumb>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.file-tile-thumb canvas{width:100%;height:100%;object-fit:cover}.file-tile-meta{min-width:0;flex:1}.file-tile-meta .p-body-medium{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-1);font-weight:500}.file-tile-meta .p-small{font-size:12px;color:var(--fg-3)}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.preset-chip{border:1px solid var(--border-subtle);background:#fff;border-radius:var(--radius-md);padding:8px 10px;font:500 13px/1.2 var(--font-product);color:var(--fg-2);text-align:left;cursor:pointer;transition:all var(--dur-fast) var(--ease-base)}.preset-chip:hover{border-color:var(--border-default);background:var(--gray-05)}.preset-chip.is-active{border-color:var(--whimsy-blue);background:var(--whimsy-0_5);color:var(--whimsy-7)}.preset-chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-hint{font:400 12px/1.4 var(--font-product);color:var(--fg-3);font-style:italic}.slider-row{display:flex;flex-direction:column;gap:6px}.slider-row-head{display:flex;justify-content:space-between;align-items:baseline}.slider-row-label{font:500 13px/1.2 var(--font-product);color:var(--fg-2)}.slider-row-val{font:400 12px/1.2 var(--font-mono);color:var(--fg-3)}.slider{height:16px}.slider::-webkit-slider-runnable-track{height:4px;background:var(--gray-7);border-radius:2px}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--whimsy-blue);margin-top:-5px;cursor:pointer;box-shadow:var(--shadow-xs)}.slider::-moz-range-track{height:4px;background:var(--gray-7);border-radius:2px}.slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--whimsy-blue);cursor:pointer;box-shadow:var(--shadow-xs)}.dual-slider{position:relative;height:16px}.dual-slider-track{position:absolute;top:6px;left:0;right:0;height:4px;background:var(--gray-7);border-radius:2px}.dual-slider-fill{position:absolute;top:0;height:100%;background:var(--whimsy-blue);border-radius:2px}.dual-slider-input{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.dual-slider-input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--whimsy-blue);cursor:pointer;box-shadow:var(--shadow-xs)}.dual-slider-input::-moz-range-thumb{pointer-events:auto;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--whimsy-blue);cursor:pointer;box-shadow:var(--shadow-xs)}.seg-bar{display:inline-flex;padding:2px;background:var(--gray-75);border-radius:var(--radius-md);gap:0;width:100%}.seg-bar-item{flex:1;border:none;background:transparent;font:500 13px/1.2 var(--font-product);color:var(--fg-3);padding:6px 10px;border-radius:6px;cursor:pointer;text-transform:capitalize;transition:all var(--dur-fast) var(--ease-base)}.seg-bar-item:hover{color:var(--fg-1)}.seg-bar-item.is-active{background:#fff;color:var(--fg-1);box-shadow:var(--shadow-xs)}.preview-pair{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.preview-panel{display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:#fff;min-height:0}.preview-panel-head{padding:10px 14px;background:#fff;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:baseline}.preview-panel-head .p-caption{font:700 11px/1.4 var(--font-product);color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em}.preview-panel-head .p-small{font-size:12px}.preview-panel-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;position:relative}.preview-panel-body>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-panel-body canvas{max-width:100%;max-height:100%;object-fit:contain;box-shadow:var(--shadow-sm)}.paper-strip{flex:0 0 auto;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:10px 14px;display:flex;flex-direction:column;gap:2px}.paper-strip-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.paper-strip-row .p-caption{font:700 11px/1.4 var(--font-product);color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em}.paper-strip-row .p-body-medium{font:500 14px/1.4 var(--font-product);color:var(--fg-1)}.paper-strip-meta .p-small{font-size:12px;color:var(--fg-3)}.hist-wrap{display:flex;flex-direction:column;gap:6px;background:var(--gray-05);padding:8px;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.hist-axis{display:flex;justify-content:space-between;font:400 10px/1 var(--font-mono);color:var(--fg-4);text-transform:uppercase;letter-spacing:.04em}.density{display:flex;flex-direction:column;gap:10px}.density-bars{display:flex;flex-direction:column;gap:8px}.density-bar{display:flex;flex-direction:column;gap:4px}.density-bar-label{display:flex;justify-content:space-between;font:500 12px/1.2 var(--font-product);color:var(--fg-3)}.density-bar-track{height:6px;background:var(--gray-7);border-radius:3px;overflow:hidden}.density-bar-fill{height:100%;background:var(--whimsy-blue);border-radius:3px}.density-good .density-bar-fill{background:var(--green-brand)}.density-ok .density-bar-fill{background:var(--orange-semantic)}.density-warn .density-bar-fill{background:var(--red-semantic)}.density-msg{font:400 12px/1.5 var(--font-product);color:var(--fg-3);padding:8px 10px;background:var(--gray-05);border-radius:var(--radius-sm);border-left:2px solid var(--whimsy-blue)}.density-good .density-msg{border-left-color:var(--green-brand)}.density-ok .density-msg{border-left-color:var(--orange-semantic)}.density-warn .density-msg{border-left-color:var(--red-semantic)}.workflow{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;counter-reset:step}.workflow li{counter-increment:step;font:400 13px/1.5 var(--font-product);color:var(--fg-2);padding-left:24px;position:relative}.workflow li:before{content:counter(step);position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:var(--whimsy-0_5);color:var(--whimsy-7);font:700 11px/18px var(--font-product);text-align:center}.workflow li b{font-weight:500;color:var(--fg-1)}.dr-root{font-family:var(--font-product);background:#07101f;color:#cfd5e3;width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.dr-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.55;background-image:radial-gradient(ellipse at top,rgba(40,68,120,.35),transparent 60%),radial-gradient(ellipse at bottom right,rgba(80,40,120,.18),transparent 60%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.dr-top{position:relative;z-index:1;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:16px;min-width:0}.dr-brand{display:flex;align-items:flex-start;gap:10px;min-width:0}.dr-brand-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;margin-top:2px}.dr-brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.dr-brand-name{font:500 15px/22px var(--font-product);color:#e8ecf5;letter-spacing:-.005em;white-space:nowrap}.dr-privacy{margin:0;font:400 10px/1.2 var(--font-product);color:#8b9cc7;white-space:nowrap;letter-spacing:-.01em}@media (max-width: 720px){.dr-brand-name{font-size:13px}.dr-privacy{font-size:9px}}.dr-top-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.dr-top-actions .dr-btn,.dr-top-actions .dr-file-label{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:34px;font:500 13px/1 var(--font-product);padding:8px 14px;border-radius:var(--radius-md);border-width:1px;border-style:solid;cursor:pointer;transition:all var(--dur-fast) var(--ease-base)}.dr-top-actions .dr-btn-ghost,.dr-top-actions .dr-file-label{background:#ffffff0a;border-color:#ffffff2e;color:#cfd5e3}.dr-top-actions .dr-btn-ghost:hover,.dr-top-actions .dr-file-label:hover{background:#ffffff14;border-color:#ffffff47}.dr-btn{font:500 13px/1 var(--font-product);padding:8px 14px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--dur-fast) var(--ease-base)}.dr-btn-ghost{background:transparent;color:#cfd5e3;border-color:#ffffff1a}.dr-btn-ghost:hover{background:#ffffff0a;border-color:#fff3}.dr-btn-primary{background:linear-gradient(180deg,#3c6eaf,#2a4f86);color:#fff;border-color:#b4d2ff33;box-shadow:0 1px #ffffff26 inset,0 8px 24px -8px #3c6eafb3}.dr-btn-primary:hover{background:linear-gradient(180deg,#4783c8,#2f5996)}.dr-site-nav{display:flex;align-items:center;gap:6px}.dr-nav-link{text-decoration:none}@media (max-width: 900px){.dr-nav-link{display:none}}.dr-faq-link{flex:0 0 auto;min-width:34px;text-decoration:none;font-size:16px;line-height:1}.dr-stage{position:relative;z-index:1;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px 24px 8px;overflow:hidden}.dr-split{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;width:100%;height:100%;min-width:0}@media (max-width: 900px){.dr-split{grid-template-columns:1fr;grid-template-rows:auto auto auto;overflow-y:visible;height:auto}.dr-frame{min-height:200px}}.dr-frame{display:flex;flex-direction:column;min-height:0;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:14px;gap:10px}.dr-frame.is-light{background:#ffffff0d}.dr-frame-tag{display:flex;align-items:baseline;gap:8px;font:400 12px/1 var(--font-product);color:#8b9cc7;text-transform:uppercase;letter-spacing:.08em}.dr-frame-tag-dot{width:6px;height:6px;border-radius:50%;background:#5d8ec9;display:inline-block;box-shadow:0 0 8px #5d8ec999}.dr-frame-tag-l{color:#cfd5e3;font-weight:500;letter-spacing:.08em}.dr-frame-tag-sub{color:#5d6f9c;text-transform:none;letter-spacing:0;font-style:italic}.dr-frame-img{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.dr-frame-img>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dr-frame-img canvas{max-width:100%;max-height:100%;box-shadow:0 20px 60px -10px #0009,0 0 0 1px #ffffff0d}.dr-deck{position:relative;z-index:1;flex:0 0 auto;background:#080e1cd9;border-top:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dr-deck-tabs{display:flex;align-items:center;gap:0;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.05)}.dr-deck-tab{border:none;background:transparent;font:500 13px/1 var(--font-product);color:#8b9cc7;padding:14px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--dur-fast) var(--ease-base)}.dr-deck-tab:hover{color:#e8ecf5}.dr-deck-tab.is-active{color:#e8ecf5;border-bottom-color:#5d8ec9}.dr-deck-sep{flex:1}.dr-deck-tab-aux{display:inline-flex;align-items:center;gap:6px;color:#5d8ec9}.dr-deck-tab-aux:hover{color:#a9c0e6}.dr-deck-body{padding:18px 24px 20px;min-height:180px}.dr-tone{display:grid;grid-template-columns:1fr 280px;gap:24px}.dr-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.dr-preset{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all var(--dur-base) var(--ease-base);color:#cfd5e3}.dr-preset:hover{background:#ffffff0f;border-color:#ffffff26}.dr-preset.is-active{background:linear-gradient(180deg,#3c6eaf40,#2a4f8626);border-color:#8caae666}.dr-preset-name{font:500 14px/1.2 var(--font-product);color:#e8ecf5}.dr-preset-hint{font:400 12px/1.4 var(--font-product);color:#8b9cc7}.dr-tone-aside{display:flex;flex-direction:column;gap:10px}.dr-tone-label{font:700 11px/1 var(--font-product);color:#5d6f9c;text-transform:uppercase;letter-spacing:.08em}.dr-tone-swatches{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.dr-swatch{background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:6px;cursor:pointer;text-align:center;display:flex;flex-direction:column;gap:6px;transition:all var(--dur-fast) var(--ease-base)}.dr-swatch:hover{border-color:#fff3}.dr-swatch.is-active{border-color:#8caae680;background:#3c6eaf1a}.dr-swatch-chip{height:36px;border-radius:var(--radius-sm)}.dr-swatch-label{font:500 12px/1 var(--font-product);color:#cfd5e3}.dr-levels{display:grid;grid-template-columns:1fr 1.6fr;gap:24px;align-items:start}.dr-levels-hist{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:12px}.dr-levels-axis{display:flex;justify-content:space-between;margin-top:8px;font:400 10px/1 var(--font-mono);color:#5d6f9c;text-transform:uppercase;letter-spacing:.08em}.dr-levels-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;align-items:start}.dr-slider{display:flex;flex-direction:column;gap:6px}.dr-slider-compact{gap:0}.dr-slider-head{display:flex;justify-content:space-between;align-items:baseline}.dr-slider-label{font:500 13px/1 var(--font-product);color:#cfd5e3}.dr-slider-val{font:400 12px/1 var(--font-mono);color:#8b9cc7}.dr-range{height:16px}.dr-range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,#0a204e,#5d8ec9)}.dr-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#e8ecf5;border:2px solid #5d8ec9;margin-top:-5px;cursor:pointer}.dr-range::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(90deg,#0a204e,#5d8ec9)}.dr-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#e8ecf5;border:2px solid #5d8ec9;cursor:pointer}.dr-density{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.07);font:400 12px/1.4 var(--font-product);color:#cfd5e3}.dr-density-dot{width:6px;height:6px;border-radius:50%;flex:0 0 6px}.dr-density.is-ok .dr-density-dot{background:#1aae9f;box-shadow:0 0 8px #1aae9f99}.dr-density.is-warn .dr-density-dot{background:#efa544;box-shadow:0 0 8px #efa54499}.dr-paper{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start}.dr-paper-group{display:flex;flex-direction:column;gap:10px}.dr-group-label{font:700 11px/1 var(--font-product);color:#5d6f9c;text-transform:uppercase;letter-spacing:.08em}.dr-papers{display:flex;gap:10px}.dr-paper-card{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:14px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all var(--dur-base) var(--ease-base)}.dr-paper-card:hover{background:#ffffff0f}.dr-paper-card.is-active{background:#3c6eaf26;border-color:#8caae666}.dr-paper-card-sheet{background:#e8ecf5;border-radius:2px;position:relative;box-shadow:0 4px 12px -4px #0006}.dr-paper-card-sheet[data-paper=A5]{width:28px;height:40px}.dr-paper-card-sheet[data-paper=A4]{width:40px;height:56px}.dr-paper-card-sheet[data-paper=A3]{width:56px;height:80px}.dr-paper-card-inner{position:absolute;top:14%;right:12%;bottom:14%;left:12%;background:linear-gradient(135deg,#c3cfd9,#5d8ec9);border-radius:1px}.dr-paper-card-name{font:500 14px/1 var(--font-product);color:#e8ecf5}.dr-paper-card-mm{font:400 11px/1 var(--font-mono);color:#5d6f9c}.dr-orient{display:flex;gap:6px}.dr-orient-btn{flex:1;padding:8px 0;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);color:#cfd5e3;font:500 12px/1 var(--font-product);cursor:pointer;text-transform:capitalize;transition:all var(--dur-fast) var(--ease-base)}.dr-orient-btn:hover{background:#ffffff0f}.dr-orient-btn.is-active{background:#3c6eaf33;border-color:#8caae666;color:#e8ecf5}.dr-paper-meta{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:6px}.dr-paper-meta-row{display:flex;justify-content:space-between;font:400 12px/1 var(--font-product);color:#8b9cc7}.dr-paper-meta-row b{color:#e8ecf5;font:500 12px/1 var(--font-mono)}.dr-layout-preview{display:flex;flex-direction:column;gap:8px;margin-top:4px}.dr-layout-sheet{width:100%;max-height:140px;background:#0a0f1c;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center}.dr-layout-canvas{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:80px}.dr-layout-canvas canvas{max-width:100%;max-height:140px;object-fit:contain}.dr-layout-hint{margin:0;font:400 11px/1.4 var(--font-product);color:#5d6f9c;font-style:italic}.zn-root{font-family:var(--font-product);background:#f4ede1;background-image:radial-gradient(circle at 20% 10%,rgba(10,32,78,.04),transparent 50%),radial-gradient(circle at 90% 80%,rgba(10,32,78,.04),transparent 50%);color:#0a204e;width:100%;min-height:100%;padding:48px 64px}.zn-mast{position:relative;border-top:2px solid #0a204e;border-bottom:1px solid #0a204e;padding:16px 0 32px;margin-bottom:40px}.zn-mast-line{display:flex;justify-content:space-between;font:500 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:#0a204e}.zn-mast-line-top{padding-bottom:14px;border-bottom:1px solid rgba(10,32,78,.2);margin-bottom:24px}.zn-mast-title{font:700 96px/.95 var(--font-product);margin:0;letter-spacing:-.04em;color:#0a204e;text-align:center}.zn-mast-title em{font-style:italic;font-weight:300;color:#2a4f86}.zn-mast-sub{text-align:center;margin-top:12px;font:400 16px/1.5 var(--font-product);font-style:italic;color:#2a4f86;max-width:600px;margin-left:auto;margin-right:auto}.zn-sun{position:absolute;right:24px;top:50%;transform:translateY(-30%)}.zn-divider{display:flex;justify-content:center;margin:32px 0}.zn-step{margin-bottom:24px}.zn-step-header{display:flex;gap:24px;align-items:flex-start;margin-bottom:24px}.zn-step-num{font:700 64px/1 var(--font-product);color:#0a204e;letter-spacing:-.04em;font-feature-settings:"tnum" 1}.zn-step-title{font:500 32px/1.1 var(--font-product);margin:0 0 6px;letter-spacing:-.02em;color:#0a204e}.zn-step-lede{margin:0;font:400 16px/1.5 var(--font-product);font-style:italic;color:#2a4f86;max-width:60ch}.zn-upload{background:#fff;border:1px solid #0a204e;border-radius:4px;padding:16px;box-shadow:6px 6px #0a204e}.zn-upload-card{width:100%;display:flex;gap:20px;align-items:stretch;background:transparent;border:none;padding:0;cursor:pointer;text-align:left}.zn-upload-thumb{width:200px;height:140px;flex:0 0 200px;background:#0a204e;border-radius:2px;overflow:hidden;display:flex;align-items:center;justify-content:center}.zn-upload-thumb>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zn-upload-thumb canvas{width:100%;height:100%;object-fit:cover}.zn-upload-meta{flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px}.zn-tag{display:inline-block;align-self:flex-start;font:700 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;background:#0a204e;color:#f4ede1;padding:4px 8px;border-radius:2px;margin-bottom:4px}.zn-upload-name{font:500 24px/1.2 var(--font-product);color:#0a204e;word-break:break-word}.zn-upload-dim{font:400 13px/1.4 var(--font-mono);color:#2a4f86}.zn-upload-cta{margin-top:8px;font:400 14px/1.4 var(--font-product);font-style:italic;color:#2a4f86}.zn-arrow{color:#2a4f86}.zn-recipes{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.zn-recipe{background:#fff;border:1px solid #0a204e;border-radius:4px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;position:relative;text-align:left;transition:all var(--dur-base) var(--ease-base)}.zn-recipe:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #0a204e}.zn-recipe.is-active{background:#0a204e;color:#f4ede1;transform:translate(-2px,-2px);box-shadow:4px 4px #2a4f86}.zn-recipe-num{font:400 11px/1 var(--font-mono);letter-spacing:.08em;color:#2a4f86}.zn-recipe.is-active .zn-recipe-num{color:#f4ede1b3}.zn-recipe-name{font:500 18px/1.1 var(--font-product);letter-spacing:-.01em}.zn-recipe-hint{font:400 12px/1.4 var(--font-product);font-style:italic;color:#2a4f86}.zn-recipe.is-active .zn-recipe-hint{color:#f4ede1d9}.zn-recipe-check{position:absolute;top:12px;right:14px;font:400 16px/1 var(--font-product)}.zn-tweak{background:#0a204e0a;border:1px dashed #0a204e;border-radius:4px;padding:12px 16px}.zn-tweak summary{cursor:pointer;font:500 14px/1.4 var(--font-product);color:#0a204e;list-style:none;display:flex;gap:6px;align-items:baseline}.zn-tweak summary::-webkit-details-marker{display:none}.zn-tweak summary:before{content:"▸";display:inline-block;margin-right:4px;transition:transform var(--dur-fast) var(--ease-base)}.zn-tweak[open] summary:before{transform:rotate(90deg)}.zn-tweak-hint{font-style:italic;color:#2a4f86;font-weight:400}.zn-tweak-body{padding-top:14px;display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:end}.zn-tweak-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.zn-tweak-hist{background:#ffffffb3;padding:10px 12px;border:1px solid rgba(10,32,78,.2);border-radius:4px}.zn-tweak-hist-label{font:700 10px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#2a4f86;margin-bottom:6px}.zn-slider{display:flex;flex-direction:column;gap:4px}.zn-slider-head{display:flex;justify-content:space-between;align-items:baseline}.zn-slider-label{font:500 12px/1.2 var(--font-product);color:#0a204e}.zn-slider-val{font:400 12px/1.2 var(--font-mono);color:#2a4f86}.zn-range{height:16px}.zn-range::-webkit-slider-runnable-track{height:2px;background:#0a204e;border-radius:0}.zn-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:0;background:#f4ede1;border:2px solid #0a204e;margin-top:-6px;cursor:pointer;transform:rotate(45deg)}.zn-range::-moz-range-track{height:2px;background:#0a204e}.zn-range::-moz-range-thumb{width:10px;height:10px;border-radius:0;background:#f4ede1;border:2px solid #0a204e;cursor:pointer;transform:rotate(45deg)}.zn-preview{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch}.zn-pv{display:flex;flex-direction:column;gap:10px}.zn-pv-tag{display:inline-block;align-self:flex-start;font:700 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;background:#0a204e;color:#f4ede1;padding:4px 8px;border-radius:2px}.zn-pv-img{flex:1;border:1px solid #0a204e;border-radius:4px;padding:16px;min-height:240px;max-height:360px;display:flex;align-items:center;justify-content:center}.zn-pv-img>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zn-pv-img canvas{max-width:100%;max-height:320px;object-fit:contain;box-shadow:4px 4px #0a204e4d}.zn-pv-img-dark{background:#0a204e;box-shadow:6px 6px #2a4f86}.zn-pv-img-light{background:#fff;box-shadow:6px 6px #0a204e}.zn-pv-caption{font:400 13px/1.4 var(--font-product);font-style:italic;color:#2a4f86;text-align:center}.zn-pv-arrow{display:flex;align-items:center;justify-content:center;padding-top:80px}.zn-tone-sel{display:inline-flex;gap:8px;align-items:baseline;font-style:normal}.zn-tone-sel-label{font:400 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#2a4f86}.zn-tone-sel-btn{font:500 12px/1 var(--font-product);background:transparent;border:none;color:#2a4f86;padding:4px 8px;border-radius:2px;cursor:pointer;border-bottom:2px solid transparent}.zn-tone-sel-btn:hover{background:#0a204e0f}.zn-tone-sel-btn.is-active{background:#0a204e;color:#f4ede1}.zn-print{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:stretch}.zn-print-paper{background:#fff;border:1px solid #0a204e;border-radius:4px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:4px 4px #0a204e}.zn-paper-row{display:flex;align-items:center;gap:16px;min-height:36px}.zn-paper-label{flex:0 0 100px;font:700 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#2a4f86}.zn-paper-sizes{display:flex;gap:6px;flex-wrap:wrap}.zn-paper-size{background:transparent;border:1px solid #0a204e;font:500 13px/1 var(--font-product);color:#0a204e;padding:6px 14px;border-radius:2px;cursor:pointer;text-transform:capitalize;transition:all var(--dur-fast) var(--ease-base)}.zn-paper-size:hover{background:#0a204e0f}.zn-paper-size.is-active{background:#0a204e;color:#f4ede1}.zn-print-actions{display:flex;flex-direction:column;gap:8px}.zn-btn{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid #0a204e;border-radius:4px;padding:14px 18px;cursor:pointer;text-align:left;font:500 16px/1.2 var(--font-product);color:#0a204e;transition:all var(--dur-fast) var(--ease-base)}.zn-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #0a204e}.zn-btn-primary{background:#0a204e;color:#f4ede1;box-shadow:4px 4px #2a4f86}.zn-btn-primary:hover{box-shadow:5px 5px #2a4f86}.zn-btn-ghost{background:transparent;border-style:dashed}.zn-btn-sub{font:400 12px/1 var(--font-product);font-style:italic;opacity:.8}.zn-foot{margin-top:48px;padding-top:24px;border-top:1px solid #0a204e;text-align:center;position:relative}.zn-foot .zn-sun{position:relative;top:0;right:0;transform:none;display:inline-block;margin-bottom:12px}.zn-foot-line{font:500 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:#0a204e;margin-bottom:8px}.zn-foot-sub{font:400 14px/1.4 var(--font-product);font-style:italic;color:#2a4f86}html,body{height:100%;margin:0}body{font-family:var(--font-product);background:var(--dr-bg, #07101f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}.dr-root .dr-grain{opacity:var(--dr-grain-opacity, .55)}.dr-root{--dr-accent: #5d8ec9;--dr-accent-deep: #2a4f86;--dr-accent-rgb: 93, 142, 201;background:var(--dr-bg, #07101f)}.dr-frame-tag-dot{background:var(--dr-accent)!important;box-shadow:0 0 8px rgba(var(--dr-accent-rgb),.6)!important}.dr-deck-tab.is-active{border-bottom-color:var(--dr-accent)!important}.dr-deck-tab-aux,.dr-deck-tab-aux:hover{color:var(--dr-accent)!important}.dr-btn-primary{background:linear-gradient(180deg,var(--dr-accent),var(--dr-accent-deep))!important;box-shadow:0 1px #ffffff26 inset,0 8px 24px -8px color-mix(in oklab,var(--dr-accent) 70%,transparent)!important}.dr-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--dr-accent-deep),var(--dr-accent))!important}.dr-range::-moz-range-track{background:linear-gradient(90deg,var(--dr-accent-deep),var(--dr-accent))!important}.dr-range::-webkit-slider-thumb{border-color:var(--dr-accent)!important}.dr-range::-moz-range-thumb{border-color:var(--dr-accent)!important}.dr-preset.is-active{background:linear-gradient(180deg,color-mix(in oklab,var(--dr-accent) 25%,transparent),color-mix(in oklab,var(--dr-accent-deep) 15%,transparent))!important;border-color:color-mix(in oklab,var(--dr-accent) 50%,transparent)!important}.dr-paper-card.is-active{background:color-mix(in oklab,var(--dr-accent) 15%,transparent)!important;border-color:color-mix(in oklab,var(--dr-accent) 50%,transparent)!important}.dr-orient-btn.is-active{background:color-mix(in oklab,var(--dr-accent) 20%,transparent)!important;border-color:color-mix(in oklab,var(--dr-accent) 50%,transparent)!important}.dr-file-label{position:relative;cursor:pointer}.dr-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dr-banner{position:relative;z-index:2;margin:0 24px;padding:10px 14px;border-radius:8px;font:500 13px/1.4 var(--font-product, system-ui, sans-serif);display:flex;align-items:center;justify-content:space-between;gap:12px}.dr-banner-error{background:#b43c3c33;border:1px solid rgba(255,120,120,.35);color:#f5d0d0}.dr-banner-dismiss{flex:0 0 auto;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;opacity:.85}.dr-stage{position:relative}.dr-upload-prompt{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:2;border:1px dashed rgba(255,255,255,.35);background:#0c1424f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:18px 32px;min-width:280px;cursor:pointer;text-align:center;color:#cfd5e3;transition:border-color .15s,background .15s,box-shadow .15s;box-shadow:0 8px 32px #00000073}.dr-upload-prompt:hover,.dr-root.is-dragover .dr-upload-prompt{border-color:var(--dr-accent);background:#121c30f7;box-shadow:0 8px 36px #00000080,0 0 0 1px rgba(var(--dr-accent-rgb),.25)}.dr-upload-prompt-title{display:block;font:500 17px/1.3 var(--font-product, system-ui, sans-serif);color:#e8ecf5}.dr-upload-prompt-sub{display:block;margin-top:6px;font:400 13px/1.4 var(--font-product, system-ui, sans-serif);color:#a9b6d4}.dr-drop-overlay{position:absolute;top:12px;right:24px;bottom:8px;left:24px;z-index:3;display:flex;align-items:center;justify-content:center;border:2px dashed var(--dr-accent);border-radius:12px;background:#3c6eaf26;font:500 16px/1 var(--font-product, system-ui, sans-serif);color:#e8ecf5;pointer-events:none}.dr-root.is-dragover .dr-stage{outline:none}@media (max-width: 768px){html,body,#root{height:auto;min-height:100%;min-height:100dvh}.dr-root{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}.dr-top{flex-wrap:wrap;align-items:stretch;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top,0px));gap:10px}.dr-brand{flex:1 1 100%;max-width:100%}.dr-brand-name{white-space:normal;font-size:14px;line-height:1.25}.dr-privacy{white-space:normal;font-size:10px;line-height:1.35}.dr-top-actions{flex:1 1 100%;flex-wrap:wrap;width:100%;gap:8px}.dr-site-nav{order:1;width:100%;justify-content:flex-start}.dr-top-actions .dr-file-label{order:2;flex:1 1 100%}.dr-top-actions .dr-btn-ghost:not(.dr-faq-link){order:3;flex:1 1 calc(50% - 4px);min-width:0}.dr-top-actions .dr-btn-primary{order:4;flex:1 1 calc(50% - 4px);min-width:0}.dr-top-actions .dr-btn,.dr-top-actions .dr-file-label{font-size:12px;padding:10px 12px}.dr-banner{margin:0 12px 8px;flex-wrap:wrap}.dr-stage{flex:none;min-height:0;overflow:visible;padding:8px 12px 12px;align-items:stretch}.dr-split{gap:12px}.dr-frame{min-height:min(32vh,220px);padding:12px}.dr-frame-img{min-height:min(26vh,180px)}.dr-upload-prompt{left:12px;right:12px;transform:none;width:auto;max-width:none;min-width:0;padding:14px 16px;box-sizing:border-box}.dr-drop-overlay{top:8px;right:12px;bottom:12px;left:12px}.dr-deck-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 12px;gap:0}.dr-deck-tabs::-webkit-scrollbar{display:none}.dr-deck-tab{flex-shrink:0;padding:12px 14px;font-size:12px}.dr-deck-sep{flex:0 0 8px;min-width:8px}.dr-deck-body{padding:14px 12px 16px;min-height:0}.dr-tone{grid-template-columns:1fr;gap:16px}.dr-presets{grid-template-columns:repeat(2,1fr);gap:8px}.dr-tone-swatches{grid-template-columns:repeat(3,1fr)}.dr-levels{grid-template-columns:1fr;gap:16px}.dr-levels-controls{grid-template-columns:1fr;gap:12px}.dr-paper{grid-template-columns:1fr;gap:20px}.dr-papers{flex-wrap:wrap}.dr-paper-card{flex:1 1 calc(33.333% - 7px);min-width:88px}}@media (max-width: 480px){.dr-brand-name{font-size:13px}.dr-privacy{display:none}.dr-presets{grid-template-columns:1fr}.dr-frame{min-height:min(28vh,200px)}.dr-paper-card{flex:1 1 100%;flex-direction:row;justify-content:flex-start;gap:12px}}.faq-root{position:relative;min-height:100%;background:var(--dr-bg, #07101f);color:#cfd5e3;font-family:var(--font-product);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.faq-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.faq-back{font:500 13px/1 var(--font-product);color:#8b9cc7;text-decoration:none}.faq-back:hover{color:#e8ecf5}.faq-brand{font:500 15px/1.2 var(--font-product);color:#e8ecf5;text-decoration:none;letter-spacing:-.005em}.faq-brand:hover{color:var(--dr-accent, #5d8ec9)}.faq-main{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:32px 24px 64px}@media (max-width: 768px){.faq-header{flex-wrap:wrap;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top,0px));gap:10px}.faq-back{order:1;flex:1 1 auto}.faq-brand{order:3;flex:1 1 100%;font-size:14px;line-height:1.3;text-align:center}.content-nav{order:2;width:100%;padding-top:0}.faq-main{padding:24px 16px 48px}.faq-article h1{font-size:24px}.content-figure{width:100%!important}.content-article--supplies .supply-card .content-figure{width:55%!important}.content-article--alternative .content-figure,.content-article--sun-prints .content-figure{width:72%!important}.faq-cta{flex-direction:column;align-items:stretch}.faq-cta .dr-btn,.supply-shop-link{width:100%;max-width:none;min-width:0}.content-footer{padding:0 16px 40px}}.faq-article h1{margin:0 0 24px;font:500 28px/1.2 var(--font-product);color:#e8ecf5;letter-spacing:-.02em}.faq-article h2{margin:40px 0 20px;font:500 20px/1.3 var(--font-product);color:#e8ecf5;letter-spacing:-.01em}.faq-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:20px}.faq-steps li{padding:16px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px}.faq-steps strong{display:block;margin-bottom:8px;font:500 15px/1.3 var(--font-product);color:#e8ecf5}.faq-steps p{margin:0;font:400 14px/1.55 var(--font-product);color:#cfd5e3}.faq-list{margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:16px;list-style:none}.faq-item{padding:14px 16px;background:#ffffff05;border-left:2px solid var(--dr-accent, #5d8ec9);border-radius:0 8px 8px 0}.faq-item-q{margin:0 0 8px;font:500 14px/1.35 var(--font-product);color:#e8ecf5}.faq-item-a{margin:0;font:400 14px/1.55 var(--font-product);color:#8b9cc7}.content-article .faq-cta{margin:48px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;clear:both}.faq-cta .dr-btn{display:inline-flex;align-items:center;justify-content:center;min-width:11.5rem;box-sizing:border-box;text-decoration:none}.faq-root .faq-cta .dr-btn-ghost,.faq-root .supply-shop-link.dr-btn-ghost{opacity:1;visibility:visible;background:#ffffff0f;border-color:#fff3;color:#e8ecf5}.content-header{flex-wrap:wrap}.content-nav{display:flex;gap:4px;order:3;width:100%;justify-content:center;padding-top:4px}@media (min-width: 720px){.content-nav{order:0;width:auto;flex:1;justify-content:center;padding-top:0}}.content-nav-link{font:500 13px/1 var(--font-product);color:#8b9cc7;text-decoration:none;padding:6px 12px;border-radius:6px}.content-nav-link:hover{color:#e8ecf5;background:#ffffff0a}.content-nav-link.is-active{color:#e8ecf5;background:#5d8ec926}.content-lead{margin:0 0 28px;font:400 14px/1.55 var(--font-product);color:#cfd5e3}.content-article p:not(.content-lead):not(.faq-cta):not(.faq-item-q):not(.faq-item-a){margin:0 0 16px;font:400 14px/1.55 var(--font-product);color:#cfd5e3}.content-article a:not(.guide-index-card):not(.dr-btn){color:#e8ecf5;text-decoration:underline;text-decoration-color:#a9b6e08c;text-underline-offset:3px}.content-article a:not(.guide-index-card):not(.dr-btn):hover{color:#fff;text-decoration-color:var(--dr-accent, #5d8ec9)}.content-article h2{margin-top:32px}.content-breadcrumb{margin:0 0 12px;font:400 13px/1.4 var(--font-product);color:#8b9cc7}.content-breadcrumb a{color:#e8ecf5;text-decoration:underline;text-decoration-color:#a9b6e08c;text-underline-offset:3px}.content-breadcrumb a:hover{color:#fff;text-decoration-color:var(--dr-accent, #5d8ec9)}.content-disclosure{margin:32px 0 0;padding:12px 14px;font:400 13px/1.5 var(--font-product);color:#8b9cc7;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}.content-bullets{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:10px;font:400 14px/1.55 var(--font-product);color:#cfd5e3}.content-bullets strong{color:#e8ecf5}.content-aside{margin-top:24px;padding:16px 18px;background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:10px}.content-aside h2{margin-top:0;margin-bottom:12px}.content-footer{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:0 24px 48px;text-align:center}.content-footer p{margin:0;font:400 13px/1.5 var(--font-product);color:#8b9cc7}.content-footer-link{color:#e8ecf5;text-decoration:underline;text-decoration-color:#a9b6e08c;text-underline-offset:3px}.content-footer-link:hover{color:#fff;text-decoration-color:var(--dr-accent, #5d8ec9)}.supply-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}.supply-card{padding:18px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px}.supply-card h2{margin:0 0 10px;font:500 17px/1.3 var(--font-product);color:#e8ecf5}.supply-card>p{margin:0 0 10px;font:400 14px/1.55 var(--font-product);color:#cfd5e3}.supply-meta{margin:0 0 6px;font:400 13px/1.5 var(--font-product);color:#8b9cc7}.supply-label{font-weight:500;color:#a8b4d4}.supply-link-row{margin:14px 0 0}.supply-shop-link{display:inline-flex;align-items:center;justify-content:center;width:11.5rem;box-sizing:border-box;text-decoration:none}.supply-card .supply-shop-link,.supply-card:hover .supply-shop-link{opacity:1;visibility:visible}.guide-index{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}.guide-index-card{display:block;padding:18px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;color:inherit;text-decoration:none;transition:border-color .15s ease,background .15s ease}.guide-index-card:hover{border-color:#5d8ec966;background:#ffffff0d;color:inherit;text-decoration:none}.guide-index-card h2{margin:0 0 8px;font:500 17px/1.3 var(--font-product);color:#e8ecf5;text-decoration:none}.guide-index-card p{margin:0;font:400 14px/1.55 var(--font-product);color:#8b9cc7;text-decoration:none}.content-figure{margin:24px auto 28px;width:50%;max-width:100%}.content-figure--wide{margin-left:auto;margin-right:auto}.content-figure img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#00000040}.content-figure-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:100px;padding:20px 16px;text-align:center;border-radius:10px;border:1px dashed rgba(169,182,224,.35);background:linear-gradient(145deg,#ffffff0a,#5d8ec914)}.content-figure-placeholder-icon{font-size:28px;line-height:1;color:#a9b6e080}.content-figure-placeholder-hint{max-width:28em;font:400 13px/1.45 var(--font-product);color:#8b9cc7}.content-figure-placeholder-file{font:400 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#5d6f9c;padding:4px 8px;border-radius:4px;background:#00000040;word-break:break-all}.content-figure figcaption{margin-top:10px;font:400 12px/1.45 var(--font-product);color:#8b9cc7;text-align:center}.supply-card .content-figure{margin:0 auto 14px;width:50%}.supply-card .content-figure-placeholder{min-height:60px;padding:12px}.content-article--supplies>.content-figure{width:50%;margin:24px auto 32px}.content-article--supplies .supply-card .content-figure{width:20%;margin:0 auto 14px}.content-article--supplies .supply-card .content-figure figcaption{font-size:11px;line-height:1.4}.content-article--supplies .supply-card .content-figure-placeholder{min-height:48px;padding:8px}.content-article--supplies .content-aside{margin-top:20px;margin-bottom:8px}.content-article--supplies .content-disclosure{margin-top:24px}.content-article--alternative .content-figure,.content-article--sun-prints .content-figure{width:24%}