/*! tailwindcss v4.3.0 | 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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}}}.contents{display:contents}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{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,)}:root{--canvas-base:#050505;--parchment-cream:#e8d5bc;--muted-copper:#b87c5a;--display:"Druk Condensed", "Ostia Antica", "Neue Haas Grotesk Display Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;--interface:"Neue Haas Grotesk Text", "SF Pro", -apple-system, BlinkMacSystemFont, sans-serif;--mono:"SF Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--rule:1px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--canvas-base);color:var(--parchment-cream);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--canvas-base);color:var(--parchment-cream);font-family:var(--interface);min-height:100vh;margin:0;padding:0;overflow:hidden}#root{flex-direction:column;width:100%;height:100vh;display:flex}@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-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}.clamp-app{background:var(--canvas-base);flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-y:auto}.top-bar{border-bottom:var(--rule) solid var(--parchment-cream);justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex}.logo{font-family:var(--display);letter-spacing:-.05em;text-transform:uppercase;color:var(--parchment-cream);margin:0;font-size:32px;font-weight:700;line-height:.85}.meta{font-family:var(--interface);letter-spacing:.05em;color:var(--parchment-cream);opacity:.6;font-size:12px}.workspace{flex:1;min-height:calc(100vh - 140px);display:flex}.control-column{border-right:var(--rule) solid var(--parchment-cream);flex-direction:column;gap:24px;width:320px;padding:32px;display:flex;overflow-y:auto}.unit-toggle{gap:8px;display:flex}.toggle-btn{border:var(--rule) solid var(--parchment-cream);color:var(--parchment-cream);font-family:var(--interface);cursor:pointer;background:0 0;flex:1;padding:12px;font-size:14px;transition:all .2s}.toggle-btn:hover,.toggle-btn.active{background:var(--muted-copper);border-color:var(--muted-copper)}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{font-family:var(--interface);letter-spacing:.05em;color:var(--parchment-cream);opacity:.6;text-transform:uppercase;font-size:12px}.input-field{border:var(--rule) solid var(--parchment-cream);color:var(--parchment-cream);font-family:var(--mono);background:0 0;outline:none;padding:12px;font-size:14px;transition:border-color .2s}.input-field:focus{border-color:var(--muted-copper)}.presets{flex-direction:column;gap:8px;margin-top:auto;display:flex}.presets-label{font-family:var(--interface);letter-spacing:.05em;color:var(--parchment-cream);opacity:.6;text-transform:uppercase;font-size:12px}.preset-btn{border:var(--rule) solid var(--parchment-cream);color:var(--parchment-cream);font-family:var(--interface);cursor:pointer;text-align:left;background:0 0;padding:12px;font-size:13px;transition:all .2s}.preset-btn:hover{background:var(--muted-copper);border-color:var(--muted-copper)}.validation-error{border:1px solid var(--muted-copper);color:var(--parchment-cream);font-family:var(--interface);letter-spacing:.05em;text-transform:uppercase;background:#b87c5a33;padding:12px;font-size:12px}.output-panel{flex-direction:column;flex:1;gap:32px;padding:32px;display:flex;overflow-y:auto}.sandbox-canvas{border:var(--rule) solid var(--parchment-cream);flex:1;justify-content:center;align-items:center;min-height:200px;padding:40px;display:flex}.sandbox-text{font-family:var(--interface);color:var(--parchment-cream);text-align:center;transition:font-size .1s}.code-blocks{flex-direction:column;gap:16px;display:flex}.code-block{border:var(--rule) solid var(--parchment-cream);background:#e8d5bc0d}.code-header{border-bottom:var(--rule) solid var(--parchment-cream);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.code-header span{font-family:var(--interface);letter-spacing:.05em;color:var(--parchment-cream);opacity:.6;text-transform:uppercase;font-size:12px}.copy-btn{border:var(--rule) solid var(--parchment-cream);color:var(--parchment-cream);font-family:var(--interface);cursor:pointer;background:0 0;padding:6px 12px;font-size:11px;transition:all .2s}.copy-btn:hover{background:var(--muted-copper);border-color:var(--muted-copper)}.code-content{font-family:var(--mono);color:var(--parchment-cream);opacity:.45;resize:none;white-space:pre-wrap;word-break:break-all;background:0 0;border:none;padding:16px;font-size:13px;display:block}.attribution{border-top:var(--rule) solid var(--parchment-cream);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 40px;display:flex}.attribution__velocity{font-family:var(--interface);letter-spacing:.05em;color:var(--parchment-cream);opacity:.6;text-transform:uppercase;font-size:11px}.attribution__velocity a{color:var(--parchment-cream);font-weight:700;text-decoration:none}.attribution__velocity a:hover{text-decoration:underline}.attribution__calyvent{font-family:var(--interface);letter-spacing:.05em;color:var(--parchment-cream);opacity:.6;text-transform:uppercase;gap:16px;font-size:11px;display:flex}.attribution__calyvent a{color:var(--parchment-cream);text-decoration:none}.attribution__calyvent a:hover{text-decoration:underline}@media (width<=768px){.workspace{flex-direction:column;overflow-y:auto}.control-column{border-right:none;border-bottom:var(--rule) solid var(--parchment-cream);width:100%}.output-panel{min-height:400px}.attribution{flex-direction:column;align-items:flex-start;padding:20px}.attribution__calyvent{flex-direction:column;gap:8px}}.seo-content{border-top:var(--rule) solid var(--parchment-cream);max-width:760px;margin:0 auto;padding:60px 40px}.seo-content h2{font-family:var(--display);letter-spacing:-.04em;color:var(--parchment-cream);text-transform:uppercase;margin:48px 0 16px;font-size:28px;font-weight:700;line-height:1.1}.seo-content h2:first-child{margin-top:0}.seo-content h3{font-family:var(--interface);letter-spacing:.02em;color:var(--parchment-cream);margin:24px 0 8px;font-size:16px;font-weight:700}.seo-content p,.seo-content li{font-family:var(--interface);color:var(--parchment-cream);opacity:.8;margin-bottom:16px;font-size:16px;line-height:1.7}.seo-content ol,.seo-content ul{margin:16px 0;padding-left:24px}.seo-content li{margin-bottom:8px}.code-example{border:var(--rule) solid var(--parchment-cream);background:#e8d5bc0d;margin:24px 0;padding:24px}.code-example__label{font-family:var(--mono);letter-spacing:.05em;color:var(--parchment-cream);opacity:.6;text-transform:uppercase;margin-bottom:8px;font-size:12px}.code-example pre{border:var(--rule) solid var(--parchment-cream);background:#05050580;margin:0;padding:16px;overflow-x:auto}.code-example code{font-family:var(--mono);color:var(--parchment-cream);opacity:.9;font-size:13px}.faq{margin-top:32px}.faq-item{border-bottom:var(--rule) solid var(--parchment-cream);margin-bottom:32px;padding-bottom:32px}.faq-item:last-child{border-bottom:none}@media (width<=768px){.seo-content{padding:40px 20px}.seo-content h2{font-size:24px}}