@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.0mrjj4bg00-he.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__gD0bIG__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__gD0bIG__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(../media/instrument-serif-latin-ext-400-normal.0ordxpm0gxgw8.woff2)format("woff2"),url(../media/instrument-serif-latin-ext-400-normal.2z9xqimzvw6vx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(../media/instrument-serif-latin-400-normal.3_vslfxq_--4i.woff2)format("woff2"),url(../media/instrument-serif-latin-400-normal.2maraz2ovyahx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(../media/instrument-serif-latin-ext-400-italic.30flr4oxtjagu.woff2)format("woff2"),url(../media/instrument-serif-latin-ext-400-italic.2vfzl0i35o8_c.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(../media/instrument-serif-latin-400-italic.1bk2-9tco4m7m.woff2)format("woff2"),url(../media/instrument-serif-latin-400-italic.3_-8f-v73506e.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root,.focus-modal,.compare-modal{--paper:var(--lightningcss-light,#f7f7f2)var(--lightningcss-dark,#161816);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#20231f);--ink:var(--lightningcss-light,#181a1b)var(--lightningcss-dark,#f0f2ea);--muted:var(--lightningcss-light,#626661)var(--lightningcss-dark,#b7bdaf);--line:var(--lightningcss-light,#dfe1d8)var(--lightningcss-dark,#444b3e);--soft:var(--lightningcss-light,#eceee6)var(--lightningcss-dark,#2c3229);--control-line:var(--lightningcss-light,#858f7d)var(--lightningcss-dark,#7a8969);--accent:#dff569;--accent-ink:#25300d;--focus:var(--lightningcss-light,#1758ca)var(--lightningcss-dark,#91b9ff);--danger:var(--lightningcss-light,#a4262a)var(--lightningcss-dark,#f2aaa1);--success:var(--lightningcss-light,#2d643e)var(--lightningcss-dark,#b3d59a);--viewer:var(--lightningcss-light,#f2f2f0)var(--lightningcss-dark,#171719);--on-ink:var(--lightningcss-light,#fff)var(--lightningcss-dark,#161816);--on-danger:var(--lightningcss-light,#fff)var(--lightningcss-dark,#351714);--primary-hover:var(--lightningcss-light,#353a33)var(--lightningcss-dark,#dce3d3);--radius:12px;--shadow:0 20px 80px var(--lightningcss-light,#181a1b1a)var(--lightningcss-dark,#0006);--motion-quick:.16s;--motion-panel:.22s}
@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-border-style:solid;--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}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--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:where(:not(iframe)){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}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::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]){appearance:button}::file-selector-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{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--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)}.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,)}.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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}button,input,textarea,select{outline-offset:4px}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3,p{margin:0}img{max-width:100%}em{font-family:Instrument Serif,Georgia,serif;font-weight:400}::selection{background:var(--accent);color:var(--ink)}.page-width{width:min(1320px,100% - 104px);margin-inline:auto}.button{min-height:44px;transition:background var(--motion-quick), box-shadow var(--motion-quick), transform var(--motion-quick);white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:11px 18px;font-size:14px;font-weight:550;line-height:1.35;display:inline-flex}.button-primary{background:var(--ink);color:#fff}.button-primary:hover{background:var(--primary-hover);box-shadow:0 3px 9px var(--lightningcss-light,#181a1b13)var(--lightningcss-dark,#00000045)}.button-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.button-secondary:hover{background:var(--soft)}.button-ghost{color:var(--ink);background:0 0}.button-ghost:hover{background:var(--soft)}.button-danger{color:#fff;background:var(--danger)}.button-large{min-height:52px;padding-inline:23px;font-size:15px}.button-lime{background:var(--accent);color:var(--accent-ink)}.button-lime:hover{background:#cde552}.icon-button{width:44px;height:44px;color:inherit;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--soft)}.icon-button.active{background:var(--ink);color:#fff}.text-link{align-items:center;gap:9px;min-height:44px;font-size:14px;font-weight:550;display:inline-flex}.text-link:hover{text-underline-offset:5px;text-decoration:underline}.brand{letter-spacing:-1.4px;align-items:center;gap:9px;min-height:44px;font-size:28px;font-weight:650;line-height:1;display:inline-flex}.brand-period{color:var(--lightningcss-light,#758448)var(--lightningcss-dark,#b8cb83)}.brand-mark{grid-template-rows:9px 9px;grid-template-columns:9px 9px;gap:3px;display:grid;transform:rotate(-8deg)}.brand-mark i{background:currentColor;border-radius:1px}.brand-mark i:last-child{background:#a6bb58}.marketing-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:32px;width:min(1440px,100% - 104px);height:94px;margin-inline:auto;display:flex}.marketing-nav nav{gap:32px;font-size:14px;display:flex}.marketing-nav nav a{padding:13px 0}.marketing-nav nav a:hover{color:var(--lightningcss-light,#647334)var(--lightningcss-dark,#b8cb83)}.nav-cta{min-height:44px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding-block:91px 103px;display:grid}.eyebrow{letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.5}.hero-copy .eyebrow{letter-spacing:1.1px;align-items:center;gap:9px;font-size:11px;display:flex}.status-dot{background:var(--lightningcss-light,#667e3a)var(--lightningcss-dark,#b8cb83);border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-5px;margin-block:27px;font-size:clamp(56px,6.2vw,94px);font-weight:480;line-height:.99}.hero h1 em{letter-spacing:-3.6px;white-space:nowrap}.hero-description{color:var(--lightningcss-light,#60645d)var(--lightningcss-dark,#b7bdaf);letter-spacing:-.2px;max-width:420px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-block:30px 19px;display:flex}.hero-detail{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.dot-divider{padding-inline:2px}.hero-composition{padding:12px 0 30px;position:relative}.hero-note{z-index:1;color:var(--lightningcss-light,#656d58)var(--lightningcss-dark,#b7bdaf);inset-inline-end:3px;align-items:center;gap:9px;display:flex;position:absolute;top:-27px;transform:rotate(5deg)}.handwritten{font-family:Instrument Serif,Georgia,serif;font-size:23px;font-style:italic}.preview-window{color:#f5f6f0;background:#202621;border:1px solid #2d342f;border-radius:12px;padding:0 18px;transform:rotate(1.5deg);box-shadow:8px 18px var(--lightningcss-light,#e8ebdd)var(--lightningcss-dark,#303726),0 30px 70px var(--lightningcss-light,#242b211c)var(--lightningcss-dark,#00000045)}.preview-window-top{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:10px;padding-block:16px;display:flex}.preview-symbol{align-items:center;gap:9px;font-size:11px;font-weight:550;display:flex}.preview-symbol svg{color:var(--accent)}.preview-demo-label{letter-spacing:1px;color:#abb2a8;font-size:9px}.preview-meta{justify-content:space-between;align-items:center;gap:10px;padding-block:20px 16px;display:flex}.preview-meta p{letter-spacing:-.5px;font-size:17px;font-weight:500}.preview-meta span:not(.tiny-pill){color:#b9c0b4;font-size:10px}.tiny-pill{white-space:nowrap;border:1px solid #ffffff2a;border-radius:6px;padding:5px 8px;font-size:10px}.preview-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.preview-tile{aspect-ratio:1.5;background:#cfcfc8;border-radius:6px;display:block;position:relative;overflow:hidden}.preview-tile img{object-fit:cover;transition:transform .35s}.preview-tile:hover img{transform:scale(1.04)}.preview-check{color:#293419;top:10px;background:#ffffffb0;border:1px solid #ffffffb0;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;inset-inline-end:10px}.preview-check.checked{background:var(--accent);border-color:var(--accent)}.preview-file{color:#444a3c;bottom:9px;background:#fffdf2e0;border-radius:3px;padding:2px 5px;font-size:9px;position:absolute;inset-inline-start:10px}.preview-bottom{justify-content:space-between;gap:8px;padding-block:15px 17px;font-size:10px;display:flex}.preview-bottom a,.preview-selection{align-items:center;gap:6px;display:flex}.preview-bottom a{color:var(--accent)}.floating-feedback{background:var(--surface);inset-inline-end:-15px;border:1px solid var(--lightningcss-light,#e6e7df)var(--lightningcss-dark,#515b45);border-radius:10px;align-items:center;gap:10px;width:302px;padding:14px 16px;display:flex;position:absolute;bottom:-1px;transform:rotate(-3deg);box-shadow:0 10px 30px var(--lightningcss-light,#20282012)var(--lightningcss-dark,#00000045)}.feedback-avatar{color:var(--lightningcss-light,#475337)var(--lightningcss-dark,#d6e2bd);background:var(--lightningcss-light,#e7edcf)var(--lightningcss-dark,#303a26);border-radius:50%;flex-shrink:0;place-items:center;width:33px;height:33px;font-family:Instrument Serif,serif;font-size:23px;display:grid}.floating-feedback strong{font-size:11px;font-weight:600;display:block}.floating-feedback span{color:var(--muted);font-size:9px}.floating-feedback svg{color:var(--lightningcss-light,#8b985e)var(--lightningcss-dark,#b8cb83);margin-inline-start:auto}.composition-caption{letter-spacing:.2px;color:var(--lightningcss-light,#626955)var(--lightningcss-dark,#b7bdaf);bottom:-19px;font-size:10px;position:absolute;inset-inline-start:8px}.modes-strip{border-block:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-block:24px;font-size:13px;display:flex}.modes-strip>div{color:var(--ink);gap:34px;display:flex}.modes-strip>div>span{align-items:center;gap:8px;display:flex}.modes-strip>div>span svg{color:var(--lightningcss-light,#718142)var(--lightningcss-dark,#b8cb83)}.examples{padding-top:86px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px;display:flex}.section-heading .eyebrow{color:var(--lightningcss-light,#6c725f)var(--lightningcss-dark,#b7bdaf);margin-bottom:15px}.section-heading h2{letter-spacing:-1.8px;font-size:clamp(30px,3vw,43px);font-weight:450;line-height:1.15}.section-heading h2 em{font-size:1.15em}.section-aside{color:var(--muted);text-align:end;font-size:12px;line-height:1.7}.example-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.example-image{aspect-ratio:1.3;background:var(--soft);border-radius:9px;display:block;position:relative;overflow:hidden}.example-image img{object-fit:cover;transition:transform .4s}.example-image:hover img{transform:scale(1.035)}.example-number{top:15px;background:var(--lightningcss-light,#ffffffef)var(--lightningcss-dark,#252b23f5);border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;display:grid;position:absolute;inset-inline-start:15px}.example-arrow{background:var(--surface);inset-inline-end:13px;border-radius:50%;place-items:center;width:35px;height:35px;display:grid;position:absolute;bottom:13px}.example-badge{inset-inline-start:14px;background:var(--lightningcss-light,#ffffffef)var(--lightningcss-dark,#252b23f5);border-radius:4px;padding:6px 9px;font-size:10px;position:absolute;bottom:14px}.example-card>.eyebrow{color:var(--lightningcss-light,#606753)var(--lightningcss-dark,#b7bdaf);margin-top:25px;font-size:9px}.example-card h3{letter-spacing:-.8px;margin-block:10px 12px;font-size:23px;font-weight:500;line-height:1.25}.example-copy{color:var(--muted);max-width:350px;font-size:13px;line-height:1.75}.workflow{padding-block:90px}.workflow-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:36px;padding-top:28px;display:grid}.workflow-grid>div>span{letter-spacing:1px;color:var(--lightningcss-light,#606b50)var(--lightningcss-dark,#b7bdaf);font-size:10px}.workflow-grid h3{letter-spacing:-.5px;margin-block:20px 10px;font-size:19px;font-weight:500}.workflow-grid p{color:var(--muted);max-width:350px;font-size:13px;line-height:1.8}.closing-cta{text-align:center;background:var(--lightningcss-light,#e9eddb)var(--lightningcss-dark,#303a26);border-radius:14px;padding:66px 30px}.closing-cta .eyebrow{color:var(--lightningcss-light,#566139)var(--lightningcss-dark,#b7bdaf)}.closing-cta h2{letter-spacing:-2.5px;margin-block:23px;font-size:clamp(40px,5vw,66px);font-weight:450;line-height:1.08}.closing-cta>p{color:var(--lightningcss-light,#56604a)var(--lightningcss-dark,#b7bdaf);margin-top:18px;font-size:11px}.marketing-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:25px;padding-block:39px;font-size:11px;display:flex}.marketing-footer .brand{color:var(--ink);font-size:23px}.marketing-footer>a:last-child{align-items:center;gap:6px;min-height:44px;display:flex}.footer-links{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.footer-links a{align-items:center;gap:6px;min-height:44px;display:inline-flex}.skip-link{z-index:100;background:var(--ink);color:#fff;inset-inline-start:16px;border-radius:6px;padding:12px 20px;position:fixed;top:-100px}.skip-link:focus{top:12px}.simple-page{max-width:850px;padding-block:80px}.simple-page h1{letter-spacing:-2.5px;margin-block:30px;font-size:66px;font-weight:450;line-height:1}.simple-page>p{color:var(--muted);margin-bottom:24px;line-height:1.8}.simple-page ul{padding-inline-start:20px;line-height:2}.simple-page a:not(.button){text-decoration:underline}.centered-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;max-width:640px;min-height:70vh;margin:auto;padding:40px 24px;display:flex}.centered-state h1{letter-spacing:-1px;font-size:36px;font-weight:450;line-height:1.15}.centered-state p{color:var(--muted);max-width:460px}.centered-state>div{gap:10px;display:flex}.app-header{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding-inline:38px;display:flex}.app-header-left,.app-header-right{align-items:center;gap:20px;display:flex}.app-header .brand{font-size:25px}.header-divider{background:var(--line);width:1px;height:24px}.workspace-select{cursor:pointer;background:0 0;border:0;max-width:210px;padding-block:11px;padding-inline:4px 25px;font-weight:550}.local-pill,.badge{background:var(--soft);border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:500;line-height:1.3;display:inline-flex}.local-pill{color:var(--lightningcss-light,#72551b)var(--lightningcss-dark,#f1ce83);background:var(--lightningcss-light,#f1ead5)var(--lightningcss-dark,#40351e)}.badge.active{color:var(--lightningcss-light,#405d25)var(--lightningcss-dark,#d6e2bd);background:var(--lightningcss-light,#e7eed8)var(--lightningcss-dark,#303a26)}.badge.dark{color:#e9eddf;background:#31392d}.user-avatar{border:1px solid var(--line);color:var(--lightningcss-light,#414c2a)var(--lightningcss-dark,#d6e2bd);background:var(--lightningcss-light,#e9eddb)var(--lightningcss-dark,#303a26);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:grid}.app-main{width:min(1320px,100% - 88px);margin:0 auto;padding-block:50px 90px}.workspace-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:35px;display:flex}.workspace-title h1{letter-spacing:-1.8px;margin-top:10px;font-size:43px;font-weight:450}.workspace-title p:not(.eyebrow){color:var(--muted);margin-top:8px;font-size:14px}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px;padding-block:2px 17px;display:flex}.tabs{flex-wrap:wrap;gap:5px;display:flex}.tab{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:8px 13px;font-size:13px}.tab.active{background:var(--ink);color:#fff}.toolbar-actions{align-items:center;gap:10px;display:flex}.search-field{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding-inline:11px;display:flex}.search-field input{width:180px;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;padding-block:9px;font-size:13px}.search-field:focus-within{outline:3px solid var(--focus);outline-offset:2px}.board-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.board-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;transition:box-shadow .2s,transform .2s;display:block;overflow:hidden}.board-card:hover{transform:translateY(-3px);box-shadow:0 9px 28px var(--lightningcss-light,#1c231310)var(--lightningcss-dark,#00000045)}.board-card-image{aspect-ratio:1.5;background:var(--lightningcss-light,#e7e9df)var(--lightningcss-dark,#2a2e27);position:relative}.board-card-image img{object-fit:cover}.board-card-image>.badge{top:13px;background:var(--lightningcss-light,#fffef3f0)var(--lightningcss-dark,#262d24f5);position:absolute;inset-inline-start:13px}.board-card-content{padding:19px}.board-card-content h2{letter-spacing:-.5px;margin-bottom:6px;font-size:18px;font-weight:550}.board-card-content p{color:var(--muted);min-height:36px;font-size:12px}.board-card-meta{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:13px;font-size:11px;display:flex}.new-board-card{background:var(--lightningcss-light,#eff1e7)var(--lightningcss-dark,#272e23);border:1px dashed var(--lightningcss-light,#bbc3a9)var(--lightningcss-dark,#515b45);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:280px;padding:24px;display:flex}.new-board-card>span{background:var(--lightningcss-light,#e1e8cd)var(--lightningcss-dark,#303a26);border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.new-board-card p{max-width:230px;color:var(--muted);text-align:center;font-size:13px}.empty-state{text-align:center;border:1px dashed var(--line);background:var(--surface);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:250px;padding:65px 25px;display:flex}.empty-state svg{color:var(--lightningcss-light,#7d8a63)var(--lightningcss-dark,#b8cb83)}.empty-state h2{letter-spacing:-.5px;font-size:22px;font-weight:500}.empty-state p{max-width:380px;color:var(--muted);font-size:14px}.message{background:var(--lightningcss-light,#eef0e4)var(--lightningcss-dark,#272e23);border:1px solid var(--lightningcss-light,#dfe4ce)var(--lightningcss-dark,#515b45);border-radius:8px;align-items:flex-start;gap:10px;margin-block:14px;padding:13px 15px;font-size:13px;display:flex}.message svg{flex-shrink:0;margin-top:2px}.message.error{color:var(--lightningcss-light,#902b23)var(--lightningcss-dark,#f2aaa1);background:var(--lightningcss-light,#fcf0ed)var(--lightningcss-dark,#3b2522);border-color:var(--lightningcss-light,#ebc8c2)var(--lightningcss-dark,#794b45)}.message.success{color:var(--lightningcss-light,#35632d)var(--lightningcss-dark,#b3d59a);background:var(--lightningcss-light,#edf5e8)var(--lightningcss-dark,#263522)}.message a{text-decoration:underline}.message>.icon-button{margin-block:-8px;margin-inline:auto -8px}.subsection-heading{justify-content:space-between;align-items:center;gap:20px;margin-block:48px 23px;display:flex}.subsection-heading h2{letter-spacing:-.5px;font-size:23px;font-weight:500}.subsection-heading p{color:var(--muted);font-size:13px}.login-panel{text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:13px;width:min(100%,430px);padding:30px}.field{flex-direction:column;gap:7px;margin-bottom:20px;font-size:13px;font-weight:500;display:flex}.field input,.field textarea,.field select{background:var(--surface);width:100%;min-height:44px;color:var(--ink);border:1px solid var(--lightningcss-light,#cfd4c7)var(--lightningcss-dark,#515b45);border-radius:8px;padding:11px 12px;font-weight:400}.field textarea{resize:vertical;min-height:90px}.field small{color:var(--muted);font-size:12px;font-weight:400}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:var(--lightningcss-light,#17201590)var(--lightningcss-dark,#050705b3);transition:opacity .18s;position:fixed;inset:0}.modal-backdrop[data-starting-style],.modal-backdrop[data-ending-style]{opacity:0}.modal{z-index:51;background:var(--surface);width:min(560px,100% - 32px);max-height:calc(100dvh - 40px);color:var(--ink);box-shadow:var(--shadow);border-radius:14px;padding:25px;transition:opacity .18s,scale .22s;position:fixed;top:50%;left:50%;overflow:auto;translate:-50% -50%}.modal[data-starting-style],.modal[data-ending-style]{opacity:0;scale:.97}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.modal-header h2{letter-spacing:-.7px;font-size:24px;font-weight:500}.modal-header p{color:var(--muted);margin-top:5px;font-size:13px}.modal-header .icon-button{margin-block:-6px 0;margin-inline:0 -8px}.modal-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:10px;padding-top:20px;display:flex}.mode-options{grid-template-columns:repeat(3,1fr);gap:10px;margin-block:8px 22px;display:grid}.mode-option{border:1px solid var(--line);background:var(--surface);border-radius:9px;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;font-size:12px;display:flex}.mode-option[aria-pressed=true]{background:var(--lightningcss-light,#f0f5df)var(--lightningcss-dark,#272e23);border-color:var(--lightningcss-light,#687f2e)var(--lightningcss-dark,#b8cb83);box-shadow:inset 0 0 0 1px var(--lightningcss-light,#687f2e)var(--lightningcss-dark,#b8cb83)}.mode-option small{color:var(--muted);font-size:10px}.review-header{border-bottom:1px solid var(--line);background:var(--surface)}.review-topbar{justify-content:space-between;align-items:center;gap:20px;min-height:75px;padding-inline:34px;display:flex}.review-breadcrumb{color:var(--muted);align-items:center;gap:14px;font-size:13px;display:flex}.review-breadcrumb .brand{margin-inline-end:8px}.review-top-actions{align-items:center;gap:9px;display:flex}.review-intro{width:min(1370px,100% - 88px);margin:auto;padding-block:35px 28px}.review-intro-top{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.review-intro .eyebrow{color:var(--lightningcss-light,#677555)var(--lightningcss-dark,#b7bdaf);letter-spacing:1.1px;align-items:center;gap:8px;display:flex}.review-intro h1{letter-spacing:-1.6px;margin-block:10px 12px;font-size:39px;font-weight:450;line-height:1.15}.review-intro-description{max-width:650px;color:var(--muted);font-size:14px}.review-instruction{background:var(--soft);white-space:nowrap;border-radius:7px;align-items:center;gap:8px;margin-top:10px;padding:10px 13px;font-size:12px;display:flex}.review-instruction svg{color:var(--lightningcss-light,#6d7d49)var(--lightningcss-dark,#b8cb83)}.review-meta{color:var(--muted);align-items:center;gap:15px;margin-top:19px;font-size:11px;display:flex}.review-meta>span{align-items:center;gap:5px;display:inline-flex}.review-main{width:min(1370px,100% - 88px);margin:auto;padding-block:25px 140px}.review-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.review-filter{align-items:center;gap:10px;display:flex}.review-filter .tab{white-space:nowrap;min-height:44px}.review-filter .asset-count{border:1px solid var(--line);background:var(--soft);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:6px;margin-inline-start:8px;padding:3px 7px;font-size:12px;font-weight:650}.review-filter .tab.active .asset-count{background:var(--accent);color:var(--accent-ink);border-color:#0000}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 22px;display:grid}.asset-card{min-width:0}.asset-visual{aspect-ratio:1.22;background:var(--lightningcss-light,#e5e7e1)var(--lightningcss-dark,#2a2e27);border:2px solid #0000;border-radius:10px;transition:border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.asset-card.selected .asset-visual{border-color:var(--lightningcss-light,#6c8535)var(--lightningcss-dark,#b8cb83);box-shadow:0 0 0 3px #a9bf7030}.asset-open{background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.asset-open img{object-fit:cover;transition:transform .3s}.asset-open:hover img{transform:scale(1.025)}.asset-open:focus-visible{outline-offset:-5px;z-index:1}.asset-index{color:var(--lightningcss-light,#4f5848)var(--lightningcss-dark,#d6decc);pointer-events:none;top:13px;background:var(--lightningcss-light,#ffffffeb)var(--lightningcss-dark,#252b23f5);border:1px solid var(--lightningcss-light,#ffffff80)var(--lightningcss-dark,#68775a);border-radius:5px;padding:3px 6px;font-size:10px;position:absolute;inset-inline-start:13px}.asset-select{z-index:2;color:#29361c;top:7px;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid;position:absolute;inset-inline-end:7px}.asset-select>span{background:var(--lightningcss-light,#ffffffef)var(--lightningcss-dark,#252b23f5);border:1px solid var(--lightningcss-light,#a6aea1)var(--lightningcss-dark,#68775a);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 2px 6px #0000000b}.asset-select[aria-pressed=true]>span{background:var(--accent);border-color:var(--lightningcss-light,#879e4a)var(--lightningcss-dark,#b8cb83)}.asset-zoom{color:var(--lightningcss-light,#394231)var(--lightningcss-dark,#d6decc);pointer-events:none;inset-inline-end:15px;background:var(--lightningcss-light,#ffffffec)var(--lightningcss-dark,#252b23f5);border-radius:5px;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:15px}.asset-info{justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 1px 0;display:flex}.asset-info h2{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;overflow:hidden}.asset-info>div{min-width:0}.asset-info p{color:var(--muted);margin-top:3px;font-size:10px}.asset-version{color:var(--muted);white-space:nowrap;padding-top:2px;font-size:10px}.asset-list{flex-direction:column;gap:12px;display:flex}.asset-list .asset-card{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;align-items:center;gap:25px;padding-bottom:12px;display:grid}.asset-list .asset-visual{aspect-ratio:1.8}.asset-list .asset-info h2{font-size:15px}.selection-tray{left:50%;bottom:max(22px, env(safe-area-inset-bottom));z-index:20;color:#f7f8f0;background:#20261f;border:1px solid #3a4231;border-radius:13px;align-items:center;gap:15px;width:min(790px,100% - 40px);padding-block:12px;padding-inline:20px 14px;display:flex;position:fixed;translate:-50%;box-shadow:0 10px 50px var(--lightningcss-light,#17221230)var(--lightningcss-dark,#00000045)}.tray-count{width:33px;height:33px;color:var(--accent);background:#34402a;border:1px solid #596246;border-radius:7px;flex-shrink:0;place-items:center;font-size:14px;font-weight:550;display:grid}.tray-label{margin-inline-end:auto}.tray-label strong{font-size:12px;font-weight:550;display:block}.tray-label span{color:#c0c8b4;align-items:center;gap:5px;margin-top:3px;font-size:10px;display:flex}.tray-thumbnails{gap:4px;display:flex}.tray-thumb{border:1px solid #647056;border-radius:4px;width:34px;height:40px;position:relative;overflow:hidden}.tray-thumb img{object-fit:cover}.selection-tray .button{min-height:44px;font-size:12px}.selection-tray .button-ghost{color:#ecf0e4}.selection-tray .button-ghost:hover{background:#394330}.tray-divider{border-inline-start:1px solid #424b36;height:29px}.focus-modal{background:var(--viewer);width:min(1270px,100% - 48px);max-height:calc(100dvh - 48px);padding:0}.focus-modal .modal-header{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;margin:0;padding:17px 22px}.focus-modal .modal-header h2{letter-spacing:-.2px;font-size:15px}.focus-modal .modal-header p{font-size:11px}.focus-body{grid-template-columns:minmax(0,1fr) 250px;display:grid}.focus-stage{justify-content:center;align-items:center;height:min(68vh,730px);padding:30px 58px;display:flex;position:relative;overflow:hidden}.focus-image{width:100%;height:100%;position:relative}.focus-image img{object-fit:contain}.focus-nav{background:var(--surface);border-color:var(--line);z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.focus-nav.prev{inset-inline-start:9px}.focus-nav.next{inset-inline-end:9px}.focus-details{border-inline-start:1px solid var(--line);background:var(--surface);padding:22px}.focus-details h3{margin-bottom:20px;font-size:15px;font-weight:550}.detail-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-block:10px;font-size:12px;display:flex}.detail-row span:first-child{color:var(--muted)}.focus-details .button{width:100%;margin-top:22px}.focus-note{color:var(--muted);margin-top:20px;font-size:11px;line-height:1.7}.focus-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding:11px 20px;font-size:11px;display:flex}.focus-footer>div{align-items:center;gap:8px;display:flex}.focus-footer input{max-width:110px}.focus-modal.dark{--surface:#242725;--viewer:#171719;--ink:#f0f2e9;--muted:#bac0b4;--line:#41473c;--soft:#363d30}.focus-modal.dark .button-primary{background:var(--accent);color:var(--accent-ink)}.focus-modal.dark .button-primary:hover{background:#cde552}.focus-modal.dark .focus-nav{color:#f0f2e9;background:#31382f}.compare-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.compare-item{min-width:0;position:relative}.compare-image{background:var(--viewer);border-radius:8px;height:min(60vh,540px);position:relative;overflow:hidden}.compare-image img{object-fit:contain}.compare-item>p{overflow-wrap:anywhere;margin-top:12px;font-size:12px}.compare-item .button{width:100%;margin-top:10px}.upload-zone{text-align:center;cursor:pointer;color:var(--lightningcss-light,#54643c)var(--lightningcss-dark,#d6e2bd);background:var(--lightningcss-light,#f4f6ee)var(--lightningcss-dark,#272e23);border:1px dashed var(--lightningcss-light,#aab793)var(--lightningcss-dark,#515b45);border-radius:10px;flex-direction:column;align-items:center;gap:10px;width:100%;padding:32px 18px;display:flex}.upload-zone input{opacity:0;width:1px;height:1px;position:absolute}.upload-zone:focus-within{outline:3px solid var(--focus);outline-offset:4px}.upload-zone small{color:var(--lightningcss-light,#626d57)var(--lightningcss-dark,#b7bdaf);font-size:11px}.upload-item{border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;margin-top:12px;padding:13px;display:flex}.upload-item>div{flex:1;min-width:0}.upload-item p{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.upload-item span{color:var(--muted);font-size:11px}.upload-item progress{accent-color:var(--lightningcss-light,#788c45)var(--lightningcss-dark,#b8cb83);width:100%;height:5px;margin-top:7px;display:block}.share-url{background:var(--soft);overflow-wrap:anywhere;border-radius:8px;margin:15px 0;padding:13px;font-size:12px}.result-list{flex-direction:column;gap:12px;display:flex}.result-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 0;font-size:13px;display:flex}.result-row strong{margin-inline-start:auto}.result-image{background:var(--soft);border-radius:5px;flex-shrink:0;width:54px;height:48px;position:relative;overflow:hidden}.result-image img{object-fit:cover}.skeleton{background:linear-gradient(100deg,var(--lightningcss-light,#e7e9e0)var(--lightningcss-dark,#2a2e27) 30%,var(--lightningcss-light,#f3f4ee)var(--lightningcss-dark,#373e31) 50%,var(--lightningcss-light,#e7e9e0)var(--lightningcss-dark,#2a2e27) 70%) 0 0/200% 100%;border-radius:10px;animation:1.6s ease-in-out infinite shimmer}.skeleton-card{aspect-ratio:1.2}.skeleton-title{width:50%;height:40px;margin-block:15px 40px}.spin{animation:1s linear infinite spin}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media (min-width:1700px){.hero{gap:100px}.hero-composition{padding-inline-start:8px}.preview-tile{aspect-ratio:1.4}}@media (max-width:1100px){.page-width,.marketing-nav{width:calc(100% - 64px)}.hero{gap:36px;padding-block:72px 85px}.hero h1{letter-spacing:-3px;font-size:66px}.hero-description{font-size:15px}.hero-actions{gap:10px 20px}.hero-detail{font-size:10px}.floating-feedback{width:280px}.preview-meta p{font-size:15px}.preview-meta{padding-block:14px 12px}.preview-tile{aspect-ratio:1.2}.hero-note{inset-inline-end:-2px}.marketing-nav nav,.example-grid{gap:20px}.section-heading h2{font-size:35px}.board-grid{gap:18px}.asset-grid{gap:22px 16px}.review-intro,.review-main,.app-main{width:calc(100% - 64px)}.review-instruction{white-space:normal;max-width:230px}.review-intro h1{font-size:34px}.tray-thumbnails{display:none}}@media (max-width:800px){.marketing-nav nav{display:none}.hero{grid-template-columns:1fr;gap:70px;max-width:610px;padding-block:50px 88px}.hero h1{font-size:76px}.hero-copy{max-width:570px}.hero-description{max-width:480px;font-size:16px}.hero-actions{gap:25px}.hero-composition{width:100%;max-width:520px;margin:auto}.preview-tile{aspect-ratio:1.5}.preview-meta{padding-block:20px 16px}.preview-meta p{font-size:17px}.example-grid{grid-template-columns:1fr;gap:38px}.example-card{grid-template-columns:1fr 1fr;gap:0 22px;display:grid}.example-image{aspect-ratio:1;grid-row:span 3}.example-card>.eyebrow{align-self:end;margin-top:6px}.example-card h3{font-size:21px}.example-copy{font-size:12px}.examples{padding-top:60px}.section-aside{display:none}.workflow-grid{gap:25px}.workflow-grid h3{font-size:17px}.workflow-grid p{font-size:12px}.workflow{padding-block:65px}.board-grid{grid-template-columns:1fr 1fr}.app-header{padding-inline:24px}.app-header-left{gap:12px}.app-header-right{gap:9px}.review-topbar{padding-inline:24px}.review-intro-top{gap:16px}.review-instruction,.review-breadcrumb>span{display:none}.review-intro,.review-main,.app-main{width:calc(100% - 48px)}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-body{grid-template-columns:1fr}.focus-details{display:none}.focus-stage{height:68vh}.focus-modal{width:calc(100% - 24px)}.review-toolbar{gap:10px}.review-toolbar .toolbar-actions{gap:2px}.search-field input{width:120px}.workspace-title h1{font-size:37px}.app-header .local-pill{display:none}}@media (max-width:540px){.page-width,.marketing-nav{width:calc(100% - 40px)}.marketing-nav{gap:15px;height:77px}.brand{font-size:25px}.brand-mark{grid-template-rows:8px 8px;grid-template-columns:8px 8px;gap:2px}.nav-cta{gap:5px;padding-inline:12px;font-size:11px}.nav-cta svg{width:14px}.hero{gap:67px;padding-block:42px 80px}.hero h1{letter-spacing:-2.5px;margin-block:25px;font-size:clamp(53px,13.8vw,73px)}.hero h1 em{letter-spacing:-2px}.hero-copy .eyebrow{letter-spacing:.9px;font-size:9px}.hero-description{font-size:15px;line-height:1.7}.hero-actions{gap:14px;margin-block:25px 17px}.hero-actions .button{min-height:48px;padding-inline:16px;font-size:13px}.hero-actions .text-link{font-size:12px}.hero-detail{gap:4px;font-size:9px}.preview-window{padding-inline:12px}.preview-grid{gap:8px}.preview-meta p{font-size:15px}.preview-meta{padding-block:16px 12px}.preview-symbol{font-size:10px}.preview-meta span:not(.tiny-pill),.preview-bottom{font-size:9px}.floating-feedback{inset-inline-end:-3px;width:257px;padding:11px 12px;bottom:-5px}.floating-feedback strong{font-size:10px}.floating-feedback span{font-size:8px}.composition-caption{font-size:8px;bottom:-29px}.hero-note{inset-inline-end:8px;top:-24px}.handwritten{font-size:20px}.modes-strip{flex-direction:column;align-items:flex-start;gap:13px;padding-block:19px;font-size:11px}.modes-strip>div{gap:25px}.section-heading{margin-bottom:25px}.section-heading h2{letter-spacing:-1.1px;font-size:31px}.section-heading .eyebrow{font-size:9px}.example-card{display:block}.example-image{aspect-ratio:1.3}.example-card>.eyebrow{margin-top:21px;font-size:9px}.example-card h3{font-size:24px}.example-copy{font-size:13px}.example-grid{gap:37px}.workflow-grid{grid-template-columns:1fr;gap:30px}.workflow-grid h3{margin-top:12px;font-size:21px}.workflow-grid p{font-size:13px}.workflow .section-heading>.text-link{display:none}.closing-cta{padding:44px 20px}.closing-cta h2{font-size:44px}.closing-cta>p{font-size:10px}.marketing-footer{flex-wrap:wrap;gap:12px;padding-block:28px}.marketing-footer>span{display:none}.simple-page h1{font-size:48px}.app-header{min-height:67px;padding-inline:17px}.app-header .brand{font-size:23px}.header-divider{display:none}.workspace-select{max-width:122px;font-size:12px}.app-header-right .button{padding-inline:8px;font-size:11px}.app-main{padding-top:28px}.app-main,.review-intro,.review-main{width:calc(100% - 32px)}.workspace-title{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:24px}.workspace-title h1{font-size:34px}.workspace-title>.button{width:100%}.toolbar{flex-direction:column;align-items:stretch;gap:13px}.toolbar>.toolbar-actions,.toolbar .search-field,.search-field input{width:100%}.board-grid{grid-template-columns:1fr;gap:20px}.board-card-image{aspect-ratio:1.7}.subsection-heading{flex-direction:column;align-items:flex-start;gap:5px}.new-board-card{min-height:210px}.review-topbar{gap:8px;min-height:65px;padding-inline:15px}.review-topbar .brand{font-size:23px}.review-top-actions{gap:3px}.review-top-actions .button{gap:5px;padding:9px;font-size:11px}.review-top-actions .icon-button{width:44px}.review-intro{padding-block:25px 23px}.review-intro h1{margin-top:13px;font-size:31px}.review-intro-description{font-size:13px}.review-meta{flex-wrap:wrap;gap:10px;font-size:10px}.review-toolbar{flex-wrap:wrap;align-items:flex-start;gap:14px}.review-filter{gap:7px}.review-filter .tab{padding-inline:10px;font-size:11px}.review-toolbar .search-field{max-width:143px;min-height:44px}.review-toolbar .search-field input{width:82px;font-size:11px}.review-toolbar .toolbar-actions>.icon-button{width:44px;height:44px}.asset-count{font-size:10px}.asset-grid{gap:23px 12px}.asset-visual{aspect-ratio:.87;border-radius:8px}.asset-info h2{font-size:10px}.asset-info p,.asset-version{font-size:9px}.asset-select{top:1px;inset-inline-end:1px}.asset-select>span{width:25px;height:25px}.asset-index{top:11px;font-size:8px;inset-inline-start:10px}.asset-zoom{bottom:10px;width:24px;height:24px;inset-inline-end:10px}.asset-list .asset-card{grid-template-columns:115px 1fr;gap:15px}.asset-list .asset-info h2{font-size:12px}.asset-list .asset-visual{aspect-ratio:1.3}.selection-tray{bottom:max(12px, env(safe-area-inset-bottom));border-radius:10px;flex-wrap:wrap;gap:9px;width:calc(100% - 24px);padding:11px 10px}.tray-count{width:29px;height:29px;font-size:12px}.tray-label strong{font-size:11px}.tray-label span{font-size:9px}.selection-tray .button{gap:5px;padding-inline:11px;font-size:11px}.selection-tray .button-ghost{padding-inline:7px}.tray-divider,.selection-tray .compare-tray-button span{display:none}.focus-modal .modal-header{padding:15px}.focus-modal .modal-header h2{font-size:12px}.focus-modal .modal-header p{font-size:10px}.focus-stage{height:60vh;padding:24px 35px}.focus-nav{background:var(--lightningcss-light,#ffffffde)var(--lightningcss-dark,#252b23f5);width:44px;height:44px}.focus-nav.prev{inset-inline-start:1px}.focus-nav.next{inset-inline-end:1px}.focus-footer{flex-wrap:wrap;padding:10px 12px;font-size:10px}.focus-footer input{max-width:85px}.compare-grid{gap:10px}.compare-image{height:37vh}.compare-item>p{font-size:10px}.compare-item .button{padding-inline:10px;font-size:11px}.modal{padding:20px}.focus-modal{padding:0}.modal-header h2{font-size:22px}.mode-options{gap:6px}.mode-option{padding-inline:5px;font-size:11px}.mode-option small{font-size:9px}.centered-state h1{font-size:31px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.preview-tile:hover img,.example-image:hover img,.asset-open:hover img,.board-card:hover{transform:none}}@media (max-width:540px){.review-topbar{flex-wrap:wrap;padding-block:8px}.review-breadcrumb{gap:8px;min-width:0}.review-breadcrumb .text-link{font-size:11px}.review-top-actions{flex-wrap:wrap;max-width:100%;margin-inline-start:auto}}.app-header:has([data-workspace-switcher]) .app-header-left{min-width:0}@media (max-width:620px){.app-header:has([data-workspace-switcher]){grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-block:12px;display:grid}.app-header:has([data-workspace-switcher]) .app-header-left{display:contents}.app-header:has([data-workspace-switcher]) .brand{grid-area:1/1}:is(.app-header:has([data-workspace-switcher]) .app-header-right,.app-header:has([data-workspace-switcher])>.text-link){grid-area:1/2}.app-header [data-workspace-control]{grid-area:2/1/auto/-1}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--preferences-space:76px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}body{padding-block-end:calc(var(--preferences-space) + env(safe-area-inset-bottom,0px))}.hero>*{min-width:0}.hero h1 em{white-space:normal}button,select{color:inherit}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}select option{background:var(--surface);color:var(--ink)}::selection{color:var(--accent-ink)}.button-primary,.icon-button.active,.tab.active,.skip-link{color:var(--on-ink)}.button-lime{color:var(--accent-ink)}.button-primary:hover{background:var(--primary-hover)}.button-danger{color:var(--on-danger)}.focus-modal.dark,.compare-modal.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.focus-modal.light,.compare-modal.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.focus-modal,.compare-modal{color:var(--ink)}.focus-modal.dark .button-primary{color:var(--accent-ink)}.search-field{border-color:var(--control-line);min-height:44px}.field input,.field textarea,.field select{border-color:var(--control-line)}.asset-select>span{color:var(--lightningcss-light,#29361c)var(--lightningcss-dark,#d6decc)}.asset-select[aria-pressed=true]>span{color:var(--accent-ink)}.preview-bottom a{min-height:44px;margin-block:-14px}.focus-footer input{min-height:44px}.preferences-dock{z-index:15;border:1px solid var(--line);background:var(--surface);max-width:calc(100% - 32px);color:var(--ink);border-radius:12px;align-items:center;gap:6px;padding:5px;display:flex;position:fixed;inset-block-end:max(12px, env(safe-area-inset-bottom,0px));inset-inline-end:max(20px, env(safe-area-inset-right,0px));box-shadow:0 3px 18px var(--lightningcss-light,#18201712)var(--lightningcss-dark,#00000045)}.preferences-dock label{background:var(--paper);border-radius:7px;align-items:center;gap:6px;min-width:0;padding-inline-start:9px;display:flex}.preferences-dock label:focus-within{outline:3px solid var(--focus);outline-offset:2px}.preferences-dock label>svg{color:var(--muted);pointer-events:none;flex:0 0 15px}.preference-select{min-width:44px;max-width:160px;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:7px;padding-block:9px;padding-inline:2px 7px;font-size:12px;font-weight:500}.preference-select:focus-visible{outline:none}.preference-help{flex:0 0 44px}.preference-error{max-width:180px;color:var(--danger);font-size:12px}.selection-tray{bottom:calc(var(--preferences-space) + max(12px, env(safe-area-inset-bottom,0px)))}.preferences-dock .sr-only,.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{font-family:var(--font-geist-sans), "Segoe UI", "Noto Sans Arabic", "Noto Sans CJK SC", "Noto Sans CJK JP", "Noto Sans CJK KR", "Microsoft YaHei", "PingFang SC", "Yu Gothic", "Malgun Gothic", Arial, sans-serif}:lang(ar){font-family:Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif}:lang(ar) :is(h1,h2,h3,.eyebrow,.brand,.handwritten,em){letter-spacing:normal}:lang(ar) :is(em,.handwritten,.feedback-avatar){font-family:Noto Naskh Arabic,Traditional Arabic,Tahoma,serif;font-style:normal}:lang(ar) :is(.hero h1,.simple-page h1,.closing-cta h2){line-height:1.32}:lang(ar) .hero h1 em{white-space:normal}:lang(zh),:lang(ja),:lang(ko){line-break:strict}:lang(zh) :is(h1,h2,h3,.eyebrow),:lang(ja) :is(h1,h2,h3,.eyebrow),:lang(ko) :is(h1,h2,h3,.eyebrow){letter-spacing:normal}:lang(zh) em,:lang(ja) em,:lang(ko) em{white-space:normal;font-family:Noto Serif CJK SC,Noto Serif CJK JP,Noto Serif CJK KR,Georgia,serif;font-style:normal}[dir=rtl] :is(.lucide-arrow-right,.lucide-arrow-up-right,.lucide-arrow-left,.lucide-log-out),[dir=rtl] .focus-nav :is(.lucide-chevron-left,.lucide-chevron-right){scale:-1 1}[dir=rtl] .preferences-dock{inset-inline-end:max(20px, env(safe-area-inset-left,0px))}[dir=rtl] :is(.asset-info h2,.result-row>span,.share-url){unicode-bidi:plaintext}.field input[readonly]{text-align:start;direction:ltr}@media (max-width:540px){.preferences-dock{justify-content:space-between;max-width:none;inset-inline:12px}[dir=rtl] .preferences-dock{inset-inline:12px}.preferences-dock label{flex:1 1 0}.preference-select{width:100%;min-width:0;max-width:none}.review-top-actions{min-width:0}.review-top-actions .button{white-space:normal;text-align:center}.selection-tray{gap:9px}.tray-label{flex:100px;min-width:0}.selection-tray .button{white-space:normal}.field-row{gap:12px}.field-row>*,.mode-options>*{min-width:0}.mode-option :is(strong,small){overflow-wrap:anywhere}.review-meta,.review-filter{flex-wrap:wrap}:lang(ar) .hero h1{font-size:clamp(40px,11.5vw,60px)}}