/*! tailwindcss v4.2.1 | 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-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--spacing:.25rem;--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,ui-sans-serif, system-ui, 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{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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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))}}:root{--canvas:#f1efe8;--surface:#f8f7f2;--ink:#181815;--muted:#73716a;--rule:#d5d1c7;--paper:#fbfaf6;--type-display:clamp(24px, 3vw, 32px);--type-document:clamp(26px, 3.2vw, 34px);--type-micro:8px;--type-label:9px;--type-support:10px;--logo-tone-one:#8e8b82;--logo-tone-two:#181815;--logo-tone-three:#504f49;--on-ink:#fff}*{box-sizing:border-box}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html{background:var(--canvas);color:var(--ink)}body{background:var(--canvas);min-width:320px;color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.micro-icon{background:currentColor;flex:0 0 10px;width:10px;height:10px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.micro-icon-ai{-webkit-mask-image:url(/icons/ai-scanner.svg);mask-image:url(/icons/ai-scanner.svg)}.micro-icon-check{flex-basis:8px;width:8px;height:8px;-webkit-mask-image:url(/icons/validation-check.svg);mask-image:url(/icons/validation-check.svg)}.micro-icon-check-circle{flex-basis:16px;width:16px;height:16px;-webkit-mask-image:url(/icons/validation-check-circle.svg);mask-image:url(/icons/validation-check-circle.svg)}.micro-icon-colour{-webkit-mask-image:url(/icons/colour-picker.svg);mask-image:url(/icons/colour-picker.svg)}.micro-icon-delete{-webkit-mask-image:url(/icons/delete.svg);mask-image:url(/icons/delete.svg)}.micro-icon-download{-webkit-mask-image:url(/icons/download-file.svg);mask-image:url(/icons/download-file.svg)}.micro-icon-duplicate{-webkit-mask-image:url(/icons/duplicate.svg);mask-image:url(/icons/duplicate.svg)}.micro-icon-folder-download{-webkit-mask-image:url(/icons/folder-download.svg);mask-image:url(/icons/folder-download.svg)}.micro-icon-image{-webkit-mask-image:url(/icons/image.svg);mask-image:url(/icons/image.svg)}.micro-icon-lock{-webkit-mask-image:url(/icons/lock.svg);mask-image:url(/icons/lock.svg)}.micro-icon-plus{-webkit-mask-image:url(/icons/plus.svg);mask-image:url(/icons/plus.svg)}.micro-icon-prompt{-webkit-mask-image:url(/icons/ai-edit-spark.svg);mask-image:url(/icons/ai-edit-spark.svg)}.micro-icon-redo{-webkit-mask-image:url(/icons/redo.svg);mask-image:url(/icons/redo.svg)}.micro-icon-share{-webkit-mask-image:url(/icons/share.svg);mask-image:url(/icons/share.svg)}.micro-icon-undo{-webkit-mask-image:url(/icons/undo.svg);mask-image:url(/icons/undo.svg)}.micro-icon-unlock{-webkit-mask-image:url(/icons/unlock.svg);mask-image:url(/icons/unlock.svg)}.with-micro-icon{justify-content:center;align-items:center;gap:6px;display:inline-flex!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #181815}button:disabled{cursor:not-allowed;opacity:.35}.studio{--surround:#ebe8df;background:var(--surround);flex-direction:column;min-height:100dvh;transition:background .16s;display:flex}.mobile-desktop-notice{display:none}.surround-mid{--surround:#aaa8a1}.surround-dark{--surround:#383936}.app-header{z-index:20;border-bottom:1px solid var(--rule);background:#f8f7f2f7;grid-template-columns:minmax(235px,1fr) auto minmax(225px,1fr);grid-template-areas:"brand tabs account""tools tabs account";min-height:80px;display:grid;position:relative}.brand-block{grid-area:brand;align-items:center;gap:18px;padding:12px 18px 4px 22px;display:flex}.wordmark{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:9px;font-size:16px;font-weight:640;text-decoration:none;display:inline-flex}.logo-mark{flex:none;width:15px;height:13.3px;display:block;transform:translateY(-.5px)}.logo-mark-tone-one{fill:var(--logo-tone-one)}.logo-mark-tone-two{fill:var(--logo-tone-two)}.logo-mark-tone-three{fill:var(--logo-tone-three)}.logo-mark path,.logo-mark polygon{transition:fill .16s}.palette-title{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:inline-flex}.palette-title i{background:#817f77;border-radius:50%;width:4px;height:4px}.palette-title input{width:clamp(110px,14vw,220px);color:var(--muted);background:0 0;border:0;border-bottom:1px dotted #0000;padding:2px 1px 3px;font-size:11px;transition:border-color .12s,color .12s}.palette-title:hover input,.palette-title input:focus{border-bottom-color:var(--muted);color:var(--ink);outline:0}.header-tools{grid-area:tools;align-items:center;gap:2px;padding:0 18px 8px;display:flex}.tool-button,.icon-button{color:#504f49;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:0;height:25px;font-size:10px}.tool-button{padding:0 6px}.icon-button{width:28px;font-size:16px}.view-tabs{grid-area:tabs;align-self:stretch;display:flex}.view-tabs button{border:0;border-left:1px solid var(--rule);color:#5e5c56;cursor:pointer;background:0 0;min-width:83px;padding:15px 13px 11px;font-size:11px;position:relative}.view-tabs button:last-child{border-right:1px solid var(--rule)}.view-tabs button span{color:#99968d;font:8px var(--font-geist-mono), monospace;margin-bottom:6px;display:block}.view-tabs button:after{background:var(--ink);content:"";height:2px;transition:transform .14s;position:absolute;bottom:0;left:12px;right:12px;transform:scaleX(0)}.view-tabs button.active{color:var(--ink);font-weight:610}.view-tabs button.active:after{transform:scaleX(1)}.account-tools{grid-area:account;justify-content:flex-end;align-items:center;gap:13px;padding:0 20px;display:flex}.account-tools a{color:var(--muted);font-size:11px;text-decoration:none}.save-button{border:1px solid var(--ink);background:var(--ink);height:34px;color:var(--on-ink);cursor:pointer;border-radius:2px;padding:0 17px;font-size:11px}.account-avatar{opacity:.8;background:0 0;border:0;align-self:center;place-items:center;width:34px;height:34px;display:grid;color:var(--ink)!important;font-size:0!important}.account-avatar:before{content:"";background:currentColor;width:13px;height:13px;transform:translateY(5px);-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADHklEQVR4Ae3BT2jVdQAA8M/v936Uh1Hv8A6DBA07LFg0xNDgHWYYDB1LyYPQ+gMRCXnQQ9CgkKgwKGhFhLICqQ0WCZPKWiRiZKQZkeJhB1cLRr1iwQ47DHlIhwXu629/3vu+Z73DPh9r/meJ5spQxi50omRBBRM4hXOoapJE8/TjMO6xsqt4GcOaING4NnyE3epzEo9jTgMKGtOGb9Gtfh3YiRFcE6kgXoYxlMVrx2Z8jOsiZOIdQI+8WbyNUUxY0IF+PIeiUA8OYFCEgjhFjGGd0AQexKeYccMMzmAEO1ES2oIhzKtTKs5eFIUq2I5py5vGdswIlbBXhFScXnkDqFhdBc/L6xUhFadLaB6jancC80JdIqTibBCaxLzazWFS6C4RUs0xp35zQpkIqTh/C21Sv01Cf4qQijMlVMIWtduGktC0CKk44/JeUbvD8sZFSMUZldeDI1Z3BD3yRkUoiPMX7kWnUBkd+A5zQu0Ywn55IzgqQiLeRlxESV4V5zBlwUaUkcmbwQOYEiHRmG58jUycKh7GWZEKGjOFi9iN29RnFo/gjAYUNO4qxnAfNqrNN9iDHzQo0Vy92IddKArN4hSGMa5JErfOepQsmMG0NWtaT6I5MnSiG1vRjnass2AeFVRwAWdxBVUNSjSmE8+iH0X1mcUwjuGKSIk42/AGyprjLAZwXp0S9SniCPZrvirexwBm1ShRu20YQ7va/WbBBrWrYA/Oq0GiNk9hCJnlXcDnOIcfMSfUhi0ooxdbLa+KZ3DcKhKrO4i3LK2KEQziZ/XpwkE8hszSDmHQCgpW1o9jlnYBj+I9VNSvgpP4EvdjvbweTOKyZRQsbwc+QSrvNTyBaY37HcdxO8ry+vA9frGEgqUV8RWKQlU8iUFc1zzXcRqT6EPqhhQPYQjX3KRgaW9ih7yn8aFb5zL+QJ/QHbgTX7hJQV4XPpD3Et5x6/2EBN1Cm/EZKhZJ5b0o7xJe9995FZeEMrzgJonQevyKTGuq4m5M+1cqdACZ1pVhv0VSoQ6tr8siqdBpre+0RTKhoyhiH9q0llmcwLvWtJB/AKaxqCquqAiIAAAAAElFTkSuQmCC) 50%/contain no-repeat;mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADHklEQVR4Ae3BT2jVdQAA8M/v936Uh1Hv8A6DBA07LFg0xNDgHWYYDB1LyYPQ+gMRCXnQQ9CgkKgwKGhFhLICqQ0WCZPKWiRiZKQZkeJhB1cLRr1iwQ47DHlIhwXu629/3vu+Z73DPh9r/meJ5spQxi50omRBBRM4hXOoapJE8/TjMO6xsqt4GcOaING4NnyE3epzEo9jTgMKGtOGb9Gtfh3YiRFcE6kgXoYxlMVrx2Z8jOsiZOIdQI+8WbyNUUxY0IF+PIeiUA8OYFCEgjhFjGGd0AQexKeYccMMzmAEO1ES2oIhzKtTKs5eFIUq2I5py5vGdswIlbBXhFScXnkDqFhdBc/L6xUhFadLaB6jancC80JdIqTibBCaxLzazWFS6C4RUs0xp35zQpkIqTh/C21Sv01Cf4qQijMlVMIWtduGktC0CKk44/JeUbvD8sZFSMUZldeDI1Z3BD3yRkUoiPMX7kWnUBkd+A5zQu0Ywn55IzgqQiLeRlxESV4V5zBlwUaUkcmbwQOYEiHRmG58jUycKh7GWZEKGjOFi9iN29RnFo/gjAYUNO4qxnAfNqrNN9iDHzQo0Vy92IddKArN4hSGMa5JErfOepQsmMG0NWtaT6I5MnSiG1vRjnass2AeFVRwAWdxBVUNSjSmE8+iH0X1mcUwjuGKSIk42/AGyprjLAZwXp0S9SniCPZrvirexwBm1ShRu20YQ7va/WbBBrWrYA/Oq0GiNk9hCJnlXcDnOIcfMSfUhi0ooxdbLa+KZ3DcKhKrO4i3LK2KEQziZ/XpwkE8hszSDmHQCgpW1o9jlnYBj+I9VNSvgpP4EvdjvbweTOKyZRQsbwc+QSrvNTyBaY37HcdxO8ry+vA9frGEgqUV8RWKQlU8iUFc1zzXcRqT6EPqhhQPYQjX3KRgaW9ih7yn8aFb5zL+QJ/QHbgTX7hJQV4XPpD3Et5x6/2EBN1Cm/EZKhZJ5b0o7xJe9995FZeEMrzgJonQevyKTGuq4m5M+1cqdACZ1pVhv0VSoQ6tr8siqdBpre+0RTKhoyhiH9q0llmcwLvWtJB/AKaxqCquqAiIAAAAAElFTkSuQmCC) 50%/contain no-repeat}.account-avatar:hover{opacity:1}.workspace-toolbar{border-bottom:1px solid var(--rule);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;min-height:55px;padding:8px 22px;display:flex}.start-actions,.surround-control{align-items:center;gap:5px;display:flex;position:relative}.eyebrow{color:var(--muted);font:8px var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase}.start-actions>.eyebrow,.surround-control>.eyebrow{margin-right:9px}.start-actions button{border:1px solid var(--rule);background:var(--paper);cursor:pointer;white-space:nowrap;border-radius:2px;height:29px;padding:0 11px;font-size:10px}.workspace-toolbar:has(.prompt-entry.open) .start-actions{flex:1;min-width:0}.workspace-toolbar:has(.prompt-entry.open) .surround-control{display:none}.start-colour-trigger{z-index:2;transition:border-radius .16s;position:relative}.start-colour-trigger.open{border-radius:2px 0 0 2px}.start-colour-entry{z-index:1;border:0 solid var(--rule);background:var(--surface);opacity:0;pointer-events:none;border-left:0;border-radius:0 2px 2px 0;grid-template-columns:minmax(100px,1fr) 27px auto 20px;align-items:center;gap:0;width:0;height:29px;margin-left:-5px;padding:0;transition:width .19s cubic-bezier(.2,.75,.2,1),gap .19s,padding .19s,border-width .19s,opacity .12s,transform .19s cubic-bezier(.2,.75,.2,1);display:grid;position:relative;overflow:hidden;transform:translate(-8px)}.start-colour-entry.open{opacity:1;pointer-events:auto;border-width:1px 1px 1px 0;gap:7px;width:292px;padding:0 7px;overflow:visible;transform:translate(0)}.start-colour-entry label{grid-template-columns:30px 1fr;align-items:center;min-width:0;display:grid}.start-colour-entry label span{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.1em}.start-colour-entry input{border:0;border-bottom:1px solid var(--rule);min-width:0;height:25px;color:var(--ink);font:9px var(--font-geist-mono), monospace;background:0 0;padding:0 7px}.start-colour-entry>i{border:1px solid var(--rule);width:23px;height:23px}.start-colour-entry>button{white-space:nowrap;height:25px}.start-colour-entry .start-colour-close{background:0 0;border:0;width:20px;padding:0;font-size:16px}.start-colour-entry small{color:#8d3f33;background:#f7e8e2;border:1px solid #b98e84;padding:4px 7px;font-size:8px;position:absolute;top:32px;left:0}.prompt-trigger{gap:4px}.prompt-trigger sup{font:7px var(--font-geist-mono), monospace;position:relative;top:-3px}.prompt-trigger.open{border-radius:2px 0 0 2px}.prompt-entry{border:0 solid var(--rule);background:var(--surface);opacity:0;pointer-events:none;border-left:0;border-radius:0 2px 2px 0;grid-template-columns:minmax(230px,1fr) auto 20px;align-items:center;gap:0;width:0;height:29px;margin-left:-5px;padding:0;transition:width .19s cubic-bezier(.2,.75,.2,1),gap .19s,padding .19s,border-width .19s,opacity .12s,transform .19s cubic-bezier(.2,.75,.2,1);display:grid;position:relative;overflow:hidden;transform:translate(-8px)}.prompt-entry.open{opacity:1;pointer-events:auto;border-width:1px 1px 1px 0;gap:7px;width:min(540px,42vw);padding:0 7px;overflow:visible;transform:translate(0)}.prompt-entry label{grid-template-columns:48px minmax(0,1fr);align-items:center;min-width:0;display:grid}.prompt-entry label span{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.1em}.prompt-entry input{border:0;border-bottom:1px solid var(--rule);min-width:0;height:25px;color:var(--ink);background:0 0;padding:0 7px;font-size:9px}.prompt-entry>button{white-space:nowrap;height:25px}.prompt-entry .prompt-close{background:0 0;border:0;width:20px;padding:0;font-size:16px}.prompt-entry small{color:#8d3f33;background:#f7e8e2;border:1px solid #b98e84;padding:4px 7px;font-size:8px;position:absolute;top:32px;left:0}.segment-control{background:#e7e4dc;border:1px solid #c9c6bd;border-radius:3px;padding:2px;display:inline-flex}.segment-control button{cursor:pointer;color:#67655f;background:0 0;border:0;border-radius:2px;min-height:24px;padding:0 9px;font-size:9px}.segment-control button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #1c1b1814}.surround-custom-trigger{align-items:center;gap:5px;display:inline-flex}.surround-custom-trigger i{border:1px solid;border-radius:50%;width:9px;height:9px}.surround-popover{z-index:70;border:1px solid var(--ink);background:var(--surface);width:270px;padding:12px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 35px #14141229}.surround-colour-field{cursor:crosshair;touch-action:none;border:1px solid #aaa69c;height:150px;position:relative}.surround-field-marker{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px;position:absolute;box-shadow:0 0 0 1px #111}.surround-hue{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:38px;color:var(--muted);font:8px var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;grid-template-columns:42px 1fr;align-items:center;gap:10px;margin-top:9px;display:grid}.surround-hue input{width:100%;height:2px;accent-color:var(--ink)}.surround-hex{min-height:42px;color:var(--muted);font:8px var(--font-geist-mono), monospace;letter-spacing:.08em;grid-template-columns:42px 1fr 26px;align-items:center;gap:10px;display:grid}.surround-hex input{min-width:0;height:31px;color:var(--ink);font:10px var(--font-geist-mono), monospace;background:0 0;border:0}.surround-hex i{border:1px solid var(--rule);width:24px;height:24px}.first-hint{z-index:50;color:#f4f1e8;background:#222320;border:1px solid #292a27;border-radius:3px;align-items:center;gap:20px;padding:9px 10px 9px 15px;font-size:10px;display:flex;position:fixed;bottom:35px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0a0a082e}.first-hint button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:16px}kbd{font:9px var(--font-geist-mono), monospace;border:1px solid;border-radius:2px;padding:1px 5px}.reference-panel{border-bottom:1px solid var(--rule);background:#dedbd2;grid-template-columns:minmax(300px,.65fr) 1fr;max-height:390px;display:grid}.reference-panel.pinned{z-index:10;position:sticky;top:0}.reference-visual{background:#252622;min-height:270px;position:relative;overflow:hidden}.reference-visual img{object-fit:cover;cursor:crosshair;width:100%;height:100%;max-height:390px;display:block}.sample-point{cursor:pointer;border:2px solid #fff;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;box-shadow:0 0 0 1px #111,0 2px 5px #0000004d}.reference-controls{background:var(--surface);padding:23px;overflow:auto}.reference-heading{justify-content:space-between;align-items:flex-start;margin-bottom:17px;display:flex}.reference-heading strong{letter-spacing:-.04em;margin-top:5px;font-size:21px;font-weight:520;display:block}.reference-heading button,.replace-button{border:1px solid var(--rule);cursor:pointer;background:0 0;padding:6px 10px;font-size:9px}.candidate-grid{grid-template-columns:repeat(6,1fr);gap:4px;margin:15px 0;display:grid}.candidate-grid button{cursor:pointer;text-align:left;height:92px;font:9px var(--font-geist-mono), monospace;border:0;border-radius:2px;flex-direction:column;justify-content:space-between;padding:9px;display:flex}.candidate-grid b{align-self:flex-end;font-size:18px}.sample-list{gap:5px;margin-bottom:14px;display:flex}.sample-list button{border:1px solid var(--rule);cursor:pointer;font:8px var(--font-geist-mono), monospace;background:#fff;align-items:center;gap:6px;padding:5px 7px;display:flex}.sample-list i{width:12px;height:12px}.sample-list span{color:var(--muted)}.replace-button{background:var(--ink);color:var(--on-ink);margin-right:12px}.reference-controls p{color:var(--muted);font-size:9px;display:inline}.reopen-reference{border:1px solid var(--rule);background:var(--surface);cursor:pointer;align-self:flex-start;margin:7px 0 0 22px;padding:6px 10px;font-size:9px}.work-area{flex:1;grid-template-columns:minmax(0,1fr) 294px;gap:12px;min-height:590px;padding:18px;display:grid;position:relative}.main-canvas{background:var(--surface);border:1px solid #1818158c;min-width:0;min-height:540px}.palette-view{height:100%;min-height:610px;display:flex;overflow-x:auto}.swatch{cursor:pointer;border-right:1px solid #0f0f0d59;flex-direction:column;flex:150px;justify-content:space-between;min-width:136px;padding:13px;transition:flex .16s;display:flex;position:relative}.swatch.selected{outline:2px solid var(--paper);outline-offset:-5px;flex-grow:1.15}.swatch-top,.swatch-bottom,.swatch-actions,.swatch-centre{justify-content:space-between;align-items:center;display:flex}.swatch-top{font:8px var(--font-geist-mono), monospace;letter-spacing:.08em}.swatch button{color:inherit;cursor:pointer;background:0 0;border:0}.swatch-top button{font:8px var(--font-geist-mono), monospace}.swatch-centre{justify-content:center}.swatch-centre button{font:9px var(--font-geist-mono), monospace;opacity:.92;border:1px solid;border-radius:2px;padding:7px}.swatch-bottom{align-items:flex-end}.swatch-name-block{flex:1;min-width:0}.swatch-name-input{width:calc(100% - 8px);color:inherit;letter-spacing:-.03em;text-overflow:ellipsis;background:0 0;border:0;border-bottom:1px solid #0000;outline:0;margin:0 0 5px;padding:0 0 2px;font-size:17px;font-weight:530;display:block;overflow:hidden}.swatch-name-input:hover{border-bottom-color:currentColor}.swatch-name-input:focus{box-shadow:none;border-bottom-color:currentColor}.swatch-bottom span{font:7px var(--font-geist-mono), monospace;letter-spacing:.1em;display:block}.swatch-actions{gap:3px}.swatch-actions button{opacity:.86;place-items:center;width:18px;height:18px;padding:0;display:grid;background:0 0!important;border:0!important;border-radius:0!important}.swatch-actions .micro-icon{flex-basis:10px;width:10px;height:10px}.swatch-actions .micro-icon-delete{background:0 0;flex-basis:15px;width:15px;height:15px;position:relative;-webkit-mask-image:none;mask-image:none}.swatch-actions .micro-icon-delete:before,.swatch-actions .micro-icon-delete:after{content:"";background:currentColor;width:13px;height:1px;position:absolute;top:7px;left:1px}.swatch-actions .micro-icon-delete:before{transform:rotate(45deg)}.swatch-actions .micro-icon-delete:after{transform:rotate(-45deg)}.swatch-actions button:hover{opacity:1}.swatch-actions>span{cursor:grab;font-size:16px}.add-swatch{cursor:pointer;color:var(--muted);font:8px var(--font-geist-mono), monospace;writing-mode:vertical-rl;background:repeating-linear-gradient(-45deg,#504e480a 0 1px,#0000 1px 7px);border:0;flex:0 0 54px}.add-swatch .micro-icon{margin-bottom:10px}.add-swatch>span:not(.micro-icon){font-size:8px}.inspector{background:var(--surface);border:1px solid #1818158c;min-width:0;padding:17px;overflow:auto}.inspector-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;padding-bottom:15px;display:flex}.inspector-header strong{margin-top:5px;font-size:12px;font-weight:540;display:block}.inspector-header button{cursor:pointer;background:0 0;border:0;font-size:18px}.colour-field{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #aaa69c;height:152px;margin:16px 0;position:relative}.colour-field:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.colour-field span{pointer-events:none;will-change:left, bottom;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px;position:absolute;box-shadow:0 0 0 1px #111}.field-label{border-top:1px solid var(--rule);grid-template-columns:74px 1fr auto;align-items:center;min-height:39px;display:grid}.field-label>span,.slider-field span{color:#67655f;font-size:9px}.field-label input,.field-label select{width:100%;min-width:0;height:31px;font:10px var(--font-geist-mono), monospace;background:0 0;border:0}.field-label .native-picker{width:27px;padding:0}.slider-field{border-top:1px solid var(--rule);padding:9px 0 7px;display:block}.slider-field span{justify-content:space-between;display:flex}.slider-field b{color:var(--ink);font:9px var(--font-geist-mono), monospace}.slider-field input{width:100%;height:2px;accent-color:var(--ink);margin:11px 0 0}.lock-toggle{border:1px solid var(--rule);cursor:pointer;background:0 0;align-items:center;width:100%;min-height:37px;margin-top:8px;padding:0 8px;font-size:9px;display:flex}.lock-toggle span{margin-right:8px}.lock-toggle kbd{margin-left:auto}.lock-toggle.active{background:#e5e2d9}.advanced-values{border-top:1px solid var(--rule);margin-top:12px}.advanced-values summary{cursor:pointer;justify-content:flex-start;padding:12px 0;font-size:9px;list-style:none;display:flex}.advanced-values dl{margin:0}.advanced-values dl div{font:8px var(--font-geist-mono), monospace;border-top:1px solid #e1ded5;grid-template-columns:78px 1fr;padding:5px 0;display:grid}.advanced-values dt{color:var(--muted)}.advanced-values dd{overflow-wrap:anywhere;margin:0}.advanced-values p{color:var(--muted);font-size:8px;line-height:1.5}.open-inspector{border:1px solid var(--rule);background:var(--surface);cursor:pointer;padding:8px 12px;font-size:9px;position:absolute;top:30px;right:28px}.tool-view{background:var(--surface);flex-direction:column;height:100%;min-height:610px;display:flex}.tool-intro{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:20px;padding:17px 22px 16px;display:flex}.tool-intro h1{letter-spacing:-.035em;margin:5px 0 3px;font-size:22px;font-weight:520}.tool-intro p{max-width:430px;color:var(--muted);margin:0;font-size:9px;line-height:1.45}.tool-controls{align-items:flex-end;gap:10px;display:flex}.intensity-control{flex-direction:column;flex:none;gap:6px;width:auto;max-width:none;display:flex}.intensity-control .segment-control{width:auto;display:flex}.intensity-control .segment-control button{min-width:64px;padding-inline:10px}.tool-controls label,.snapshot-control-stack label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:6px;font-size:8px;display:flex}.tool-controls select,.tool-controls input,.snapshot-control-stack select{border:1px solid var(--rule);background:var(--paper);min-height:30px;color:var(--ink);padding:0 9px;font-size:10px}.scale-grid{flex:1;max-width:100%;min-height:360px;display:flex;overflow-x:auto}.scale-grid article{flex-direction:column;flex:1;min-width:74px;display:flex;position:relative;overflow:hidden}.scale-grid .scale-step{z-index:2;pointer-events:none;width:fit-content;font:8px var(--font-geist-mono), monospace;margin:12px 9px;position:relative}.scale-grid button{color:inherit;cursor:pointer;font:8px var(--font-geist-mono), monospace}.scale-grid .scale-copy{z-index:1;text-align:left;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:0 10px 17px;display:flex;position:absolute;inset:0}.scale-grid .scale-copy code{font:inherit;letter-spacing:.015em}.scale-grid .scale-copy-hint{opacity:0;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:7px;transition:opacity .12s,transform .12s;transform:translateY(3px)}.scale-grid article:hover .scale-copy-hint,.scale-grid .scale-copy:focus-visible .scale-copy-hint,.scale-grid .scale-copy.copied .scale-copy-hint{opacity:.72;transform:translateY(0)}.scale-grid .scale-copy.copied .scale-copy-hint{visibility:hidden}.scale-grid .scale-copy:focus-visible{outline-offset:-5px;outline:2px solid}.scale-grid .scale-add{z-index:3;opacity:0;background:0 0;border:0;place-items:center;width:36px;height:36px;padding:0;transition:opacity .12s,transform .12s;display:grid;position:absolute;top:4px;right:3px;transform:translateY(-3px)}.scale-grid .scale-add:before{content:"";background:0 0;border-radius:50%;width:20px;height:20px;transition:background .12s;position:absolute}.scale-grid .scale-add span{z-index:1;width:10px;height:10px;font-size:0;position:relative}.scale-grid .scale-add span:before,.scale-grid .scale-add span:after{content:"";background:currentColor;width:9px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scale-grid .scale-add span:after{transform:translate(-50%,-50%)rotate(90deg)}.scale-grid article:hover .scale-add,.scale-grid article:focus-within .scale-add{opacity:1;transform:translateY(0)}.scale-grid .scale-add:hover:before,.scale-grid .scale-add:focus-visible:before{background:currentColor}@supports (color:color-mix(in lab, red, red)){.scale-grid .scale-add:hover:before,.scale-grid .scale-add:focus-visible:before{background:color-mix(in srgb, currentColor 12%, transparent)}}.scale-grid .scale-add:focus-visible{outline-offset:-5px;outline:2px solid}.scale-grid .scale-add:disabled{cursor:not-allowed;opacity:.48}@media (hover:none){.scale-grid .scale-add{opacity:1;transform:none}}.tool-footer{border-top:1px solid var(--rule);align-items:center;gap:7px;padding:14px 20px;display:flex}.tool-footer button{cursor:pointer;background:0 0;border:1px solid #bcb9b0;border-radius:2px;min-height:31px;padding:0 12px;font-size:9px}.tool-footer button.primary-action{background:var(--ink);color:var(--on-ink)}.tool-footer span{color:var(--muted);margin-left:auto;font-size:9px}.harmony-orbit{background:radial-gradient(circle,#0000 0 165px,#ddd9cf 166px 167px,#0000 168px),repeating-radial-gradient(circle,#0000 0 64px,#46443e14 65px 66px);flex:1;min-height:420px;position:relative;overflow:hidden}.harmony-orbit:before,.harmony-orbit:after{content:"";background:#46443e1c;position:absolute}.harmony-orbit:before{width:1px;height:100%;left:50%}.harmony-orbit:after{width:100%;height:1px;top:50%}.seed-disc,.suggestion{z-index:2;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:148px;height:148px;display:flex;position:absolute;box-shadow:0 7px 25px #1717141f}.seed-disc{top:50%;left:50%;transform:translate(-50%,-50%)}.suggestion{cursor:pointer;width:112px;height:112px;transition:transform .14s}.suggestion:hover{transform:scale(1.04)}.seed-disc span,.suggestion span{font:7px var(--font-geist-mono), monospace;letter-spacing:.12em}.seed-disc strong,.suggestion strong{margin:7px 0 4px;font-size:14px;font-weight:560}.seed-disc small,.suggestion small{font:8px var(--font-geist-mono), monospace}.suggestion.s1{top:12%;left:16%}.suggestion.s2{bottom:12%;right:16%}.suggestion.s3{top:10%;right:15%}.suggestion.s4{bottom:10%;left:15%}.gradient-preview{color:#fff;text-shadow:0 1px 14px #00000057;flex-direction:column;flex:1;justify-content:flex-end;min-height:300px;padding:28px;display:flex}.gradient-preview span{font:8px var(--font-geist-mono), monospace;letter-spacing:.15em}.gradient-preview strong{margin-top:6px;font-size:20px;font-weight:520}.gradient-track{border-top:3px solid #2d2e2a;height:68px;margin:28px 48px 16px;position:relative}.gradient-stop{align-items:center;gap:4px;display:flex;position:absolute;top:-10px;transform:translate(-50%)}.gradient-stop input[type=color]{background:#fff;border:1px solid #222;width:20px;height:20px;padding:1px}.gradient-stop .stop-position{width:76px;position:absolute;top:23px;left:-28px}.gradient-stop span{font:7px var(--font-geist-mono), monospace;position:absolute;top:45px}.gradient-stop button{background:0 0;border:0}.stop-list{grid-template-columns:repeat(3,1fr);gap:6px;padding:0 28px 22px;display:grid}.stop-list label{border:1px solid var(--rule);font:8px var(--font-geist-mono), monospace;grid-template-columns:auto 1fr 45px;align-items:center;gap:7px;padding:6px;display:grid}.stop-list select,.stop-list input{background:0 0;border:0;min-width:0;height:25px;font-size:8px}.snapshot-controls{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-end;padding:19px 25px;display:flex}.snapshot-title-input,.snapshot-project-input{background:0 0;border:0;width:min(430px,80vw);display:block}.snapshot-title-input{letter-spacing:-.04em;margin-top:4px;font-size:24px;font-weight:470}.snapshot-project-input{color:var(--muted);margin-top:5px;font-size:10px}.snapshot-control-stack{align-items:flex-end;gap:9px;display:flex}.snapshot-tool-controls{align-items:flex-end}.snapshot-tool-controls>label:first-child input{width:155px}.snapshot-sheet{background:#f8f5ec;border:1px solid #bdb9ae;margin:25px;padding:24px;box-shadow:0 9px 30px #201f1b14}.snapshot-inclusions{border-bottom:1px solid var(--rule);align-items:center;gap:16px;padding:0 24px 18px;display:flex}.snapshot-inclusions>span{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.12em;margin-right:4px}.snapshot-inclusions label{color:var(--muted);align-items:center;gap:6px;font-size:8px;display:inline-flex}.snapshot-inclusions label:first-of-type{color:var(--ink)}.snapshot-inclusions input{width:13px;height:13px;accent-color:var(--ink)}.derived-sections-snapshot{margin:0 25px 25px}.derived-section{border:1px solid var(--rule);background:var(--surface)}.derived-section+.derived-section{margin-top:16px}.derived-section>header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;padding:14px 16px;display:flex}.derived-section>header span{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.1em}.derived-section>header strong{font-size:10px;font-weight:520}.derived-scale-list{padding:12px 16px 16px}.derived-scale-list article+article{margin-top:9px}.derived-scale-meta{justify-content:space-between;margin-bottom:4px;display:flex}.derived-scale-meta strong{font-size:8px;font-weight:520}.derived-scale-meta span{color:var(--muted);font:6px var(--font-geist-mono), monospace;text-transform:uppercase}.derived-scale-strip{min-height:34px;display:flex}.derived-scale-strip i{flex:1;align-items:flex-end;min-width:22px;padding:4px;font-style:normal;display:flex}.derived-scale-strip span{font:5px var(--font-geist-mono), monospace}.derived-gradient-list{padding:8px 0}.derived-gradient-list article+article{border-top:1px solid var(--rule)}.derived-gradient-heading{justify-content:space-between;padding:12px 16px 0;display:flex}.derived-gradient-heading strong{font-size:9px;font-weight:520}.derived-gradient-heading span{color:var(--muted);font:7px var(--font-geist-mono), monospace}.derived-gradient-preview{border:1px solid #18181540;height:110px;margin:9px 16px}.derived-gradient-meta{color:var(--muted);font:7px var(--font-geist-mono), monospace;gap:12px;padding:0 16px 12px;display:flex}.derived-gradient-meta code{font:inherit}.derived-sections-share{margin:34px 0}.derived-sections-share .derived-section{background:0 0}.sheet-header,.sheet-footer,.proportion-heading{font:7px var(--font-geist-mono), monospace;letter-spacing:.12em;justify-content:space-between;display:flex}.sheet-header{border-bottom:1px solid #c9c5bb;padding-bottom:15px}.snapshot-document-title{padding:21px 0 4px}.snapshot-document-title span{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.12em}.snapshot-document-title h1{font-size:var(--type-document);letter-spacing:-.045em;margin:7px 0 2px;font-weight:470;line-height:1.04}.snapshot-document-title p{color:var(--muted);margin:7px 0 0;font-size:9px}.snapshot-print-note{display:none}.snapshot-swatches{gap:5px;padding:18px 0;display:flex}.snapshot-swatches article{flex:1;min-width:0}.snapshot-swatches article>div{height:112px}.snapshot-swatches span,.snapshot-swatches strong,.snapshot-swatches code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.snapshot-swatches span{color:var(--muted);font:6px var(--font-geist-mono), monospace;margin-top:7px}.snapshot-swatches strong{margin-top:3px;font-size:9px;font-weight:520}.snapshot-swatches code{color:var(--muted);font:7px var(--font-geist-mono), monospace;margin-top:3px}.proportion-wrap{margin-bottom:18px}.proportion-strip{height:42px;margin-top:7px;display:flex;overflow:hidden}.proportion-strip button{cursor:ew-resize;min-width:28px;font:7px var(--font-geist-mono), monospace;border:0}.weight-inputs{flex-wrap:wrap;gap:5px 13px;margin-top:8px;display:flex}.weight-inputs label{color:var(--muted);align-items:center;gap:4px;font-size:7px;display:flex}.weight-inputs i{width:7px;height:7px}.weight-inputs input{width:31px;font:7px var(--font-geist-mono), monospace;background:0 0;border:0;border-bottom:1px solid #bbb8af}.context-preview{border:1px solid #bdb9ae;min-height:315px;position:relative;overflow:hidden}.interface-preview{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 170px;padding:22px;display:grid}.interface-preview nav{grid-column:1/-1;justify-content:space-between;font-size:8px;display:flex}.interface-preview>div{align-self:start;padding-top:34px}.interface-preview>div span,.interface-preview aside span{font:7px var(--font-geist-mono), monospace}.interface-preview h2{letter-spacing:-.04em;margin:10px 0 12px;font-size:28px;line-height:1.08}.interface-preview p{max-width:390px;margin:0;font-size:10px;line-height:1.5}.interface-actions{gap:8px;margin-top:15px;display:flex}.interface-preview button{background:0 0;border:1px solid #0000;padding:8px 11px;font-size:8px}.interface-preview aside{align-self:end;padding:15px}.interface-preview aside strong{margin-top:13px;font-size:10px;display:block}.colour-story-preview{grid-template-columns:42% 1fr;display:grid}.colour-story-preview>div:first-child{flex-direction:column;justify-content:space-between;padding:24px;display:flex}.colour-story-preview span{font:7px var(--font-geist-mono), monospace}.colour-story-preview h2{letter-spacing:-.04em;margin:0;font-size:30px}.story-bars{display:flex}.story-bars>span{flex:1;align-items:flex-end;padding:11px;display:flex}.story-bars b{writing-mode:vertical-rl;font-size:9px}.story-bars small{margin-top:7px;font-weight:400;display:block}.contrast-row{grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:18px 0;display:grid}.pair-sample{place-items:center;width:60px;height:60px;margin-top:7px;font-size:23px;display:grid}.contrast-details{flex-direction:column;justify-content:center;align-self:end;min-height:60px;display:flex}.contrast-row strong,.contrast-row code,.contrast-row span{display:block}.contrast-row strong{font-size:10px}.contrast-row code{font:9px var(--font-geist-mono), monospace;margin:5px 0}.contrast-row .pass{color:#3f6349;align-items:center;gap:6px;display:flex}.contrast-row .pass .micro-icon-check{flex-basis:8px;width:8px;height:8px}.contrast-row .fail{color:#9b523e}.contrast-row button{border:1px solid var(--ink);background:0 0;padding:8px 10px;font-size:8px}.snapshot-sheet textarea{resize:vertical;background:0 0;border:1px solid #cac6bc;width:100%;min-height:50px;padding:10px;font-size:10px}.sheet-footer{padding-top:14px}.vision-protanopia{filter:url(#protanopia)saturate(.82)}.vision-deuteranopia{filter:hue-rotate(-18deg)saturate(.72)}.vision-tritanopia{filter:hue-rotate(27deg)saturate(.68)}.vision-greyscale{filter:grayscale()}.status-bar{border-top:1px solid var(--rule);background:var(--surface);color:#66645e;min-height:28px;font:7px var(--font-geist-mono), monospace;letter-spacing:.07em;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.status-bar span{color:#918e85;margin-right:16px}.status-bar button{cursor:pointer;background:0 0;border:0;font-weight:650}@media (width<=1100px){.app-header{grid-template-columns:1fr auto;grid-template-areas:"brand account""tabs tabs""tools tools"}.view-tabs{border-top:1px solid var(--rule);order:2;overflow-x:auto}.view-tabs button{flex:1;min-width:92px}.header-tools{border-top:1px solid var(--rule);padding:5px 18px}.workspace-toolbar{align-items:flex-start}.start-actions{flex-wrap:wrap}.work-area{grid-template-columns:minmax(0,1fr) 265px}.palette-view{min-height:560px}.tool-controls{flex-direction:column;align-items:flex-end}}@media (width<=760px){.app-header{grid-template-columns:1fr auto;position:sticky;top:0}.brand-block{padding:13px 12px}.palette-title{display:none}.account-tools{gap:9px;padding:0 12px}.account-tools>a:not(.account-avatar){display:none}.save-button{height:30px}.account-avatar{width:30px;height:30px}.view-tabs{grid-column:1/-1}.view-tabs button{min-width:77px;padding:10px 7px 9px;font-size:9px}.view-tabs button span,.header-tools{display:none}.mobile-desktop-notice{z-index:15;border-bottom:1px solid var(--rule);background:var(--paper);min-height:48px;color:var(--ink);grid-template-columns:1fr 34px;align-items:center;gap:10px;padding:8px 10px 8px 12px;display:grid;position:relative}.mobile-desktop-notice p{margin:0;font-size:9px;line-height:1.35}.mobile-desktop-notice strong,.mobile-desktop-notice span{display:block}.mobile-desktop-notice strong{font:7px var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}.mobile-desktop-notice span{color:var(--muted)}.mobile-desktop-notice button{width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:18px}.workspace-toolbar{padding:7px 10px;overflow-x:auto}.start-actions{flex-wrap:nowrap}.start-actions>.eyebrow{display:none}.start-actions button{white-space:nowrap}.surround-control{display:none}.start-colour-trigger.open{border-radius:2px}.start-colour-entry{border:0 solid var(--ink);border-radius:2px;width:auto;height:0;margin:0;padding:0 9px;transition:height .18s,padding .18s,border-width .18s,opacity .13s,transform .18s;position:fixed;top:94px;left:10px;right:10px;transform:translateY(-7px)}.start-colour-entry.open{border-width:1px;width:auto;height:47px;padding:9px;transform:translateY(0)}.first-hint{display:none}.reference-panel{grid-template-columns:1fr;max-height:none}.reference-visual{min-height:230px}.reference-controls{padding:16px}.candidate-grid{grid-template-columns:repeat(3,1fr)}.candidate-grid button{height:72px}.work-area{min-height:0;padding:9px;display:block}.main-canvas{min-height:500px}.palette-view{background:var(--surround);gap:1px;min-height:0;padding:9px;transition:background .16s;display:grid}.swatch{border:0;min-width:0;min-height:138px;padding:12px}.swatch.selected{min-height:180px}.swatch-centre{justify-content:flex-start}.add-swatch{writing-mode:initial;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;display:flex}.add-swatch .micro-icon{margin:0}.inspector{z-index:40;border-radius:7px 7px 0 0;max-height:78dvh;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 35px #00000040}.colour-field{height:100px}.tool-view{min-height:520px}.tool-intro{padding:16px;display:block}.tool-intro h1{font-size:22px}.tool-controls{align-items:flex-start;margin-top:14px}.scale-grid{min-height:340px;overflow-x:auto}.scale-grid article{min-width:73px}.scale-grid .scale-add{width:42px;height:42px;top:0;right:-1px}.scale-grid .scale-add:focus-visible{outline-offset:-7px}.tool-footer{overflow-x:auto}.tool-footer button{flex:none}.tool-footer span{display:none}.harmony-orbit{min-height:470px}.suggestion.s1{left:4%}.suggestion.s2,.suggestion.s3{right:4%}.suggestion.s4{left:4%}.stop-list{grid-template-columns:1fr}.gradient-track{margin-inline:28px}.snapshot-controls{padding:16px;display:block}.snapshot-control-stack{flex-direction:column;align-items:flex-start;margin-top:15px}.snapshot-sheet{margin:10px;padding:13px}.snapshot-swatches{overflow-x:auto}.snapshot-swatches article{min-width:80px}.snapshot-swatches article>div{height:92px}.weight-inputs{display:none}.context-preview{min-height:280px}.interface-preview{grid-template-columns:1fr}.interface-preview aside{display:none}.colour-story-preview{grid-template-columns:1fr}.colour-story-preview>div:first-child{min-height:180px}.story-bars{min-height:130px}.contrast-row{grid-template-columns:auto 1fr}.contrast-row button{grid-column:1/-1}.status-bar{display:none}.snapshot-inclusions{flex-wrap:wrap;align-items:flex-start;gap:10px 14px;padding:14px}.snapshot-inclusions>span{width:100%}.derived-sections-snapshot{margin:0 10px 10px}.derived-section>header{flex-direction:column;align-items:flex-start;gap:5px}.derived-scale-strip{overflow-x:auto}.derived-scale-strip i{min-width:52px}.derived-scale-strip span{font-size:4.5px}.derived-gradient-preview{height:90px;margin:9px 12px}.derived-gradient-heading{padding:12px 12px 0}.derived-gradient-meta{flex-wrap:wrap;padding:0 12px 12px}.derived-sections-share{margin:26px 0}}@media print{.app-header,.workspace-toolbar,.first-hint,.inspector,.snapshot-controls,.tool-footer,.status-bar{display:none!important}.studio,.work-area,.main-canvas,.tool-view{background:#fff;border:0;min-height:0;padding:0;display:block}.snapshot-sheet{box-shadow:none;break-inside:avoid;border:0;margin:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.account-page,.settings-page,.shared-missing{background:var(--canvas);flex-direction:column;min-height:100dvh;padding:28px 34px;display:flex}.settings-page{padding:0 34px 60px}.account-wordmark{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:9px;font-weight:650;text-decoration:none;display:inline-flex}.account-wordmark .logo-mark{width:15px;height:13.3px}.account-page>section,.settings-page>section,.shared-missing>section{border:1px solid var(--rule);background:var(--surface);width:min(690px,100%);margin:auto;padding:48px}.account-page h1,.settings-page h1,.shared-missing h1{font-size:var(--type-display);letter-spacing:-.04em;margin:12px 0;font-weight:500;line-height:1.08}.account-page p{max-width:580px;color:var(--muted);font-size:12px;line-height:1.6}.account-primary{border:1px solid var(--ink);background:var(--ink);min-height:42px;color:var(--on-ink);border-radius:2px;align-items:center;margin-top:18px;padding:0 18px;font-size:11px;text-decoration:none;display:inline-flex}.account-primary[type=submit]{cursor:pointer}.account-page small{color:var(--muted);margin-top:22px;font-size:10px;display:block}.account-actions{align-items:center;gap:14px;display:flex}.account-actions a:not(.account-primary){color:var(--ink);margin-top:18px;font-size:11px}.account-page>footer{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.settings-page>header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;min-height:72px;display:flex}.settings-page header>a:last-child{color:var(--ink);font-size:11px}.settings-page dl{border-top:1px solid var(--rule);margin:35px 0}.settings-page dl div{border-bottom:1px solid var(--rule);grid-template-columns:180px 1fr;padding:15px 0;display:grid}.settings-page dt{color:var(--muted);font-size:10px}.settings-page dd{margin:0;font-size:11px}.auth-stack{margin-top:26px}.auth-mode-control{margin-bottom:18px}.password-auth-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.password-auth-form label{min-width:0;color:var(--muted);letter-spacing:.09em;text-transform:uppercase;flex-direction:column;gap:7px;font-size:8px;display:flex}.password-auth-form label:first-child:nth-last-of-type(3){grid-column:1/-1}.password-auth-form input{border:1px solid var(--rule);width:100%;min-width:0;height:42px;color:var(--ink);text-transform:none;background:#fff;padding:0 12px;font-size:11px}.password-auth-form>button{border:1px solid var(--ink);background:var(--ink);min-height:42px;color:var(--on-ink);cursor:pointer;grid-column:1/-1;font-size:10px}.google-button{border:1px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:44px;font-size:11px;display:flex}.google-button span{border:1px solid var(--rule);border-radius:50%;place-items:center;width:20px;height:20px;font-weight:700;display:grid}.auth-divider{color:var(--muted);align-items:center;gap:12px;margin:19px 0;font-size:9px;display:flex}.auth-divider:before,.auth-divider:after{background:var(--rule);content:"";flex:1;height:1px}.magic-link-form>label,.profile-form>label{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px;font-size:8px;display:block}.magic-link-form>div,.profile-form>div{display:flex}.magic-link-form input,.profile-form input{border:1px solid var(--rule);background:#fff;border-right:0;flex:1;min-width:0;height:42px;padding:0 12px;font-size:11px}.magic-link-form button,.profile-form button{border:1px solid var(--ink);background:var(--ink);min-height:42px;color:var(--on-ink);cursor:pointer;padding:0 14px;font-size:10px}.auth-notice{color:#625132;background:#f5ead1;border:1px solid #c5aa76;margin-top:24px;padding:15px;font-size:11px;line-height:1.55;display:flex}.auth-notice.success{color:#36503a;background:#e5eee2;border-color:#9bb29c;flex-direction:column;gap:4px}.auth-error{color:#8d3f33!important;margin:9px 0 0!important;font-size:10px!important}.profile-form{margin-top:30px}.profile-form>div{max-width:520px}.archive-page{background:var(--canvas);min-height:100dvh;padding:0 34px 45px}.archive-page>header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;min-height:72px;display:flex}.archive-page nav{gap:20px;display:flex}.archive-page nav a{color:var(--ink);font-size:10px;text-decoration:none}.archive-intro{justify-content:space-between;align-items:flex-end;padding:38px 0 30px;display:flex}.archive-intro h1{font-size:var(--type-display);letter-spacing:-.04em;margin:10px 0 7px;font-weight:500;line-height:1.08}.archive-intro p{color:var(--muted);margin:0;font-size:11px}.archive-controls{align-items:flex-end;gap:10px;display:flex}.archive-intro label{color:var(--muted);font-size:9px}.archive-intro label span{text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;display:block}.archive-intro input{border:1px solid var(--rule);background:var(--surface);width:270px;height:38px;color:var(--ink);padding:0 11px;font-size:11px}.archive-view-toggle{border:1px solid var(--rule);background:#e8e5dd;border-radius:3px;height:38px;padding:3px;display:flex}.archive-view-toggle button{min-width:80px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:2px;padding:0 10px;font-size:9px}.archive-view-toggle button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #1c1b1814}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.archive-grid article{background:var(--surface);border:1px solid #c5c1b7}.archive-thumbnail{height:220px;display:flex}.archive-thumbnail i{min-width:5px}.archive-card-head{justify-content:space-between;padding:15px;display:flex}.archive-card-head span{color:var(--muted);font:7px var(--font-geist-mono), monospace}.archive-card-head h2{letter-spacing:-.04em;margin:5px 0 3px;font-size:18px;font-weight:520}.archive-card-head p{color:var(--muted);margin:0;font-size:9px}.archive-card-head code{color:var(--muted);font:7px var(--font-geist-mono), monospace}.archive-actions{flex-wrap:wrap;gap:5px;padding:0 15px 15px;display:flex}.archive-actions button,.archive-actions select{border:1px solid var(--rule);cursor:pointer;background:0 0;min-height:28px;padding:0 8px;font-size:8px}.archive-actions .delete{color:#8d3f33;margin-left:auto}.archive-state{min-height:360px;color:var(--muted);text-align:center;border:1px dashed #aaa79e;place-items:center;display:grid}.archive-state strong{color:var(--ink);font-size:20px}.archive-state a{color:var(--ink)}.shared-links-archive{border:1px solid var(--rule);background:var(--surface)}.shared-links-table-head,.shared-link-row{grid-template-columns:minmax(220px,1.5fr) minmax(130px,.8fr) 90px minmax(250px,auto);align-items:center;gap:16px;display:grid}.shared-links-table-head{border-bottom:1px solid var(--rule);min-height:34px;color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;padding:0 14px}.shared-links-archive>article{border-bottom:1px solid var(--rule)}.shared-links-archive>article:last-of-type{border-bottom:0}.shared-link-row{min-height:62px;padding:11px 14px}.shared-link-row>div{min-width:0}.shared-link-row strong,.shared-link-row a{display:block}.shared-link-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.shared-link-row a{width:fit-content;max-width:100%;color:var(--muted);font:8px var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;text-decoration:none;overflow:hidden}.shared-link-status,.shared-link-row time{color:var(--muted);font:8px var(--font-geist-mono), monospace;text-transform:uppercase}.shared-link-status:not(.disabled):before{content:"";vertical-align:1px;background:#4f7d55;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.shared-link-status.disabled{color:#8d3f33}.shared-link-row nav{justify-content:flex-end;gap:5px;display:flex}.shared-link-row button,.shared-link-editor button{border:1px solid var(--rule);min-height:27px;color:var(--ink);cursor:pointer;background:0 0;padding:0 8px;font-size:8px}.shared-link-row button:disabled,.shared-link-editor button:disabled{cursor:wait;opacity:.5}.shared-link-row button.delete{color:#8d3f33}.shared-links-archive article.editing{background:var(--paper)}.shared-link-editor{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:10px;padding:12px 14px 14px;display:grid}.shared-link-editor label{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase}.shared-link-editor input{border:1px solid var(--rule);background:var(--surface);width:100%;height:34px;color:var(--ink);letter-spacing:0;text-transform:none;margin-top:6px;padding:0 9px;font-size:9px;display:block}.shared-link-editor footer{gap:5px;display:flex}.shared-link-editor footer button:last-child{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.shared-link-editor .auth-error{grid-column:1/-1}.shared-links-error{padding:0 14px 12px}.shared-page{background:#f4f1e9;min-height:100dvh;padding:0 28px}.shared-page>header{border-bottom:1px solid #c8c4ba;justify-content:space-between;align-items:center;min-height:70px;display:flex}.shared-page>header>span{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.12em}.shared-title h1{font-size:var(--type-display);letter-spacing:-.04em;margin:10px 0;font-weight:500;line-height:1.08}.shared-title p{max-width:620px;color:var(--muted);font-size:11px;line-height:1.55}.shared-swatches{min-height:430px;display:flex}.shared-swatches article{border-right:1px solid #00000040;flex-direction:column;flex:1;justify-content:space-between;min-width:100px;padding:16px;display:flex}.shared-swatches span{font:7px var(--font-geist-mono), monospace}.shared-swatches h2{margin:0 0 6px;font-size:20px;font-weight:520}.shared-swatches code{font:9px var(--font-geist-mono), monospace}.shared-proportions{height:45px;margin:18px 0;display:flex}.shared-proportions i{min-width:4px}.shared-actions{gap:8px;padding:20px 0 45px;display:flex}.shared-actions a,.shared-actions button{border:1px solid var(--ink);min-height:36px;color:var(--ink);cursor:pointer;background:0 0;align-items:center;padding:0 12px;font-size:9px;text-decoration:none;display:inline-flex}.shared-actions a{background:var(--ink);color:var(--on-ink)}.shared-page>footer{color:var(--muted);font:8px var(--font-geist-mono), monospace;border-top:1px solid #c8c4ba;justify-content:space-between;padding:18px 0;display:flex}@media (width<=820px){.account-page,.settings-page,.shared-missing{padding:20px}.account-page>section,.settings-page>section,.shared-missing>section{margin:28px auto auto;padding:28px 22px}.account-page>footer{margin-top:18px}.account-page>footer span{display:none}.settings-page,.archive-page{padding:0 16px 30px}.archive-intro{padding:40px 0 25px;display:block}.archive-controls{flex-direction:column-reverse;align-items:stretch;margin-top:24px}.archive-intro label{display:block}.archive-intro input{width:100%}.archive-view-toggle button{flex:1}.archive-grid{grid-template-columns:1fr}.archive-thumbnail{height:180px}.shared-links-table-head{display:none}.shared-link-row{grid-template-columns:1fr auto;gap:8px 16px;padding:14px}.shared-link-row>div{grid-column:1/-1}.shared-link-row nav{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}.shared-link-editor{grid-template-columns:1fr}.shared-link-editor footer button{flex:1}.shared-page{padding:0 12px}.shared-title{padding:45px 0 25px}.shared-swatches{min-height:360px;overflow-x:auto}.shared-swatches article{min-width:145px}.shared-page>header>span{display:none}.shared-actions{flex-wrap:wrap}.professional-identity-header{padding:14px 2px;min-height:82px!important}.professional-identity-header address{max-width:45%}.professional-presentation .shared-title{padding-top:34px}.password-auth-form{grid-template-columns:1fr}.password-auth-form label,.password-auth-form label:first-child:nth-last-of-type(3),.password-auth-form>button{grid-column:1}.magic-link-form>div,.profile-form>div{display:block}.magic-link-form input,.profile-form input{border-right:1px solid var(--rule);width:100%}.magic-link-form button,.profile-form button{width:100%}}.account-icon-tools{align-items:center;gap:0;margin-left:-3px;display:flex}.account-icon-tools .account-avatar{flex:0 0 24px;width:24px;height:34px}.account-avatar:before{transform:translateY(4.5px);-webkit-mask-image:url(/icons/user.svg);mask-image:url(/icons/user.svg)}.appearance-toggle{width:24px;height:34px;color:var(--ink);cursor:pointer;opacity:.8;background:0 0;border:0;flex:0 0 24px;place-items:center;padding:0;display:grid}.appearance-toggle:hover{opacity:1}.appearance-icon{background:currentColor;width:13px;height:13px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.appearance-icon-moon{-webkit-mask-image:url(/icons/moon.svg);mask-image:url(/icons/moon.svg)}.appearance-icon-brightness{-webkit-mask-image:url(/icons/brightness.svg);mask-image:url(/icons/brightness.svg)}.share-button{border:1px solid var(--ink);height:34px;color:var(--ink);cursor:pointer;background:0 0;border-radius:2px;padding:0 13px;font-size:9px}.gradient-track-wrap{border-bottom:1px solid var(--rule);padding:28px 38px 26px}.gradient-library{border-bottom:1px solid var(--rule);grid-template-columns:minmax(150px,.8fr) minmax(180px,1.2fr) auto auto;align-items:end;gap:8px;padding:12px 22px;display:grid}.gradient-library label{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;gap:5px;display:grid}.gradient-library select,.gradient-library input,.gradient-library button{border:1px solid var(--rule);background:var(--paper);height:36px;color:var(--ink);font:9px var(--font-geist-sans), sans-serif}.gradient-library select,.gradient-library input{width:100%;padding:0 10px}.gradient-library button{padding:0 14px}.gradient-track-wrap p{color:var(--muted);margin:18px 0 0;font-size:8px;line-height:1.55}.gradient-track-wrap .gradient-track{border:1px solid var(--ink);touch-action:none;border-radius:2px;height:28px;margin:18px 10px 30px;position:relative}.gradient-track-direct{cursor:ew-resize}.gradient-handle{cursor:ew-resize;touch-action:none;background:0 0;border:0;flex-direction:column;align-items:center;width:28px;min-width:0;height:48px;padding:0;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.gradient-handle i{border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 1px #222,0 2px 6px #0003}.gradient-handle span{color:var(--ink);font:7px var(--font-geist-mono), monospace;white-space:nowrap;position:absolute;top:38px}.gradient-track-static{pointer-events:none}.gradient-pin{display:block;position:absolute;top:50%;transform:translate(-50%,-50%)}.gradient-pin i{border:2px solid #fff;border-radius:50%;width:18px;height:18px;display:block;box-shadow:0 0 0 1px #222}.gradient-pin b{color:var(--ink);font:7px var(--font-geist-mono), monospace;white-space:nowrap;position:absolute;top:27px;left:50%;transform:translate(-50%)}.stop-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 28px 28px}.stop-row{border:1px solid var(--rule);font:8px var(--font-geist-mono), monospace;grid-template-columns:auto 30px minmax(0,1fr) 68px 28px;align-items:center;gap:10px;padding:12px;display:grid}.stop-row>input[type=color]{border:1px solid var(--rule);background:var(--paper);width:28px;height:28px;padding:1px}.stop-row select,.stop-row input[type=number]{border:1px solid var(--rule);background:var(--paper);min-width:0;height:28px;color:var(--ink);font:8px var(--font-geist-mono), monospace}.stop-row label{border:0;align-items:center;gap:3px;padding:0;display:flex}.stop-row label input{width:100%;padding:0 4px}.stop-row>button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0}.stop-row .stop-delete{place-items:center;width:28px;height:28px;display:grid}.stop-range{color:var(--muted);grid-column:1/-1;grid-template-columns:54px 1fr;gap:10px!important;padding-top:5px!important;display:grid!important}.stop-range input{accent-color:var(--ink);cursor:ew-resize;margin:0;width:100%!important;height:14px!important;padding:0!important}.proportion-strip{isolation:isolate;overflow:visible}.proportion-segment{min-width:0;font:7px var(--font-geist-mono), monospace;border:0;place-items:center;display:grid;position:relative}.proportion-segment>span{pointer-events:none}.proportion-handle{z-index:3;cursor:col-resize;touch-action:none;background:0 0;height:50px;position:absolute;top:-4px;right:-10px;border:0!important;width:20px!important;min-width:20px!important}.proportion-handle:before{content:"";background:#ffffffe6;border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:9px;box-shadow:0 0 0 1px #0000006b}.proportion-handle:hover:before,.proportion-handle:focus-visible:before{width:4px;left:8px}.proportion-meta{align-items:center;gap:10px;display:flex}.proportion-meta button{color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid;padding:0}.usage-help{color:var(--muted);margin:9px 0 0;font-size:8px;line-height:1.5}.weight-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px;display:grid}.weight-control{border:1px solid var(--rule);color:var(--muted);padding:10px 12px 12px;font-size:7px;display:block}.weight-meta{grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.weight-meta i{width:8px;height:8px}.weight-meta label{align-items:center;gap:5px;display:flex}.weight-meta input[type=number]{border:1px solid var(--rule);background:var(--paper);width:48px;height:26px;color:var(--ink);text-align:right;font:7px var(--font-geist-mono), monospace;padding:0 4px}.weight-control small{color:var(--muted);font-size:7px}.weight-control .weight-range{width:100%;height:14px;accent-color:var(--ink);cursor:ew-resize;background:0 0;border:0;margin:10px 0 0;padding:0}.direct-dragging,.direct-dragging *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}.direct-dragging .gradient-handle{cursor:ew-resize!important}html[data-theme=dark]{--canvas:#151613;--surface:#1f201d;--ink:#f1efe8;--muted:#aaa79e;--rule:#3d3e39;--paper:#272824;--logo-tone-one:#777a72;--logo-tone-two:#f1efe8;--logo-tone-three:#aaa79e;--on-ink:#151613;background:var(--canvas)}html[data-theme=dark] body{background:var(--canvas);color:var(--ink)}html[data-theme=dark] .app-header{background:#1f201df7}html[data-theme=dark] .studio{--surround:#171815}html[data-theme=dark] .surround-mid{--surround:#353631}html[data-theme=dark] .surround-dark{--surround:#090a09}html[data-theme=dark] .segment-control{border-color:var(--rule);background:#292a26}html[data-theme=dark] .account-avatar{background:0 0}html[data-theme=dark] .reference-panel{background:#262723}html[data-theme=dark] .harmony-orbit{background:radial-gradient(circle,#3b3c37 0 1px,#0000 1px) 0 0/9px 9px,repeating-radial-gradient(circle,#0000 0 66px,#383934 67px 68px)}html[data-theme=dark] .snapshot-sheet{border-color:var(--rule);background:#1b1c19}html[data-theme=dark] .shared-page{background:var(--canvas)}html[data-theme=dark] .shared-page>header,html[data-theme=dark] .shared-page>footer{border-color:var(--rule)}html[data-theme=dark] .password-auth-form input,html[data-theme=dark] .magic-link-form input,html[data-theme=dark] .profile-form input,html[data-theme=dark] .archive-intro input{background:var(--paper);color:var(--ink)}html[data-theme=dark] .google-button{color:var(--ink)}html[data-theme=dark] .tool-button,html[data-theme=dark] .workspace-toolbar button,html[data-theme=dark] .status-bar,html[data-theme=dark] .status-bar button{color:var(--muted)}html[data-theme=dark] .account-primary,html[data-theme=dark] .password-auth-form>button,html[data-theme=dark] .magic-link-form button,html[data-theme=dark] .profile-form button,html[data-theme=dark] .shared-actions a{color:var(--on-ink)}@media (width<=760px){.projects-page>header,.archive-page>header,.settings-page>header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 0}.account-nav{border-top:1px solid var(--rule);gap:9px;width:100%;margin-left:0}.account-work-nav{width:100%;overflow-x:auto}.account-work-nav a{min-width:104px;height:52px}.account-meta-nav{align-self:flex-end;padding-right:2px}.account-meta-nav a{font-size:8px}.appearance-toggle,.account-icon-tools .account-avatar{flex-basis:22px;width:22px;height:30px}.share-button{height:30px;padding:0 10px}.gradient-track-wrap{padding-inline:18px}.gradient-library{grid-template-columns:1fr 1fr;padding:12px 16px}.gradient-track-wrap .gradient-track{margin-inline:8px}.stop-list{grid-template-columns:1fr}.weight-inputs{grid-template-columns:1fr;display:grid}}.snapshot-title-input{letter-spacing:-.035em;font-size:21px;font-weight:520}.snapshot-project-input{font-size:9px}.snapshot-document-title h1{font-size:var(--type-document);letter-spacing:-.045em;font-weight:480;line-height:1.04}.account-page h1,.settings-page h1,.shared-missing h1{font-size:var(--type-display);letter-spacing:-.04em;font-weight:500;line-height:1.08}.archive-intro{padding:38px 0 30px}.archive-intro h1{font-size:var(--type-display);letter-spacing:-.04em;font-weight:500;line-height:1.08}.archive-intro p{font-size:11px}.shared-title{padding:38px 0 28px}.shared-title h1{font-size:var(--type-display);letter-spacing:-.04em;font-weight:500;line-height:1.08}.shared-title p{font-size:11px;line-height:1.55}@page{size:A4 portrait;margin:12mm}@media print{html,html[data-theme=dark]{--canvas:#fff;--surface:#fff;--ink:#181815;--muted:#6e6c65;--rule:#cbc7bd;--paper:#f8f5ec;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff!important}*,:before,:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{color:#181815;width:auto;min-width:0;background:#fff!important}.appearance-toggle{display:none}.studio{min-height:0;background:#fff!important;display:block!important}.studio>*{display:none!important}.studio>.work-area{filter:none!important;padding:0!important;display:block!important}.work-area>*{display:none!important}.work-area>.main-canvas{background:#fff!important;border:0!important;min-height:0!important;display:block!important}.main-canvas>*{display:none!important}.main-canvas>.snapshot-view{background:#fff!important;min-height:0!important;display:block!important}.snapshot-view>*{display:none!important}.snapshot-view>.snapshot-sheet{break-inside:avoid;flex-direction:column;width:100%;min-height:273mm;box-shadow:none!important;background:#f8f5ec!important;border:1px solid #cbc7bd!important;margin:0!important;padding:10mm!important;display:flex!important}.snapshot-document-title{padding:8mm 0 2mm}.snapshot-document-title h1{margin-top:2mm;font-size:18mm;line-height:.9}.snapshot-swatches{gap:1.2mm;padding:5mm 0;overflow:visible}.snapshot-swatches article{min-width:0}.snapshot-swatches article>div{height:36mm}.proportion-wrap{margin-bottom:5mm}.proportion-strip{height:10mm}.proportion-handle,.usage-help,.weight-inputs{display:none!important}.context-preview{break-inside:avoid;min-height:64mm}.contrast-row{break-inside:avoid;padding:5mm 0}.snapshot-sheet textarea{display:none!important}.snapshot-print-note{color:#4f4d47;border-top:1px solid #cbc7bd;border-bottom:1px solid #cbc7bd;margin:0 0 5mm;padding:4mm 0;font-size:9pt;line-height:1.5;display:block}.sheet-footer{margin-top:auto}}.plus-dialog-backdrop{z-index:120;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14141252;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.plus-dialog{border:1px solid var(--ink);background:var(--surface);width:min(560px,100%);max-height:calc(100dvh - 40px);padding:24px;overflow-y:auto;box-shadow:0 22px 70px #0f0f0d38}.plus-dialog header,.plus-dialog footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.plus-dialog header button{cursor:pointer;background:0 0;border:0;font-size:18px}.plus-dialog h2{letter-spacing:-.035em;margin:22px 0 8px;font-size:24px;font-weight:520}.plus-dialog p,.plus-dialog li{color:var(--muted);font-size:10px;line-height:1.55}.plus-dialog-includes{color:var(--muted);font:6px var(--font-geist-mono), monospace;letter-spacing:.1em;margin-top:22px;display:block}.plus-dialog ul{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:1fr 1fr;margin:8px 0 24px;padding:0;list-style:none;display:grid}.plus-dialog li{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-width:0;padding:10px 12px}.plus-dialog li:last-child:nth-child(odd){grid-column:1/-1}.plus-dialog footer a,.plus-dialog footer button{border:1px solid var(--ink);min-height:34px;color:var(--ink);cursor:pointer;background:0 0;padding:0 12px;font-size:9px;text-decoration:none}.plus-dialog footer a{background:var(--ink);color:var(--on-ink);align-items:center;display:inline-flex}.save-dialog-backdrop{z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14141261;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.save-dialog{border:1px solid var(--ink);background:var(--surface);width:min(520px,100%);box-shadow:0 22px 70px #0f0f0d38}.save-dialog>header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;display:flex}.save-dialog h2{letter-spacing:-.025em;margin:6px 0 0;font-size:18px;font-weight:520}.save-dialog>header button{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:18px}.save-dialog>p{border-bottom:1px solid var(--rule);color:var(--muted);margin:0;padding:15px 22px;font-size:9px;line-height:1.55}.save-dialog form{gap:13px;padding:18px 22px 20px;display:grid}.save-dialog form>label{color:var(--muted);font-size:7px}.save-dialog form>label>small{float:right;font-size:6px}.save-dialog input,.save-dialog select{border:1px solid var(--rule);background:var(--paper);width:100%;min-height:36px;color:var(--ink);margin-top:5px;padding:0 9px;font-size:9px;display:block}.save-destination{border:1px solid var(--rule);justify-content:space-between;align-items:center;padding:12px;display:flex}.save-destination>div{gap:3px;display:grid}.save-destination span{color:var(--muted);font:6px var(--font-geist-mono), monospace;letter-spacing:.08em}.save-destination strong{font-size:10px;font-weight:520}.save-destination small{color:var(--muted);font-size:7px}.save-destination>.micro-icon{color:var(--ink)}.save-dialog .auth-error{margin:0}.save-dialog footer{justify-content:flex-end;gap:7px;padding-top:3px;display:flex}.save-dialog footer button{border:1px solid var(--ink);min-height:34px;color:var(--ink);cursor:pointer;background:0 0;padding:0 12px;font-size:8px}.save-dialog footer .save-dialog-primary{background:var(--ink);min-width:112px;color:var(--on-ink)}.pricing-page{background:var(--canvas);min-height:100dvh;padding:0 34px 60px}.pricing-page>header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;min-height:72px;display:flex}.pricing-page nav,.settings-page nav{gap:20px;display:flex}.pricing-page nav a,.settings-page nav a{color:var(--ink);font-size:10px;text-decoration:none}.pricing-intro{max-width:620px;padding:54px 0 34px}.pricing-intro h1{font-size:var(--type-display);letter-spacing:-.04em;margin:10px 0;font-weight:520}.pricing-intro p{color:var(--muted);font-size:11px;line-height:1.6}.pricing-free-note{display:block}.pricing-plans{border:1px solid var(--rule);background:var(--surface);grid-template-columns:1fr 1fr;display:grid}.pricing-plans>article{flex-direction:column;justify-content:space-between;min-height:365px;padding:28px;display:flex}.pricing-plans>article+article{border-left:1px solid var(--rule)}.pricing-plans h2{margin:9px 0 0;font-size:20px;font-weight:520}.pricing-plans .price{letter-spacing:-.04em;margin:24px 0 5px;font-size:29px}.pricing-plans .price small{color:var(--muted);letter-spacing:0;font-size:10px}.annual-note{color:var(--muted);margin:0;font-size:9px}.pricing-plans ul{padding:0;list-style:none}.pricing-plans li{border-top:1px solid var(--rule);color:var(--muted);padding:9px 0;font-size:10px}.pricing-plans article>a,.pricing-checkout{border:1px solid var(--ink);min-height:38px;color:var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 14px;font-size:10px;text-decoration:none;display:inline-flex}.pricing-checkout{background:var(--ink);width:100%;color:var(--on-ink)}.pricing-action-stack{gap:12px;display:grid}.pricing-interval{justify-self:start}.pricing-action-stack small{color:var(--muted);font-size:8px}.plus-feature-section{margin-top:42px}.plus-feature-section>header{padding-bottom:18px}.plus-feature-section>header h2{letter-spacing:-.02em;margin:9px 0 0;font-size:15px;font-weight:520}.plus-feature-list{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(3,1fr);display:grid}.plus-feature-list>div,.plus-feature-list article{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:150px;padding:20px}.plus-feature-list h2,.plus-feature-list h3{margin:10px 0;font-size:14px;font-weight:520}.plus-feature-list p{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.pricing-demonstration{border:1px solid var(--rule);background:var(--surface);grid-template-columns:1fr 1.2fr;min-height:210px;margin-top:42px;display:grid}.pricing-demonstration>div:first-child{flex-direction:column;justify-content:space-between;padding:24px;display:flex}.pricing-demonstration span,.pricing-demonstration small{color:var(--muted);font:8px var(--font-geist-mono), monospace}.pricing-demonstration strong{font-size:21px;font-weight:510}.demo-swatches{display:flex}.demo-swatches i{flex:1}.billing-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:24px;display:flex}.billing-return-link{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.08em;text-underline-offset:4px;text-transform:uppercase;text-decoration:underline}.billing-actions .auth-error,.billing-actions .billing-confirming{width:100%}@media (width<=760px){.prompt-trigger.open{border-radius:2px}.prompt-entry{z-index:80;border:0 solid var(--ink);border-radius:2px;width:auto;height:0;margin:0;padding:0 9px;transition:height .18s,padding .18s,border-width .18s,opacity .13s,transform .18s;position:fixed;top:94px;left:10px;right:10px;transform:translateY(-7px)}.prompt-entry.open{border-width:1px;width:auto;height:47px;padding:9px;transform:translateY(0)}.pricing-page{padding-inline:16px}.pricing-plans,.pricing-demonstration{grid-template-columns:1fr}.pricing-plans>article+article{border-top:1px solid var(--rule);border-left:0}.plus-feature-list{grid-template-columns:1fr}.demo-swatches{min-height:180px}}.projects-page{background:var(--canvas);min-height:100dvh;padding:0 34px 60px}.projects-page>header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;min-height:72px;display:flex}.projects-page>header nav{gap:20px;display:flex}.projects-page>header nav a{color:var(--ink);font-size:10px;text-decoration:none}.projects-page>header,.archive-page>header,.settings-page>header{min-height:72px;position:relative}.account-nav{flex:1;justify-content:flex-end;align-self:stretch;align-items:center;gap:28px;min-width:0;margin-left:clamp(38px,7vw,130px);display:flex}.account-nav a{color:var(--ink);white-space:nowrap;text-decoration:none}.account-work-nav{border-left:1px solid var(--rule);display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.account-work-nav a{border-right:1px solid var(--rule);color:#5e5c56;text-align:center;place-content:center;gap:6px;min-width:112px;height:100%;display:grid;position:relative}.account-work-nav small{color:#99968d;font:8px var(--font-geist-mono), monospace}.account-work-nav span{font-size:11px}.account-work-nav a:after{background:var(--ink);content:"";height:2px;transition:transform .14s;position:absolute;bottom:-1px;left:12px;right:12px;transform:scaleX(0)}.account-work-nav a[aria-current=page]{color:var(--ink);font-weight:610}.account-work-nav a[aria-current=page]:after{transform:scaleX(1)}.account-meta-nav{align-items:center;gap:20px;display:flex}.account-meta-nav a{color:var(--muted);font-size:10px}.account-meta-nav a[aria-current=page]{color:var(--ink)}.account-menu-toggle{display:none}.account-work-nav a:hover span,.account-work-nav a:focus-visible span{color:var(--ink)}.account-meta-nav a:hover,.account-meta-nav a:focus-visible{color:var(--ink);text-underline-offset:4px;text-decoration:underline}@media (width<=760px){.projects-page>header>.account-wordmark,.archive-page>header>.account-wordmark,.settings-page>header>.account-wordmark{align-self:flex-start}.account-nav{border-top:1px solid var(--rule);flex-direction:column;align-items:stretch;gap:0;width:100%;margin-left:0}.account-work-nav{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid;position:static;overflow:visible;transform:none}.account-work-nav a{width:auto;min-width:0;height:58px}.account-meta-nav{border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));align-self:stretch;gap:0;width:100%;padding:0;display:none}.account-nav.menu-open .account-meta-nav{display:grid}.account-meta-nav a{border-right:1px solid var(--rule);place-items:center;min-height:42px;font-size:9px;display:grid}.account-meta-nav a:last-child{border-right:0}.account-menu-toggle{width:36px;min-height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;padding:0;display:grid;position:absolute;top:8px;right:0}.account-menu-toggle i,.account-menu-toggle i:before,.account-menu-toggle i:after{content:"";background:currentColor;width:18px;height:1px;display:block}.account-menu-toggle i{position:relative}.account-menu-toggle i:before{position:absolute;top:-4px}.account-menu-toggle i:after{position:absolute;top:4px}}.projects-intro,.archive-intro,.project-title{justify-content:space-between;align-items:flex-end;padding:42px 0 28px;display:flex}.projects-intro h1,.archive-intro h1,.project-title h1{font-size:var(--type-display);letter-spacing:-.04em;margin:9px 0 7px;font-weight:520;line-height:1.08}.projects-intro p,.archive-intro p,.project-title p{color:var(--muted);margin:0;font-size:10px}.projects-intro>button{border:1px solid var(--ink);background:var(--ink);min-height:34px;color:var(--on-ink);cursor:pointer;padding:0 12px;font-size:9px}.project-create{border:1px solid var(--rule);background:var(--surface);grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:24px;padding:16px;display:grid}.project-create label span{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px;display:block}.project-create input,.project-create button,.attach-palette select,.attach-palette button,.compare-selects select{border:1px solid var(--rule);background:var(--paper);height:36px;color:var(--ink);padding:0 10px;font-size:9px}.project-create button,.attach-palette button{border-color:var(--ink);background:var(--ink);color:var(--on-ink);cursor:pointer;align-self:end}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.project-grid>a{border:1px solid var(--rule);background:var(--surface);min-height:270px;color:var(--ink);padding:18px;text-decoration:none;transition:border-color .12s;position:relative}.project-grid>a:hover{border-color:var(--ink)}.project-card-meta{color:var(--muted);font:7px var(--font-geist-mono), monospace;justify-content:space-between;display:flex}.project-card-fingerprint{gap:3px;height:68px;margin-top:28px;display:grid}.project-card-fingerprint>div{min-height:0;display:flex}.project-card-fingerprint>div i{min-width:3px}.project-card-fingerprint.empty{opacity:.45;grid-template-rows:repeat(3,1fr)}.project-card-fingerprint.empty>i{border-top:1px solid var(--rule)}.project-card-body h2{margin:19px 0 6px;font-size:18px;font-weight:520}.project-card-body p{color:var(--muted);margin:0;font-size:9px}.project-card-open{background:var(--ink);min-width:106px;min-height:34px;color:var(--on-ink);justify-content:center;align-items:center;padding:0 14px;font-size:9px;display:inline-flex;position:absolute;bottom:18px;right:18px}.plus-read-only{border:1px solid var(--rule);background:var(--surface);align-items:center;gap:14px;margin:18px 0;padding:12px 14px;font-size:9px;display:flex}.plus-read-only span{color:var(--muted);flex:1}.plus-read-only a{color:var(--ink)}.project-section{border:1px solid var(--rule);background:var(--surface);margin-bottom:28px}.project-section>header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-end;gap:18px;padding:18px;display:flex}.project-section h2{margin:7px 0 0;font-size:16px;font-weight:520}.attach-palette,.compare-selects{align-items:center;gap:6px;display:flex}.compare-selects>span{color:var(--muted);font:6px var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase}.project-palette-grid{grid-template-columns:repeat(3,1fr);display:grid}.project-palette-grid article{border-right:1px solid var(--rule);padding:14px}.project-palette-swatches{height:120px;display:flex}.project-palette-swatches i{min-width:4px}.project-palette-grid h3{margin:13px 0 8px;font-size:14px;font-weight:520}.project-palette-grid select,.project-palette-grid input,.project-palette-grid button{border:1px solid var(--rule);background:var(--paper);width:100%;height:30px;color:var(--ink);margin-top:5px;padding:0 8px;font-size:8px}.project-palette-grid button{border-color:var(--ink);background:var(--ink);color:var(--on-ink);cursor:pointer}.version-list{grid-template-columns:repeat(4,1fr);display:grid}.version-list article{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:130px;padding:15px}.version-list span{color:var(--muted);font:7px var(--font-geist-mono), monospace}.version-list strong{margin:25px 0 6px;font-size:12px;display:block}.version-list p,.technical-empty{color:var(--muted);font-size:8px}.version-list button{color:var(--ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0;font-size:8px}.technical-empty{padding:28px}.comparison-table{background:var(--rule);border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:1px;display:grid}.comparison-table>article{background:var(--paper);min-width:0;padding:18px}.comparison-table>article>header{color:var(--muted);font:7px var(--font-geist-mono), monospace;justify-content:space-between;align-items:center;padding-bottom:11px;display:flex}.comparison-table>article>header small{font:inherit}.comparison-colour-list{border-top:1px solid var(--rule)}.comparison-colour-row{border-bottom:1px solid var(--rule);grid-template-columns:30px minmax(0,1fr) auto 38px;align-items:center;gap:10px;min-height:56px;display:grid}.comparison-colour-row>i{width:30px;height:30px;display:block}.comparison-colour-row>div{gap:3px;min-width:0;display:grid}.comparison-colour-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:520;overflow:hidden}.comparison-colour-row span{color:var(--muted);font:6px var(--font-geist-mono), monospace;text-transform:uppercase}.comparison-colour-row code,.comparison-colour-row>small{color:var(--muted);font:7px var(--font-geist-mono), monospace}.comparison-colour-row>small{text-align:right}@media (width<=760px){.projects-page{padding-inline:14px}.projects-intro,.archive-intro,.project-title{padding:34px 0 24px;display:block}.archive-intro label{margin-top:24px;display:block}.archive-intro input{width:100%}.project-grid,.project-palette-grid,.version-list,.project-create{grid-template-columns:1fr}.project-section>header,.attach-palette,.compare-selects{flex-direction:column;align-items:stretch}.comparison-table{grid-template-columns:1fr}}.professional-share-lock{border:1px solid var(--rule);background:var(--surface);width:min(520px,100%);margin:15vh auto;padding:32px}.professional-share-lock h1{margin:12px 0;font-size:24px;font-weight:520}.professional-share-lock p{color:var(--muted);font-size:10px}.professional-share-lock form{margin-top:24px;display:flex}.professional-share-lock input,.professional-share-lock button{border:1px solid var(--rule);background:var(--paper);min-height:38px;color:var(--ink);padding:0 12px;font-size:9px}.professional-share-lock input{flex:1;min-width:0}.professional-share-lock button{border-color:var(--ink);background:var(--ink);color:var(--on-ink);cursor:pointer}.professional-presentation{--presentation-paper:#f4f1e9;background:var(--presentation-paper)}.professional-identity-header{padding-block:12px;min-height:82px!important}.professional-identity-header>div{align-items:center;gap:14px;display:flex}.professional-identity-header img{object-fit:contain;object-position:left center;width:auto;display:block}.professional-identity-header>div>span{color:#6d6b65;font:7px var(--font-geist-mono), monospace;letter-spacing:.1em}.professional-identity-header address{color:#6d6b65;font:7px var(--font-geist-mono), monospace;text-align:right;gap:4px;font-style:normal;display:grid}.professional-presentation .shared-title small{color:#6d6b65;font:7px var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin-top:15px;display:block}.reference-boards>header form{display:flex}.reference-boards>header input,.reference-boards>header button{border:1px solid var(--rule);background:var(--paper);height:34px;color:var(--ink);padding:0 10px;font-size:8px}.reference-boards>header button{border-color:var(--ink);background:var(--ink);color:var(--on-ink);cursor:pointer}.reference-board-list>article+article{border-top:1px solid var(--rule)}.reference-board-head{justify-content:space-between;align-items:center;padding:16px;display:flex}.reference-board-head span{color:var(--muted);font:7px var(--font-geist-mono), monospace}.reference-board-head h3{margin:5px 0 0;font-size:13px;font-weight:520}.reference-board-name{width:min(360px,50vw);color:var(--ink);background:0 0;border:0;border-bottom:1px solid #0000;outline:0;margin-top:5px;padding:0 0 3px;font-size:13px;font-weight:520;display:block}.reference-board-name:hover,.reference-board-name:focus{border-bottom-color:var(--rule)}.reference-board-head>label{border:1px solid var(--rule);cursor:pointer;padding:8px 10px;font-size:8px}.reference-board-head input[type=file]{display:none}.reference-board-images{grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px 16px;display:grid}.reference-board-images figure{border:1px solid var(--rule);background:var(--paper);margin:0;transition:opacity .12s}.reference-board-images figure.excluded{opacity:.42}.reference-board-images img,.reference-board-images figure>div{object-fit:cover;background:var(--rule);width:100%;height:130px;display:block}.reference-board-images figcaption{gap:8px;padding:10px;display:grid}.reference-board-images strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.reference-board-images label{color:var(--muted);font-size:7px}.reference-board-images label:first-of-type{align-items:center;gap:5px;display:flex}.reference-board-images output{float:right;color:var(--ink)}.reference-board-images input[type=range]{width:100%;accent-color:var(--ink)}@media (width<=760px){.reference-board-images{grid-template-columns:repeat(2,1fr)}.reference-boards>header form{display:grid}}.delivery-grid{grid-template-columns:1.25fr .75fr;display:grid}.delivery-grid>form,.export-pack-panel{padding:18px}.export-pack-panel{border-left:1px solid var(--rule)}.delivery-grid h3{margin:0 0 16px;font-size:13px;font-weight:520}.delivery-grid>form{grid-template-columns:1fr 1fr;gap:9px;display:grid}.delivery-grid label{color:var(--muted);font-size:7px}.delivery-grid input,.delivery-grid select,.delivery-grid>form>button,.export-pack-panel button,.export-pack-panel select{border:1px solid var(--rule);background:var(--paper);width:100%;height:32px;color:var(--ink);margin-top:5px;padding:0 8px;font-size:8px;display:block}.delivery-grid>form>button,.export-pack-panel button{border-color:var(--ink);background:var(--ink);color:var(--on-ink);cursor:pointer}.permission-checks{grid-column:1/-1;gap:12px;padding:9px 0;display:flex}.permission-checks label{align-items:center;gap:4px;display:flex}.permission-checks input{width:auto;height:auto;margin:0;display:inline}.delivery-grid>form>button,.delivery-grid output{grid-column:1/-1}.delivery-grid output{border:1px solid var(--rule);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px;font-size:8px;display:grid}.delivery-grid output span{color:var(--muted);font:7px var(--font-geist-mono), monospace}.delivery-grid output a{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.delivery-grid output button{cursor:pointer;background:0 0;border:0;font-size:8px}.export-pack-panel p{color:var(--muted);font-size:9px;line-height:1.55}.export-pack-panel h3:not(:first-child){margin-top:28px}.export-pack-panel button{margin-top:8px}@media (width<=760px){.delivery-grid{grid-template-columns:1fr}.export-pack-panel{border-top:1px solid var(--rule);border-left:0}.delivery-grid>form{grid-template-columns:1fr}.delivery-grid>form>button,.delivery-grid output,.permission-checks{grid-column:1}}.workflow-tabs{border:1px solid var(--rule);background:var(--paper);border-bottom:0;grid-template-columns:1fr 1fr;display:grid}.workflow-tabs button{border:0;border-right:1px solid var(--rule);min-height:56px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:0 20px;font-size:10px;display:flex}.workflow-tabs button:last-child{border-right:0}.workflow-tabs button[aria-current=page]{background:var(--ink);color:var(--on-ink)}.workflow-tabs small{font:6px var(--font-geist-mono), monospace;letter-spacing:.08em}.workflow-grid{border:1px solid var(--rule);background:var(--surface)}.workflow-grid>article{min-width:0}.workflow-panel-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:end;gap:28px;padding:24px;display:flex}.workflow-panel-head h2{margin:8px 0 6px;font-size:16px;font-weight:520}.workflow-panel-head p{max-width:610px;color:var(--muted);margin:0;font-size:8px;line-height:1.55}.workflow-preview-switch{border:1px solid var(--rule);flex:none;display:flex}.workflow-preview-switch button{border:0;border-right:1px solid var(--rule);background:var(--paper);height:32px;color:var(--muted);cursor:pointer;padding:0 12px;font-size:8px}.workflow-preview-switch button:last-child{border-right:0}.workflow-preview-switch button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.identity-editor{grid-template-columns:minmax(330px,.72fr) minmax(520px,1.28fr);display:grid}.identity-editor>form{border-right:1px solid var(--rule);padding:24px}.identity-name-step{border:1px solid var(--ink);background:var(--paper);gap:9px;margin-bottom:24px;padding:16px;display:grid}.identity-name-step>span,.identity-live-inputs>span{color:var(--muted);font:6px var(--font-geist-mono), monospace;letter-spacing:.08em}.identity-name-step>strong{margin-top:3px;font-size:10px;font-weight:560}.identity-name-step>p,.identity-live-inputs>p{color:var(--muted);margin:0;font-size:7px;line-height:1.5}.identity-name-step .identity-default{margin-top:3px}.identity-live-inputs{gap:4px;margin-bottom:16px;display:grid}.identity-form-section{border-bottom:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px;padding:0 0 20px;display:grid}.identity-form-section>span{color:var(--muted);font:6px var(--font-geist-mono), monospace;letter-spacing:.08em;grid-column:1/-1}.workflow-grid label{color:var(--muted);font-size:7px}.workflow-grid input,.workflow-grid select,.workflow-grid form>button{border:1px solid var(--rule);background:var(--paper);width:100%;height:34px;color:var(--ink);margin-top:5px;padding:0 9px;font-size:8px;display:block}.workflow-grid input[type=file]{padding:7px 9px}.workflow-grid form>button{border-color:var(--ink);background:var(--ink);color:var(--on-ink);cursor:pointer}.identity-logo-scale output{float:right;color:var(--ink);font:7px var(--font-geist-mono), monospace}.identity-logo-scale input[type=range]{height:18px;accent-color:var(--ink);cursor:ew-resize;background:0 0;border:0;padding:0}.identity-logo-scale small{margin-top:3px;font-size:6px;display:block}.identity-default{grid-column:1/-1;align-items:center;gap:7px;display:flex}.identity-default input{width:auto;height:auto;margin:0}.identity-preview-shell{background:var(--paper);min-width:0;padding:24px}@supports (color:color-mix(in lab, red, red)){.identity-preview-shell{background:color-mix(in srgb, var(--paper) 62%, var(--surface))}}.identity-preview-label{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.identity-preview-label span{color:var(--muted);font:6px var(--font-geist-mono), monospace;letter-spacing:.08em}.identity-preview-label strong{font-size:8px;font-weight:500}.identity-output-preview{color:#181815;background:#f7f4ec;border:1px solid #181815;position:relative;overflow:hidden;container-type:inline-size}.identity-pdf-preview{aspect-ratio:960/620}.identity-pdf-preview h3{letter-spacing:0;width:89.584%;margin:0;font-size:4.063cqw;font-weight:700;line-height:1;position:absolute;top:4.5%;left:5.208%}.identity-pdf-preview.has-logo h3{font-size:4.063cqw;top:12.8%}.identity-pdf-note{color:#6b6861;text-overflow:ellipsis;white-space:nowrap;width:89.584%;margin:0;font-size:.833cqw;line-height:1.25;position:absolute;top:13%;left:5.208%;overflow:hidden}.identity-pdf-preview.has-logo .identity-pdf-note{top:20.9%}.identity-pdf-logo{object-fit:contain;object-position:left center;width:auto;height:auto;position:absolute;top:6.45%;left:5.208%}.identity-pdf-meta,.identity-pdf-use-label,.identity-pdf-preview footer{color:#6b6861;width:89.584%;font:.781cqw var(--font-geist-mono), monospace;letter-spacing:0;justify-content:space-between;align-items:center;display:flex;position:absolute;left:5.208%}.identity-pdf-meta{top:16.4%}.identity-pdf-preview.has-logo .identity-pdf-meta{top:23%}.identity-pdf-swatches{gap:.417%;width:89.584%;display:flex;position:absolute;top:29.032%;left:5.208%}.identity-pdf-swatches article{flex:1;min-width:0;height:43.55cqw;position:relative}.identity-pdf-swatches article>i{width:100%;height:21.354cqw;display:block}.identity-pdf-swatches small,.identity-pdf-swatches code{color:#6b6861;font:.604cqw var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.identity-pdf-swatches small{margin-top:2.083cqw}.identity-pdf-swatches strong{text-overflow:ellipsis;white-space:nowrap;margin-top:.729cqw;font-size:.885cqw;font-weight:700;display:block;overflow:hidden}.identity-pdf-swatches code{margin-top:.729cqw}.identity-pdf-use-label{top:76.6%}.identity-pdf-proportions{width:89.584%;height:6.129%;display:flex;position:absolute;top:80.968%;left:5.208%}.identity-pdf-proportions i{place-items:center;min-width:0;font-style:normal;display:grid}.identity-pdf-proportions span{font:.625cqw var(--font-geist-mono), monospace}.identity-pdf-preview footer{white-space:nowrap;top:92.9%;overflow:hidden}.identity-pdf-preview footer span{text-overflow:ellipsis;max-width:48%;overflow:hidden}.identity-share-preview{aspect-ratio:16/9;background:#f4f1e9;padding:0 1.944%}.identity-share-preview>.professional-identity-header{border-bottom:1px solid #c8c4ba;justify-content:space-between;align-items:center;padding:0;display:flex;min-height:4.861cqw!important}.identity-share-preview>.professional-identity-header>div{align-items:center;display:flex}.identity-share-preview>.professional-identity-header img{object-fit:contain;object-position:left center;width:auto;display:block}.identity-share-preview>.professional-identity-header>div>span{color:#6d6b65;font:.486cqw var(--font-geist-mono), monospace;letter-spacing:.1em}.identity-share-preview>.professional-identity-header address{color:#6d6b65;font:.486cqw var(--font-geist-mono), monospace;text-align:right;gap:.278cqw;font-style:normal;display:grid}.identity-share-preview .shared-title{padding:2.639cqw 0 2.083cqw}.identity-share-preview .shared-title h1{letter-spacing:-.04em;margin:.694cqw 0;font-size:2.222cqw;font-weight:500;line-height:1.08}.identity-share-preview .shared-title p{color:#77746d;max-width:43.056cqw;margin:0;font-size:.764cqw;line-height:1.55}.identity-share-preview .shared-title small{color:#6d6b65;font:.486cqw var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;margin-top:1.042cqw;display:block}.identity-share-preview .shared-swatches{min-height:29.861cqw;display:flex}.identity-share-preview .shared-swatches article{border-right:1px solid #00000040;flex-direction:column;flex:1;justify-content:space-between;min-width:0;padding:1.111cqw;display:flex}.identity-share-preview .shared-swatches span{font:.486cqw var(--font-geist-mono), monospace}.identity-share-preview .shared-swatches h2{margin:0 0 .417cqw;font-size:1.389cqw;font-weight:520}.identity-share-preview .shared-swatches code{font:.625cqw var(--font-geist-mono), monospace}.identity-share-preview .shared-proportions{height:3.125cqw;margin:1.25cqw 0;display:flex}.identity-share-preview .shared-proportions i{min-width:0}.identity-share-preview>footer{color:#77746d;font:.556cqw var(--font-geist-mono), monospace;border-top:1px solid #c8c4ba;justify-content:space-between;padding:1.25cqw 0;display:flex}.workflow-saved{border-top:1px solid var(--rule);padding:24px}.workflow-saved>header{justify-content:space-between;align-items:baseline;display:flex}.workflow-saved>header span,.workflow-saved>header p{color:var(--muted);font:6px var(--font-geist-mono), monospace}.workflow-records{border-top:1px solid var(--rule);margin-top:12px}.workflow-records>div{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;gap:6px;padding:14px 0;display:grid}.workflow-records strong{font-size:10px}.workflow-records span,.workflow-records code{color:var(--muted);font:7px var(--font-geist-mono), monospace}.workflow-records code{grid-column:1/-1}.workflow-records nav button{color:var(--ink);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:7px;text-decoration:underline}.brand-section-order{grid-column:1/-1;margin-top:5px}.brand-section-order summary{color:var(--muted);cursor:pointer;font-size:7px}.brand-section-order>div{grid-template-columns:1fr 28px 28px;margin-top:5px;display:grid}.brand-section-order>div button{border:1px solid var(--rule);background:var(--paper);min-height:28px;color:var(--muted);text-transform:capitalize;font-size:7px}.brand-section-order>div button[aria-pressed=true]{color:var(--ink)}.workflow-export-layout{grid-template-columns:minmax(360px,1fr) minmax(280px,.55fr);display:grid}.workflow-export-layout>div{border-right:1px solid var(--rule);padding:24px}.workflow-export-layout form{gap:11px;margin-top:20px;display:grid}.workflow-export-layout label small{color:var(--muted);margin-top:5px;font-size:6px;line-height:1.5;display:block}.workflow-grid fieldset{border:1px solid var(--rule);flex-wrap:wrap;gap:12px;padding:11px;display:flex}.workflow-grid legend{color:var(--muted);font-size:7px}.workflow-grid fieldset label{align-items:center;gap:4px;font-size:8px;display:flex}.workflow-grid fieldset input{width:auto;height:auto;margin:0}.maintained-presets{flex-wrap:wrap;gap:6px;display:flex}.maintained-presets>span{width:100%;color:var(--muted);font:6px var(--font-geist-mono), monospace;margin-bottom:4px}.maintained-presets button{border:1px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;padding:7px 9px;font-size:7px}.token-naming-guide{padding:24px}.token-naming-guide>span{color:var(--muted);font:6px var(--font-geist-mono), monospace;letter-spacing:.08em}.token-naming-guide dl{border-top:1px solid var(--rule);margin:18px 0}.token-naming-guide dl div{border-bottom:1px solid var(--rule);grid-template-columns:1fr 1fr;padding:10px 0;display:grid}.token-naming-guide dt{font-size:8px}.token-naming-guide dd{color:var(--muted);font:7px var(--font-geist-mono), monospace;margin:0}.token-naming-guide p{color:var(--muted);font-size:8px;line-height:1.55}.workflow-exports>.workflow-records{margin:0 24px 24px}.export-success{color:var(--muted);font:7px var(--font-geist-mono), monospace;margin-top:9px;display:block}@media (width<=900px){.identity-editor,.workflow-export-layout{grid-template-columns:1fr}.identity-editor>form,.workflow-export-layout>div{border-right:0;border-bottom:1px solid var(--rule)}}@media (width<=760px){.workflow-panel-head{flex-direction:column;align-items:stretch}.workflow-tabs button{padding:0 12px}.identity-preview-shell,.identity-editor>form,.workflow-panel-head,.workflow-saved,.workflow-export-layout>div,.token-naming-guide{padding:16px}.identity-form-section{grid-template-columns:1fr}.identity-preview{min-height:380px}.identity-preview-swatches{height:145px}.identity-preview>header{padding-inline:12px}.identity-preview-site{max-width:120px}}.pricing-hero{border-bottom:1px solid var(--rule);grid-template-columns:minmax(300px,.72fr) minmax(560px,1.28fr);align-items:center;gap:40px;min-height:620px;padding:56px 0;display:grid}.pricing-hero>div:first-child{max-width:520px}.pricing-hero h1{letter-spacing:-.052em;max-width:510px;margin:13px 0 16px;font-size:clamp(32px,4.2vw,62px);font-weight:510;line-height:.98}.pricing-hero>div:first-child>p{color:var(--muted);margin:0 0 28px;font-size:11px;line-height:1.65}.pricing-secondary{color:var(--ink);text-underline-offset:4px;margin-top:14px;font-size:9px;display:inline-flex}.pricing-demo-sections{border-bottom:1px solid var(--rule)}.pricing-demo-sections>article{border-top:1px solid var(--rule);grid-template-columns:minmax(260px,.52fr) minmax(520px,1.48fr);align-items:center;gap:52px;min-height:620px;padding:70px 0;display:grid}.pricing-demo-sections>article.reverse{grid-template-columns:minmax(520px,1.48fr) minmax(260px,.52fr)}.pricing-demo-sections>article.reverse>div:first-child{order:2}.pricing-demo-sections h2,.pricing-comparison h2,.pricing-faq h2,.pricing-final h2{letter-spacing:-.045em;margin:12px 0;font-size:clamp(21px,2.1vw,34px);font-weight:510}.pricing-demo-sections>article>div:first-child p{max-width:390px;color:var(--muted);font-size:10px;line-height:1.65}.product-demo{border:1px solid var(--ink);background:var(--surface);min-width:0;min-height:430px;color:var(--ink);position:relative;overflow:hidden;container-type:inline-size}.product-demo button{color:inherit;font:inherit}.demo-palette{border-top:1px solid var(--ink);height:250px;animation:.42s cubic-bezier(.2,.7,.2,1) both demo-resolve;display:flex}.demo-palette.compact{border:1px solid #18181559;height:210px}.demo-palette i{min-width:25px;position:relative}.demo-palette i span{color:#fff;max-width:calc(100% - 18px);font:7px var(--font-geist-mono), monospace;text-overflow:ellipsis;text-shadow:0 1px 3px #000;white-space:nowrap;position:absolute;bottom:10px;left:10px;overflow:hidden}.demo-start-row{grid-template-columns:auto repeat(4,1fr);align-items:center;gap:8px;padding:18px;display:grid}.demo-start-row>span{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.12em;margin-right:4px}.demo-start-row>button,.demo-prompt-input button{border:1px solid var(--rule);background:var(--paper);cursor:pointer;white-space:nowrap;height:42px;padding:0 12px;font-size:8px}.demo-start-row sup{margin-left:2px;font-size:7px}.demo-start-row.open{grid-template-columns:auto 1fr}.demo-start-row.open>button{display:none}.demo-prompt-input{border:1px solid var(--rule);background:var(--paper);grid-template-columns:auto 1fr auto 32px;align-items:center;height:44px;display:grid}.demo-prompt-input b{color:var(--muted);font:7px var(--font-geist-mono), monospace;padding:0 12px}.demo-prompt-input em{text-overflow:ellipsis;white-space:nowrap;padding:0 12px;font-size:8px;font-style:normal;overflow:hidden}.demo-prompt-input button{height:32px;margin:0 5px}.demo-prompt-input button:last-child{background:0 0;border:0;margin:0;padding:0;font-size:17px}.demo-cursor{z-index:4;border-left:6px solid var(--ink);width:10px;height:14px;filter:drop-shadow(0 1px 0 var(--paper));border-bottom:4px solid #0000;animation:5.2s cubic-bezier(.3,.7,.2,1) infinite demo-cursor;position:absolute;top:56px;right:88px}.demo-project header,.demo-reference header,.demo-export header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;height:84px;padding:0 18px;display:flex}.demo-project header div,.demo-reference header div,.demo-export header div{gap:7px;display:grid}.demo-project header small,.demo-reference small,.demo-export small,.demo-versions header span,.demo-version-columns small{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.08em}.demo-project header strong,.demo-reference header strong,.demo-export header strong{font-size:15px;font-weight:510}.demo-project header button,.demo-reference header button,.demo-export header button{border:1px solid var(--ink);background:0 0;min-height:32px;padding:0 10px;font-size:8px}.demo-project>div{grid-template-columns:repeat(3,1fr);height:345px;display:grid}.demo-project article{border-right:1px solid var(--rule);grid-template-rows:1fr auto auto auto;gap:8px;padding:12px;display:grid}.demo-project article.preferred{box-shadow:inset 0 0 0 2px var(--ink)}.demo-project article>div{display:flex}.demo-project article i{flex:1}.demo-project article strong{font-size:12px}.demo-project article span{color:var(--muted);font:7px var(--font-geist-mono), monospace}.demo-project article button{background:0 0;border:0;border-bottom:1px solid;justify-self:start;padding:0;font-size:7px}.demo-versions header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;height:64px;padding:0 18px;display:flex}.demo-versions header b{font-size:8px;font-weight:500}.demo-version-columns{grid-template-columns:1fr 1fr;display:grid}.demo-version-columns section{padding:14px}.demo-version-columns section+section{border-left:1px solid var(--rule)}.demo-version-columns section>div{border-bottom:1px solid var(--rule);grid-template-columns:54px 1fr auto;align-items:center;gap:10px;height:72px;display:grid}.demo-version-columns i{width:54px;height:48px}.demo-version-columns span,.demo-version-columns code{font-size:7px}.demo-version-columns code{color:var(--muted)}.demo-reference-grid{grid-template-columns:repeat(4,1fr);gap:7px;height:245px;padding:12px;display:grid}.demo-reference-grid button{border:1px solid var(--rule);cursor:pointer;background-color:#7f8178;position:relative;overflow:hidden}.demo-reference-grid button.stone{background:linear-gradient(135deg,#dad2c3,#8d8e87 48%,#464a49)}.demo-reference-grid button.glass{background:linear-gradient(155deg,#e4ece5,#6f8783 44%,#283b42)}.demo-reference-grid button.foliage{background:linear-gradient(135deg,#b8b39d,#536452 44%,#183a31)}.demo-reference-grid button.metal{background:linear-gradient(155deg,#d0c8b8,#767a7c 45%,#292e33)}.demo-reference-grid button.excluded{opacity:.35}.demo-reference-grid button span{color:#fff;text-align:left;text-shadow:0 1px 4px #000;text-transform:capitalize;font-size:8px;position:absolute;inset:auto 8px 8px}.demo-reference-grid button em{font:6px var(--font-geist-mono), monospace;margin-top:4px;font-style:normal;display:block}.demo-candidates{border-top:1px solid var(--rule);align-items:center;gap:4px;height:72px;padding:12px;display:flex}.demo-candidates i{width:46px;height:46px}.demo-candidates span{color:var(--muted);font:7px var(--font-geist-mono), monospace;margin-left:auto}.demo-snapshot{color:#1a1a18;background:#efede6;min-height:430px;padding:18px}.demo-snapshot header{border-bottom:1px solid #bbb8ae;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding-bottom:15px;display:grid}.north-mark{width:32px;height:32px;font:8px var(--font-geist-mono), monospace;border:1px solid #1a1a18;place-items:center;display:grid}.demo-snapshot header span,.demo-snapshot footer{font:7px var(--font-geist-mono), monospace;letter-spacing:.08em}.demo-snapshot header button{background:0 0;border:1px solid #1a1a18;padding:7px 9px;font-size:7px}.demo-snapshot section{padding:25px 0 18px}.demo-snapshot section>small{font:7px var(--font-geist-mono), monospace}.demo-snapshot section>strong{margin:8px 0 20px;font-size:22px;font-weight:500;display:block}.demo-snapshot footer{border-top:1px solid #bbb8ae;padding-top:14px}.demo-snapshot.branded{background:#e9dfc8}.demo-export-body{grid-template-columns:.75fr 1.25fr;min-height:280px;display:grid}.demo-export-body section{border-right:1px solid var(--rule);align-content:center;gap:12px;padding:18px;display:grid}.demo-export-body label{align-items:center;gap:7px;font-size:8px;display:flex}.demo-export-body pre{color:var(--muted);font:8px/2 var(--font-geist-mono), monospace;white-space:pre-wrap;align-self:center;margin:0;padding:22px}.demo-export footer{border-top:1px solid var(--rule);color:var(--muted);font:7px var(--font-geist-mono), monospace;padding:12px 18px}.pricing-comparison,.pricing-faq,.pricing-supporting-stills{border-bottom:1px solid var(--rule);padding:72px 0}.pricing-supporting-stills h2{letter-spacing:-.045em;margin:12px 0 28px;font-size:clamp(21px,2.1vw,34px);font-weight:510}.pricing-supporting-stills>div{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pricing-supporting-stills figure{border:1px solid var(--rule);background:var(--surface);margin:0}.pricing-supporting-stills img{width:100%;height:auto;display:block}.pricing-supporting-stills figcaption{border-top:1px solid var(--rule);font:7px var(--font-geist-mono), monospace;padding:12px}.pricing-comparison>header,.pricing-faq>header{margin-bottom:28px}.pricing-comparison [role=table]{border-top:1px solid var(--ink)}.pricing-comparison [role=row]{border-bottom:1px solid var(--rule);grid-template-columns:1fr 150px 150px;align-items:center;min-height:48px;font-size:9px;display:grid}.pricing-comparison [role=row]>span{padding:10px}.pricing-comparison [role=row]>span+span{border-left:1px solid var(--rule)}.pricing-comparison small{min-width:92px;color:var(--muted);font:6px var(--font-geist-mono), monospace;display:inline-block}.pricing-comparison .comparison-head{min-height:34px;color:var(--muted);font:7px var(--font-geist-mono), monospace}.pricing-faq>div{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;display:grid}.pricing-faq details{border-bottom:1px solid var(--rule);padding:18px 0}.pricing-faq details:nth-child(odd){padding-right:24px}.pricing-faq details:nth-child(2n){border-left:1px solid var(--rule);padding-left:24px}.pricing-faq summary{cursor:pointer;font-size:10px}.pricing-faq details p{max-width:520px;color:var(--muted);font-size:9px;line-height:1.6}.pricing-final{grid-template-columns:1fr minmax(350px,.65fr);align-items:end;gap:40px;padding:72px 0 22px;display:grid}.pricing-final p{color:var(--muted);font-size:9px}.pricing-action-stack.compact .pricing-interval{justify-self:end}.demo-capture-page{background:var(--canvas);place-items:center;min-height:100dvh;padding:5vw;display:grid}.product-demo.standalone{width:min(1500px,90vw);min-height:min(850px,80vh)}@keyframes demo-cursor{0%,8%{opacity:0;transform:translate(-90px,12px)}14%,30%{opacity:1;transform:translate(0)}34%{transform:translateY(2px)scale(.9)}40%,76%{opacity:1;transform:translate(-270px)}82%,to{opacity:0}}@keyframes demo-resolve{0%{opacity:0;transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.demo-cursor{display:none}.product-demo *,.product-demo :before,.product-demo :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=980px){.pricing-hero,.pricing-demo-sections>article,.pricing-demo-sections>article.reverse{grid-template-columns:1fr;gap:28px;min-height:0;padding:44px 0}.pricing-demo-sections>article.reverse>div:first-child{order:0}.pricing-hero>div:first-child{max-width:650px}.product-demo{min-height:400px}}@media (width<=620px){.pricing-page{padding-inline:12px}.pricing-page>header{min-height:60px}.pricing-page nav{gap:12px}.pricing-page nav a:nth-child(2){display:none}.pricing-hero h1{font-size:34px}.pricing-hero .product-demo{min-height:360px}.pricing-demo-sections>article{padding:38px 0}.product-demo{min-height:360px}.demo-start-row{grid-template-columns:1fr 1fr;padding:10px}.demo-start-row>span{grid-column:1/-1}.demo-start-row.open{grid-template-columns:1fr}.demo-prompt-input{grid-template-columns:auto 1fr;height:auto}.demo-prompt-input em{white-space:normal;grid-area:2/1/auto/-1;min-height:50px;padding:12px}.demo-prompt-input button{grid-row:3}.demo-palette{height:140px}.demo-project>div{height:280px}.demo-project article{padding:7px}.demo-project article button{display:none}.demo-version-columns section{padding:7px}.demo-version-columns section>div{grid-template-columns:32px 1fr;height:62px}.demo-version-columns i{width:32px;height:42px}.demo-version-columns code{grid-column:2}.demo-reference-grid{grid-template-columns:repeat(2,1fr);height:230px}.demo-export-body{grid-template-columns:1fr}.demo-export-body section{border-right:0;border-bottom:1px solid var(--rule);grid-template-columns:1fr 1fr}.demo-export-body pre{display:none}.pricing-comparison [role=row]{grid-template-columns:1fr 78px 78px}.pricing-comparison small{margin-bottom:4px;display:block}.pricing-faq>div,.pricing-final,.pricing-supporting-stills>div{grid-template-columns:1fr}.pricing-faq details:nth-child(odd),.pricing-faq details:nth-child(2n){border-left:0;padding-inline:0}.pricing-action-stack.compact .pricing-interval{justify-self:start}}.pricing-page-technical .pricing-intro{max-width:680px;padding-block:48px 30px}.pricing-page-technical .pricing-intro h1{font-size:clamp(24px,3vw,32px);line-height:1.08}.pricing-page-technical .pricing-plans h2{letter-spacing:-.025em;font-size:16px}.pricing-page-technical .pricing-plans>article{min-height:330px}.pricing-page-technical .plus-feature-section{margin-top:34px}.pricing-page-technical .plus-feature-list article{min-height:166px}.pricing-page-technical .plus-feature-list h3{letter-spacing:-.018em;font-size:13px}.pricing-page-technical .pricing-comparison,.pricing-page-technical .pricing-faq{padding-block:48px}.pricing-page-technical .pricing-comparison h2,.pricing-page-technical .pricing-faq h2,.pricing-page-technical .pricing-final h2{letter-spacing:-.02em;margin:9px 0;font-size:15px;font-weight:520}.pricing-page-technical .pricing-final{padding-block:48px 10px}@media (width<=620px){.pricing-page-technical .pricing-intro{padding-block:36px 24px}.pricing-page-technical .pricing-plans>article{min-height:300px;padding:20px}.pricing-page-technical .plus-feature-list article{min-height:132px}.pricing-page-technical .pricing-comparison [role=row]{grid-template-columns:minmax(0,1fr) 68px 68px}}.pricing-feature-displays{border-top:1px solid var(--ink);margin-top:48px}.pricing-feature-displays>header{max-width:620px;padding:48px 0 28px}.pricing-feature-displays>header h2{letter-spacing:-.045em;margin:10px 0 7px;font-size:clamp(21px,2.4vw,32px);font-weight:510}.pricing-feature-displays>header p{color:var(--muted);margin:0;font-size:10px}.pricing-feature-displays>div{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pricing-feature-displays article{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-direction:column;gap:22px;min-width:0;padding:24px 24px 30px;display:flex}.feature-display-copy{max-width:410px}.feature-display-copy h2{letter-spacing:-.025em;margin:11px 0 12px;font-size:16px;font-weight:520;line-height:1.15}.feature-display-copy p{max-width:380px;color:var(--muted);margin:0;font-size:10px;line-height:1.65}.feature-display-visual{min-width:0}.feature-display-graphic{border:1px solid var(--rule);background:var(--canvas);height:330px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.feature-display-graphic{background:color-mix(in srgb, var(--canvas) 72%, var(--surface))}}.feature-display-graphic{isolation:isolate}.feature-display-graphic:before{z-index:-1;content:"";background-image:linear-gradient(#5a58520d 1px,#0000 1px),linear-gradient(90deg,#5a58520d 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.feature-display-graphic:after{z-index:5;background:linear-gradient(transparent 0%, var(--canvas) 42%, var(--canvas) 100%);height:92px;position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.feature-display-graphic:after{background:linear-gradient(transparent 0%, color-mix(in srgb, var(--canvas) 58%, transparent) 42%, color-mix(in srgb, var(--canvas) 88%, var(--surface)) 100%)}}.feature-display-graphic:after{content:"";pointer-events:none}.feature-main-window{z-index:1;border:1px solid var(--ink);background:var(--surface);border-radius:6px;width:72%;height:auto;position:absolute;top:58px;bottom:-16px;left:10%;overflow:hidden;box-shadow:0 18px 35px #18181514}.feature-window-bar{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;height:33px;padding:0 10px;display:flex}.feature-window-bar>span{gap:3px;display:flex}.feature-window-bar i{background:var(--ink);border-radius:50%;width:3px;height:3px}.feature-window-bar strong{font:6px var(--font-geist-mono), monospace;letter-spacing:.08em}.feature-float-card{z-index:7;border:1px solid var(--ink);background:var(--paper);border-radius:5px;padding:12px;position:absolute;box-shadow:0 12px 25px #1818151a}.feature-float-card>span,.feature-prompt-row>span,.feature-reference-heading span,.feature-extracted-row,.feature-project-title span,.feature-project-tabs,.feature-direction-grid span,.feature-preview-toggle,.feature-interface-nav,.feature-interface-copy small,.feature-interface-status small,.feature-snapshot-heading span,.feature-snapshot-footer,.feature-export-heading span,.feature-file-list{font-family:var(--font-geist-mono), monospace}.feature-float-card>span{color:var(--muted);letter-spacing:.09em;font-size:6px;display:block}.feature-float-card>strong{margin-top:7px;font-size:9px;font-weight:560;display:block}.feature-prompt-row{border:1px solid var(--rule);background:var(--paper);grid-template-columns:auto 1fr auto 11px;align-items:center;gap:7px;height:31px;margin:9px 10px;padding:3px 5px 3px 8px;display:grid}.feature-prompt-row span{color:var(--muted);font-size:6px}.feature-prompt-row p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:7px;overflow:hidden}.feature-prompt-row b{background:var(--ink);height:23px;color:var(--on-ink);white-space:nowrap;place-items:center;padding:0 7px;font-size:5.5px;font-weight:500;display:grid}.feature-prompt-row em{color:var(--muted);text-align:center;font-size:10px;font-style:normal}.feature-palette-strip{height:118px;margin:0 10px;display:flex}.feature-palette-strip i{min-width:14px}.feature-palette-meta{color:var(--muted);grid-template-columns:1.35fr 1.15fr .7fr 1fr .8fr;padding:9px 10px;font-size:6px;display:grid}.feature-palette-meta span{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 2px;overflow:hidden}.feature-brief-card{width:190px;top:25px;right:4%}.feature-brief-card i{background:var(--rule);width:100%;height:4px;margin-top:6px;display:block}.feature-brief-card i:nth-of-type(2){width:78%}.feature-brief-card i:nth-of-type(3){width:54%}.feature-name-card{width:184px;bottom:28px;left:3%}.feature-name-card>div{gap:4px;margin-top:9px;display:flex}.feature-name-card b{border:1px solid var(--rule);color:var(--muted);font:5px var(--font-geist-mono), monospace;padding:4px 5px;font-weight:500}.feature-reference-heading{justify-content:space-between;align-items:end;padding:11px 12px 8px;display:flex}.feature-reference-heading span{color:var(--muted);font-size:5px}.feature-reference-heading strong{font-size:11px;font-weight:520}.feature-reference-canvas{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;height:126px;margin:0 12px;display:grid}.feature-reference-canvas>div{border:1px solid var(--rule);background-image:url(/pricing/reference-material-study-1400.png);background-repeat:no-repeat;background-size:640%;position:relative;overflow:hidden}.feature-reference-canvas>div:first-child{background-position:5.5%}.feature-reference-canvas>div:nth-child(2){background-position:35.1%}.feature-reference-canvas>div:nth-child(3){background-position:64.7%}.feature-reference-canvas>div:nth-child(4){background-position:94.2%}.feature-reference-canvas i{border:2px solid var(--paper);width:11px;height:11px;box-shadow:0 0 0 1px var(--ink);border-radius:50%;position:absolute}.feature-reference-canvas>div:first-child i{background:#d0ccc4;top:56%;left:52%}.feature-reference-canvas>div:nth-child(2) i{background:#9c856d;top:45%;left:43%}.feature-reference-canvas>div:nth-child(3) i{background:#6c5043;top:36%;left:48%}.feature-reference-canvas>div:nth-child(4) i{background:#58646a;top:61%;left:46%}.feature-extracted-row{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:8px;margin:8px 12px 0;font-size:5px;display:grid}.feature-extracted-row>div{height:12px;display:flex}.feature-extracted-row i{flex:1}.feature-source-card{width:178px;top:20px;right:3%}.feature-source-card small,.feature-role-card small{color:var(--muted);margin-top:6px;font-size:6px;display:block}.feature-candidate-card{width:174px;bottom:18px;left:3%}.feature-candidate-card>div{height:10px;margin-top:8px;display:flex}.feature-candidate-card i{flex:1}.feature-project-title,.feature-export-heading{justify-content:space-between;align-items:end;padding:13px;display:flex}.feature-project-title span,.feature-export-heading span{color:var(--muted);font-size:6px}.feature-project-title strong,.feature-export-heading strong{font-size:11px;font-weight:520}.feature-project-tabs{color:var(--muted);gap:14px;margin:-3px 13px 9px;font-size:5px;display:flex}.feature-project-tabs span:first-child{color:var(--ink);border-bottom:1px solid var(--ink)}.feature-direction-grid{grid-template-columns:repeat(3,1fr);gap:6px;height:143px;padding:0 12px 12px;display:grid}.feature-direction-grid>div{border:1px solid var(--rule);grid-template-rows:1fr auto auto;gap:5px;padding:5px;display:grid}.feature-direction-grid>div.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.feature-direction-grid>div>div{display:flex}.feature-direction-grid i{flex:1}.feature-direction-grid strong{font-size:7px}.feature-direction-grid span{color:var(--muted);font-size:5px}.feature-reference-card{width:190px;top:22px;right:3%}.feature-reference-grid{grid-template-columns:repeat(4,1fr);gap:3px;height:42px;margin-top:8px;display:grid}.feature-reference-grid i{background-image:url(/pricing/reference-material-study-1400.png);background-repeat:no-repeat;background-size:520%}.feature-reference-grid i:first-child{background-position:3.6%}.feature-reference-grid i:nth-child(2){background-position:34.5%}.feature-reference-grid i:nth-child(3){background-position:65.5%}.feature-reference-grid i:nth-child(4){background-position:96.4%}.feature-extraction-strip{height:9px;margin:5px 0 0;display:flex}.feature-extraction-strip i{flex:1}.feature-reference-card>strong{margin-top:6px}.feature-status-card{width:154px;bottom:22px;left:4%}.feature-status-card small{color:var(--muted);margin-top:6px;font-size:6px;display:block}.feature-preview-toggle{border:1px solid var(--rule);background:var(--canvas);width:max-content;color:var(--muted);margin:9px 12px 8px auto;padding:2px;font-size:5px;display:flex}.feature-preview-toggle span,.feature-preview-toggle strong{padding:5px 8px;font-weight:500}.feature-preview-toggle strong{background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px var(--rule)}.feature-interface-stage{border:1px solid var(--rule);background:#d0ccc4;height:158px;margin:0 12px;padding:11px;position:relative}.feature-interface-nav{justify-content:space-between;font-size:5px;display:flex}.feature-interface-nav b{font-weight:600}.feature-interface-copy{width:70%;margin-top:28px}.feature-interface-copy small{font-size:5px}.feature-interface-copy>strong{letter-spacing:-.04em;margin-top:7px;font-size:15px;font-weight:500;display:block}.feature-interface-copy>i{background:var(--ink);width:72%;height:4px;margin-top:8px;display:block}@supports (color:color-mix(in lab, red, red)){.feature-interface-copy>i{background:color-mix(in srgb, var(--ink) 30%, transparent)}}.feature-interface-copy>div{gap:6px;margin-top:11px;display:flex}.feature-interface-copy>div b,.feature-interface-copy>div em{border:1px solid var(--ink);padding:6px 9px;font-size:5px;font-style:normal;font-weight:500}.feature-interface-copy>div b{color:#fff;background:#6c5043;border-color:#0000}.feature-interface-status{background:#ffffff4d;align-content:space-between;width:27%;min-height:50px;padding:8px;display:grid;position:absolute;bottom:10px;right:10px}.feature-interface-status small{font-size:5px}.feature-interface-status b{font-size:7px}.feature-contrast-card{width:174px;top:20px;right:3%}.feature-contrast-card>div{align-items:center;gap:6px;margin-top:8px;display:flex}.feature-contrast-card i{background:#6c5043;border-radius:50%;width:9px;height:9px}.feature-contrast-card b{font:5px var(--font-geist-mono), monospace}.feature-role-card{width:180px;bottom:18px;left:3%}.feature-snapshot-window{background:#d0ccc4}@supports (color:color-mix(in lab, red, red)){.feature-snapshot-window{background:color-mix(in srgb, #d0ccc4 32%, var(--surface))}}.feature-snapshot-window .feature-window-bar{background:var(--surface)}.feature-snapshot-heading{padding:16px 15px 11px}.feature-snapshot-heading span{color:var(--muted);font-size:6px}.feature-snapshot-heading strong{letter-spacing:-.04em;margin-top:7px;font-size:18px;font-weight:500;display:block}.feature-snapshot-heading p{max-width:300px;color:var(--muted);margin:5px 0 0;font-size:6px}.feature-snapshot-swatches{gap:3px;height:84px;margin:0 15px;display:flex}.feature-snapshot-swatches i{flex:1}.feature-snapshot-footer{border-top:1px solid var(--rule);color:var(--muted);justify-content:space-between;margin:11px 15px 0;padding-top:8px;font-size:5px;display:flex}.feature-identity-card{width:194px;top:18px;right:3%}.feature-brand-lockup{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);align-items:center;gap:8px;margin-top:9px;padding:7px 0;display:flex}.feature-brand-lockup>i{border:1px solid var(--ink);width:28px;height:28px;font:6px var(--font-geist-mono), monospace;flex:0 0 28px;place-items:center;font-style:normal;display:grid}.feature-brand-lockup p{min-width:0;margin:0}.feature-brand-lockup b,.feature-brand-lockup small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.feature-brand-lockup b{font-size:7px;font-weight:540}.feature-brand-lockup small{color:var(--muted);margin-top:3px;font-size:5px}.feature-identity-card>em{color:var(--muted);font:5px var(--font-geist-mono), monospace;letter-spacing:.07em;margin-top:7px;font-style:normal;display:block}.feature-share-card{width:180px;bottom:20px;left:3%}.feature-share-card label,.feature-access-card label{color:var(--muted);align-items:center;gap:4px;margin:8px 9px 0 0;font-size:6px;display:inline-flex}.feature-share-card label i,.feature-access-card label i{border:1px solid var(--ink);background:var(--ink);width:7px;height:7px;box-shadow:inset 0 0 0 2px var(--paper)}.feature-file-list{border-top:1px solid var(--rule);margin:0 13px}.feature-file-list>div{border-bottom:1px solid var(--rule);grid-template-columns:25px 1fr auto;align-items:center;min-height:34px;font-size:6px;display:grid}.feature-file-list i{color:var(--muted);font-style:normal}.feature-file-list b{color:var(--muted);font-size:5px;font-weight:500}.feature-access-card{width:166px;top:25px;right:3%}.feature-archive-card{width:190px;bottom:18px;left:3%}.feature-archive-card>div{gap:9px;margin-top:10px;display:flex}.feature-archive-card b{border-bottom:1px solid;font-size:6px;font-weight:500}@media (width>=1180px){.pricing-feature-displays>div{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-feature-displays article{gap:19px;padding:18px 18px 24px}.feature-display-graphic{height:360px}.feature-main-window{width:88%;height:auto;top:50px;bottom:-16px;left:6%}.feature-brief-card,.feature-source-card,.feature-contrast-card,.feature-identity-card{transform-origin:100% 0;top:18px;right:3%;transform:scale(.76)}.feature-name-card,.feature-candidate-card,.feature-status-card,.feature-role-card,.feature-share-card,.feature-archive-card{transform-origin:0 100%;bottom:14px;left:3%;transform:scale(.76)}.feature-reference-card,.feature-access-card{transform-origin:100% 0;top:18px;right:3%;transform:scale(.76)}.feature-palette-strip{height:118px}.feature-reference-canvas{height:160px}.feature-direction-grid{height:155px}.feature-interface-stage{height:204px}.feature-snapshot-swatches{height:90px}.feature-file-list>div{min-height:39px}}@media (width<=980px){.pricing-feature-displays article{gap:19px;padding:18px 18px 24px}.feature-display-graphic{height:286px}.feature-main-window{width:88%;height:auto;top:44px;bottom:-14px;left:6%}.feature-brief-card,.feature-source-card,.feature-contrast-card,.feature-identity-card{transform-origin:100% 0;top:17px;right:3%;transform:scale(.72)}.feature-name-card,.feature-candidate-card,.feature-status-card,.feature-role-card,.feature-share-card,.feature-archive-card{transform-origin:0 100%;bottom:12px;left:3%;transform:scale(.72)}.feature-reference-card,.feature-access-card{transform-origin:100% 0;top:17px;right:3%;transform:scale(.72)}.feature-palette-strip{height:78px}.feature-direction-grid{height:108px}.feature-snapshot-swatches{height:56px}.feature-file-list>div{min-height:28px}}@media (width<=700px){.pricing-feature-displays>div{border-left:0;grid-template-columns:1fr}.pricing-feature-displays article{border-right:0;gap:24px;padding:34px 0}.feature-display-copy{max-width:620px}}@media (width<=620px){.pricing-feature-displays{margin-top:36px}.pricing-feature-displays>header{padding:38px 0 22px}.feature-display-graphic{height:310px}.feature-main-window{width:88%;height:auto;top:48px;bottom:-14px;left:6%}.feature-brief-card,.feature-source-card,.feature-contrast-card,.feature-identity-card{transform-origin:100% 0;top:18px;right:3%;transform:scale(.82)}.feature-name-card,.feature-candidate-card,.feature-status-card,.feature-role-card,.feature-share-card,.feature-archive-card{transform-origin:0 100%;bottom:14px;left:3%;transform:scale(.82)}.feature-reference-card,.feature-access-card{transform-origin:100% 0;top:18px;right:3%;transform:scale(.82)}.feature-palette-strip{height:82px}.feature-direction-grid{height:112px}.feature-snapshot-swatches{height:58px}.feature-snapshot-heading{padding-top:11px}.feature-snapshot-heading strong{font-size:15px}.feature-display-copy h2{font-size:16px}}.project-metadata form{grid-template-columns:1fr 1fr 220px;gap:10px;padding:16px;display:grid}.project-metadata label{color:var(--muted);font-size:7px}.project-metadata label.wide{grid-column:1/-1}.project-metadata input,.project-metadata select,.project-metadata textarea,.project-metadata button,.delivery-grid textarea{border:1px solid var(--rule);background:var(--paper);width:100%;min-height:32px;color:var(--ink);margin-top:5px;padding:7px 8px;font-size:8px;display:block}.project-metadata textarea,.delivery-grid textarea{resize:vertical;min-height:62px}.project-metadata button{border-color:var(--ink);background:var(--ink);color:var(--on-ink);cursor:pointer;grid-column:1/-1}.project-direction-actions,.version-actions{gap:5px;display:flex}.project-direction-actions button,.project-direction-actions a{border:1px solid var(--rule);width:auto;min-width:28px;height:26px;color:var(--ink);background:0 0;justify-content:center;align-items:center;padding:0 7px;font-size:7px;text-decoration:none;display:inline-flex}.version-actions{flex-wrap:wrap}.comparison-summary{border-top:1px solid var(--rule);color:var(--muted);font:7px var(--font-geist-mono), monospace;align-items:center;gap:12px;padding:12px 18px;display:flex}.comparison-summary button{border:1px solid var(--ink);color:var(--ink);background:0 0;margin-left:auto;padding:7px 9px;font-size:7px}.project-filters{border:1px solid var(--rule);background:var(--surface);grid-template-columns:1fr 240px;gap:9px;margin-bottom:20px;padding:12px;display:grid}.project-filters label{color:var(--muted);font-size:7px}.project-filters input,.project-filters select{border:1px solid var(--rule);background:var(--paper);width:100%;height:34px;color:var(--ink);margin-top:5px;padding:0 9px;display:block}.reference-board-head .board-actions{align-items:center;gap:7px;display:flex}.board-actions select,.board-actions button{border:1px solid var(--rule);background:var(--paper);min-height:30px;color:var(--ink);padding:0 8px;font-size:7px}.board-actions label{border:0;padding:0}.board-actions .board-delete{color:#9d392d;cursor:pointer;border-color:#0000}.sample-image{position:relative}.sample-image img{cursor:crosshair}.sample-image i{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #111}.reference-board-images figcaption>input{border:0;border-bottom:1px solid var(--rule);width:100%;color:var(--ink);background:0 0;padding:4px 0;font-size:8px}.reference-image-actions{gap:4px;display:flex}.reference-image-actions button{border:1px solid var(--rule);min-height:24px;color:var(--ink);background:0 0;padding:0 6px;font-size:7px}.board-candidate-tray{border-top:1px solid var(--rule);padding:14px 16px 16px}.board-candidate-tray header{color:var(--muted);font:7px var(--font-geist-mono), monospace;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.board-candidate-tray header button{border:1px solid var(--ink);background:var(--ink);min-height:30px;color:var(--on-ink);padding:0 9px;font-size:7px}.board-candidate-tray>div{min-height:90px;display:flex}.board-candidate-tray>div button{text-align:left;border:0;flex:1;min-width:60px;position:relative}.board-candidate-tray>div span,.board-candidate-tray>div small{color:#fff;font:6px var(--font-geist-mono), monospace;text-shadow:0 1px 3px #000;position:absolute;left:7px}.board-candidate-tray>div span{bottom:23px}.board-candidate-tray>div small{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 14px);bottom:8px;overflow:hidden}.share-management{border-top:1px solid var(--rule);padding:16px}.share-management article{border-bottom:1px solid var(--rule)}.share-record{grid-template-columns:1fr auto auto;align-items:center;gap:14px;min-height:58px;display:grid}.share-record>div{gap:4px;display:grid}.share-management strong{font-size:9px}.share-management a,.share-record>span{color:var(--muted);font:7px var(--font-geist-mono), monospace}.share-management nav{gap:5px;display:flex}.share-management button{color:var(--ink);background:0 0;border:0;border-bottom:1px solid;padding:5px;font-size:7px}.share-management button:disabled{cursor:wait;opacity:.55}.share-response-alert{border-bottom:1px solid var(--rule);background:#9d392d;grid-template-columns:190px 1fr;gap:18px;padding:18px;display:grid}@supports (color:color-mix(in lab, red, red)){.share-response-alert{background:color-mix(in srgb, #9d392d 7%, var(--surface))}}.share-response-alert>span{color:#9d392d;font:var(--type-label) var(--font-geist-mono), monospace;letter-spacing:.08em}.share-response-alert div{gap:3px;display:grid}.share-response-alert strong{font-size:10px;font-weight:520}.share-response-alert p{color:var(--muted);font-size:var(--type-support);margin:0}.share-response-review{border-top:1px solid var(--rule);background:var(--surface)}.share-response-review>header{border-bottom:1px solid var(--rule)}.share-response-toggle{text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:38px;display:flex;border:0!important;padding:10px 12px!important}.share-response-toggle>span:first-child,.share-response-summary small,.share-response-summary em{color:var(--muted);font:var(--type-micro) var(--font-geist-mono), monospace;letter-spacing:.08em}.share-response-summary{justify-content:flex-end;align-items:center;gap:12px;display:flex}.share-response-summary em{color:#3f6f54;font-style:normal}.share-response-summary i{border-bottom:1px solid;border-right:1px solid;width:7px;height:7px;transition:transform .16s;transform:translateY(-2px)rotate(45deg)}.share-response-toggle[aria-expanded=true] .share-response-summary i{transform:translateY(2px)rotate(225deg)}.share-response-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.share-response-list>article{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);align-content:start;gap:6px;min-height:128px;padding:14px 12px;display:grid}.share-response-list>article:nth-child(2n){border-right:0}.share-response-status{grid-template-columns:auto auto 1fr;justify-content:start;align-items:center;gap:10px;display:grid}.share-response-status time{justify-self:end}.share-response-status>span,.share-response-review time,.response-reviewed{color:var(--muted);font:var(--type-micro) var(--font-geist-mono), monospace;letter-spacing:.06em}.share-response-review article.change-requested .share-response-status>span{color:#9d392d}.share-response-review article.approved .share-response-status>span{color:#3f6f54}.share-response-review .response-reviewed{border-left:1px solid var(--rule);color:var(--muted);padding-left:10px}.share-response-review article>strong{font-size:9px}.share-response-review article>a{width:max-content;color:var(--muted);font:var(--type-label) var(--font-geist-mono), monospace}.share-response-review article>p{max-width:680px;color:var(--ink);margin:3px 0 0;font-size:9px;line-height:1.55}.share-response-review .mark-response-reviewed{color:#9d392d;width:max-content;font:var(--type-label) var(--font-geist-mono), monospace;letter-spacing:.04em;text-transform:uppercase;margin-top:7px;padding:5px 0}.share-management article.editing{background:var(--surface);margin-inline:-16px;padding-inline:16px}.share-row-editor{border-top:1px solid var(--rule);gap:14px;padding:18px 0;display:grid}.share-row-editor:before{content:"LINK SETTINGS / EDIT";color:var(--muted);font:6px var(--font-geist-mono), monospace;letter-spacing:.1em}.share-row-editor .share-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0}.share-row-editor .share-fields label{min-width:0;color:var(--muted);font:6px var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase}.share-row-editor .share-fields input{border:1px solid var(--rule);background:var(--paper);width:100%;min-width:0;height:36px;min-height:36px;color:var(--ink);font:8px var(--font-geist-sans), sans-serif;letter-spacing:0;text-transform:none;border-radius:0;margin-top:7px;padding:0 10px;display:block}.share-row-editor .share-fields input:focus{border-color:var(--ink);outline:1px solid var(--ink);outline-offset:-2px}.share-editor-options{border-block:1px solid var(--rule);grid-template-columns:repeat(5,max-content);align-items:center;gap:10px 22px;padding:12px 0;display:grid}.share-editor-options label{color:var(--muted);font:7px var(--font-geist-mono), monospace;cursor:pointer;align-items:center;gap:7px;display:inline-flex}.share-editor-options input[type=checkbox]{appearance:none;border:1px solid var(--muted);background:0 0;border-radius:0;flex:0 0 13px;width:13px;height:13px;margin:0}.share-editor-options input[type=checkbox]:checked{border-color:var(--ink);background:var(--ink);box-shadow:inset 0 0 0 3px var(--surface)}.share-editor-options input[type=checkbox]:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.share-row-editor footer{justify-content:flex-end;gap:7px;display:flex}.share-row-editor footer button{border:1px solid var(--ink);background:0 0;min-width:96px;min-height:34px;padding:0 12px;font-size:8px}.share-row-editor footer button:last-child{background:var(--ink);color:var(--on-ink)}.share-builder-error{grid-column:1/-1;margin:0 18px 18px}.shared-closing{border-top:1px solid var(--rule);padding:30px 0}.shared-closing p{max-width:680px;color:var(--muted);margin:0;font-size:10px}.share-approval{border-top:1px solid var(--rule);padding:30px}.share-approval form{grid-template-columns:auto auto 1fr 1fr;gap:8px;margin-top:14px;display:grid}.share-approval label{align-items:center;gap:5px;font-size:8px;display:flex}.share-approval input,.share-approval textarea,.share-approval button{border:1px solid var(--rule);background:var(--paper);min-height:34px;color:var(--ink);padding:7px;font-size:8px}.share-approval textarea{grid-column:1/-1}.share-approval button{border-color:var(--ink);background:var(--ink);color:var(--on-ink);grid-column:1/-1}.prompt-candidate-backdrop{z-index:140;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1414126b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.prompt-candidate{border:1px solid var(--ink);background:var(--surface);width:min(620px,100%);padding:22px}.prompt-candidate h2{margin:12px 0 7px;font-size:22px}.prompt-candidate p{color:var(--muted);font-size:9px}.prompt-candidate>div{height:130px;margin:18px 0;display:flex}.prompt-candidate i{flex:1}.prompt-candidate footer{gap:7px;display:flex}.prompt-candidate footer button{border:1px solid var(--ink);min-height:34px;color:var(--ink);background:0 0;padding:0 10px;font-size:8px}.prompt-candidate footer button:first-child{background:var(--ink);color:var(--on-ink)}.maintained-presets{flex-wrap:wrap;gap:5px;margin-bottom:14px;display:flex}.maintained-presets span{width:100%;color:var(--muted);font:7px var(--font-geist-mono), monospace}.maintained-presets button,.workflow-records nav button{border:1px solid var(--rule);color:var(--ink);background:0 0;padding:5px 7px;font-size:7px}.workflow-records nav{grid-column:1/-1;gap:5px;display:flex}.brand-section-order{border-top:1px solid var(--rule);grid-column:1/-1;gap:3px;padding:8px 0;display:grid}.brand-section-order>span{margin-bottom:3px}.brand-section-order>div{grid-template-columns:1fr 25px 25px;gap:3px;display:grid}.brand-section-order button{border:1px solid var(--rule);min-height:25px;color:var(--muted);text-align:left;background:0 0;padding:4px 6px;font-size:7px}.brand-section-order button[aria-pressed=true]{border-color:var(--ink);background:var(--paper);color:var(--ink)}.brand-section-order button+button{text-align:center}@media (width<=980px){.share-row-editor .share-fields{grid-template-columns:1fr 1fr}.share-editor-options{grid-template-columns:repeat(3,max-content)}}@media (width<=760px){.project-metadata form,.project-filters{grid-template-columns:1fr}.reference-board-head .board-actions{flex-direction:column;align-items:stretch}.share-record{grid-template-columns:1fr}.share-management nav{flex-wrap:wrap}.share-response-alert,.share-response-list{grid-template-columns:1fr}.share-response-list>article{border-right:0}.share-response-summary em{display:none}.share-row-editor .share-fields{grid-template-columns:1fr}.share-editor-options{grid-template-columns:1fr 1fr;gap:10px}.share-row-editor footer button{flex:1}.share-approval form{grid-template-columns:1fr}.prompt-candidate footer{flex-direction:column}.pricing-supporting-stills>div{grid-template-columns:1fr}}.project-title-compact{align-items:flex-start;padding:30px 0 22px}.project-title-compact>div{gap:5px;display:grid}.project-title-compact .project-back{width:max-content;color:var(--muted);font:7px var(--font-geist-mono), monospace;text-transform:uppercase;margin-bottom:5px;text-decoration:none}.project-title-compact h1{margin:4px 0 2px;font-size:clamp(24px,3vw,31px)}.project-workspace-tabs{border:1px solid var(--rule);background:var(--surface);grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px;display:grid}.project-workspace-tabs button{border:0;border-right:1px solid var(--rule);min-height:48px;color:var(--muted);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:0 14px;font-size:9px;display:flex}.project-workspace-tabs button:last-child{border-right:0}.project-workspace-tabs button[aria-current=page]{background:var(--ink);color:var(--on-ink)}.project-workspace-tabs small{width:19px;height:19px;font:6px var(--font-geist-mono), monospace;border:1px solid;border-radius:50%;place-items:center;display:grid}.project-workspace-tabs small.requires-review{color:#fff;background:#9d392d;border-color:#9d392d}.project-workspace-error{margin:0 0 16px}.project-panel{min-height:500px;margin-bottom:0}.project-panel>header{align-items:center}.project-panel-reference>.project-section{min-height:500px;margin-bottom:0}.attach-palette a,.project-open-palette,.project-empty a,.project-empty button{border:1px solid var(--ink);min-height:34px;color:var(--ink);background:0 0;justify-content:center;align-items:center;padding:0 11px;font-size:8px;text-decoration:none;display:inline-flex}.attach-palette select{min-width:190px}.project-palette-grid.simplified{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.project-palette-grid.simplified article{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-width:0;padding:16px}.project-palette-grid.simplified .project-palette-swatches{height:105px}.palette-card-title{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.palette-card-title span{color:var(--muted);font:6px var(--font-geist-mono), monospace;text-transform:uppercase}.project-open-palette{background:var(--ink);width:100%;color:var(--on-ink)}.palette-checkpoint,.palette-more,.version-list.simplified details,.delivery-advanced,.export-pack-panel details,.version-comparison{border-top:1px solid var(--rule);margin-top:10px}.palette-checkpoint summary,.palette-more summary,.version-list.simplified summary,.delivery-advanced summary,.export-pack-panel summary,.version-comparison>summary{color:var(--muted);cursor:pointer;padding:10px 0;font-size:8px;list-style-position:inside}.palette-checkpoint form{gap:5px;padding-bottom:4px;display:grid}.palette-more>label{color:var(--muted);padding:3px 0 8px;font-size:7px;display:block}.project-palette-grid.simplified .project-direction-actions{flex-wrap:wrap}.project-palette-grid.simplified .project-direction-actions button{border-color:var(--rule);width:auto;color:var(--ink);background:0 0;flex:40%}.project-empty{text-align:center;place-content:center;justify-items:center;min-height:320px;padding:30px;display:grid}.project-empty strong{font-size:14px;font-weight:520}.project-empty p{max-width:390px;color:var(--muted);margin:8px 0 18px;font-size:9px}.project-empty button{cursor:pointer}.version-list.simplified{grid-template-columns:repeat(3,minmax(0,1fr))}.version-list.simplified article{flex-direction:column;min-height:190px;display:flex}.version-list.simplified strong{margin:24px 0 4px}.version-list.simplified small{border:1px solid var(--ink);width:max-content;font:6px var(--font-geist-mono), monospace;margin:3px 0;padding:3px 5px}.version-list.simplified p{flex:1;min-height:30px}.version-primary-actions{gap:10px;display:flex}.version-list.simplified details .version-actions{padding-bottom:5px}.version-comparison{margin:0}.version-comparison>summary{padding:14px 18px}.palette-compare>header p{color:var(--muted);margin:5px 0 0;font-size:9px}.compare-palette-preview{background:var(--rule);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:1px;display:grid}.compare-palette-preview article{background:var(--paper);padding:18px}.compare-palette-preview strong{margin-bottom:10px;font-size:11px;display:block}.compare-palette-preview article>div{height:72px;display:flex}.compare-palette-preview i{min-width:1px;display:block}.palette-comparison .comparison-summary{border-top:0}.delivery-grid.simplified>form{align-content:start}.delivery-grid.simplified>form>h3,.delivery-grid.simplified .delivery-advanced,.delivery-grid.simplified>form>button,.delivery-grid.simplified output{grid-column:1/-1}.delivery-advanced>div{grid-template-columns:1fr 1fr;gap:9px;padding:2px 0 12px;display:grid}.delivery-advanced .permission-checks{flex-wrap:wrap;grid-column:1/-1}.export-pack-panel details{margin-top:22px}.export-pack-panel details summary{color:var(--ink);font-size:9px}@media (width<=760px){.project-title-compact{padding-top:24px}.project-workspace-tabs{display:flex;overflow-x:auto}.project-workspace-tabs button{flex:1 0 auto;min-width:132px}.project-panel{min-height:420px}.project-palette-grid.simplified,.version-list.simplified,.delivery-advanced>div{grid-template-columns:1fr}.delivery-advanced .permission-checks{grid-column:1}}.palette-card-actions{border-top:1px solid var(--rule);align-items:center;gap:14px;min-height:36px;margin-top:5px;display:flex}.palette-card-actions a,.project-palette-grid.simplified .palette-card-actions button{width:auto;height:auto;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #0000;margin:0;padding:0;font-size:8px;text-decoration:none}.palette-card-actions a{border-bottom-color:currentColor;margin-right:auto}.palette-card-actions button{cursor:pointer}.palette-card-actions button[aria-expanded=true]{border-bottom-color:currentColor}.palette-inline-panel{border-top:1px solid var(--rule);background:var(--paper);margin:0 -16px -16px;padding:14px 16px 16px}.palette-inline-panel header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.palette-inline-panel header div{gap:4px;display:grid}.palette-inline-panel header span{color:var(--muted);font:6px var(--font-geist-mono), monospace;letter-spacing:.08em}.palette-inline-panel header strong{font-size:10px;font-weight:520}.project-palette-grid.simplified .palette-inline-panel header button{width:22px;height:22px;color:var(--ink);background:0 0;border:0;margin:0;padding:0;font-size:15px}.palette-inline-panel label{color:var(--muted);margin-top:8px;font-size:7px;display:block}.palette-inline-panel label small{float:right;font-size:6px}.palette-version-form>button{margin-top:10px}.palette-version-saved{border-top:1px solid var(--rule);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin:12px -16px -16px;padding:10px 16px;font-size:7px;display:flex}.project-palette-grid.simplified .palette-version-saved button{width:auto;height:auto;color:var(--ink);background:0 0;border:0;border-bottom:1px solid;margin:0;padding:0}.palette-version-error{color:#9d392d;margin:8px 0 0;font-size:7px}.project-palette-grid.simplified .palette-manage-panel select{margin-bottom:10px}.project-palette-grid.simplified .palette-manage-panel .project-direction-actions button{flex:auto;width:auto;margin:0}.palette-manage-panel .danger-text{color:#9d392d!important}.project-danger-zone{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:20px;padding:16px;display:flex}.project-danger-zone span{color:#9d392d;font:6px var(--font-geist-mono), monospace;letter-spacing:.08em}.project-danger-zone p{color:var(--muted);margin:5px 0 0;font-size:7px}.project-metadata .project-danger-zone button{color:#9d392d;background:0 0;border-color:#9d392d;width:auto;min-width:90px;margin:0}.delivery-grid.simplified{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}.delivery-grid.simplified>form.share-builder{padding:0;display:block}.share-builder-title{border-bottom:1px solid var(--rule);padding:20px 22px}.share-builder-title h3{margin-bottom:6px}.share-builder-title p{color:var(--muted);margin:0;font-size:8px}.share-step{border:0;border-bottom:1px solid var(--rule);margin:0;padding:18px 22px 20px}.share-step legend{align-items:flex-start;gap:12px;width:100%;padding:12px 0 0;display:flex}.share-step legend>span{border:1px solid var(--rule);width:25px;height:25px;color:var(--muted);font:6px var(--font-geist-mono), monospace;border-radius:50%;flex:0 0 25px;place-items:center;display:grid}.share-step legend>div{gap:3px;display:grid}.share-step legend strong{color:var(--ink);font-size:10px;font-weight:520}.share-step legend small,.share-fields label>small{color:var(--muted);font-size:7px;font-weight:400}.share-fields{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.share-fields.single{grid-template-columns:1fr}.share-fields label{display:block}.share-fields label>small{margin-top:5px;display:block}.share-approval-option{border:1px solid var(--rule);cursor:pointer;align-items:flex-start;gap:8px;margin-top:12px;padding:11px;display:flex!important}.delivery-grid .share-approval-option input{width:auto;height:auto;margin:2px 0 0}.share-approval-option span{gap:3px;display:grid}.share-approval-option strong{color:var(--ink);font-size:8px;font-weight:520}.share-approval-option small{font-size:7px}.share-options{border-top:1px solid var(--rule);margin-top:10px}.share-options summary{color:var(--ink);cursor:pointer;padding:11px 0 0;font-size:8px}.share-option-groups{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.share-option-groups>div{border:1px solid var(--rule);gap:8px;padding:11px;display:grid}.share-option-groups>div>strong{color:var(--ink);font-size:8px;font-weight:520}.share-option-groups label{color:var(--muted);align-items:center;gap:7px;font-size:7px;display:flex}.delivery-grid .share-option-groups input{width:auto;height:auto;margin:0}.share-submit{justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.share-submit div{gap:4px;display:grid}.share-submit span{color:var(--muted);font:6px var(--font-geist-mono), monospace;letter-spacing:.08em}.share-submit p{color:var(--muted);margin:0;font-size:7px}.share-submit button{border:1px solid var(--ink);background:var(--ink);min-width:120px;min-height:36px;color:var(--on-ink);cursor:pointer;padding:0 12px;font-size:8px}.share-builder output{margin:0 22px 20px}.simplified-export{align-self:start;padding:22px!important}.simplified-export>.eyebrow{margin-bottom:9px;display:block}.simplified-export h3{margin-bottom:7px}.simplified-export>p{margin:0 0 18px}.simplified-export>label,.snapshot-builder label{color:var(--muted);font-size:7px;display:block}.export-includes{border:1px solid var(--rule);margin-top:14px;padding:12px}.export-includes span{color:var(--muted);font:6px var(--font-geist-mono), monospace;letter-spacing:.08em}.export-includes p{margin:7px 0 0;font-size:7px;line-height:1.6}.simplified-export .export-primary,.snapshot-builder>button{height:38px;min-height:38px;margin-top:10px;font-size:8px}.snapshot-builder{border-top:1px solid var(--rule);padding-top:14px;margin-top:20px!important}.snapshot-builder h4{margin:0 0 13px;font-size:9px;font-weight:500}.snapshot-builder>p{margin:0 0 13px}.snapshot-builder label+label{margin-top:10px}.snapshot-builder>a{color:var(--muted);border-bottom:1px solid;margin-top:11px;font-size:7px;text-decoration:none;display:inline-block}.reference-boards>header{align-items:center}.reference-boards>header p{max-width:520px;color:var(--muted);margin:7px 0 0;font-size:8px}.reference-zero-state,.reference-empty-step{justify-items:start;padding:34px 28px;display:grid}.reference-zero-state{text-align:center;align-content:center;justify-items:center;min-height:280px}.reference-zero-state span,.reference-empty-step>span,.reference-workflow-note span,.reference-extraction>div>span{color:var(--muted);font:6px var(--font-geist-mono), monospace;letter-spacing:.08em}.reference-zero-state strong{margin-top:12px;font-size:13px;font-weight:520}.reference-zero-state p,.reference-empty-step p,.reference-workflow-note p,.reference-extraction p{max-width:480px;color:var(--muted);font-size:8px;line-height:1.55}.reference-board-head{border-bottom:1px solid var(--rule)}.reference-add-images,.reference-upload-primary{border:1px solid var(--ink);min-height:32px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;padding:0 10px;font-size:8px;display:inline-flex}.reference-add-images input,.reference-upload-primary input{display:none}.reference-empty-step{text-align:center;align-content:center;justify-items:center;min-height:280px}.reference-empty-step h4{margin:12px 0 0;font-size:14px;font-weight:520}.reference-upload-primary{background:var(--ink);color:var(--on-ink);margin-top:10px}.reference-workflow-note{align-items:baseline;gap:18px;padding:12px 16px;display:flex}.reference-workflow-note p{margin:0}.reference-extraction{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:24px;padding:18px 16px;display:flex}.reference-extraction>div:first-child{gap:5px;display:grid}.reference-extraction strong{font-size:10px;font-weight:520}.reference-extraction p{margin:0}.reference-extraction-controls{grid-template-columns:130px 85px auto;align-items:end;gap:7px;display:grid}.reference-extraction-controls label{color:var(--muted);font-size:7px}.reference-extraction-controls select,.reference-extraction-controls button{border:1px solid var(--rule);background:var(--paper);width:100%;min-height:32px;color:var(--ink);margin-top:5px;padding:0 8px;font-size:7px;display:block}.reference-extraction-controls button{border-color:var(--ink);background:var(--ink);min-width:112px;color:var(--on-ink);cursor:pointer}.reference-extraction-controls button:disabled{opacity:.4;cursor:default}@media (width<=760px){.delivery-grid.simplified,.share-fields,.share-option-groups{grid-template-columns:1fr}.share-fields>span{display:none}.compare-palette-preview{grid-template-columns:1fr}.share-submit,.reference-extraction,.reference-workflow-note{flex-direction:column;align-items:stretch}.reference-extraction-controls{grid-template-columns:1fr 1fr}.reference-extraction-controls button{grid-column:1/-1}.reference-board-images{grid-template-columns:repeat(2,1fr)}}.legal-page{background:var(--paper);min-height:100vh;color:var(--ink)}.legal-page>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:96px;padding:24px 3vw;display:flex}.legal-page>header nav,.pricing-legal{align-items:center;gap:22px;display:flex}.legal-page>article{width:min(860px,92vw);margin:0 auto;padding:76px 0 120px}.legal-page h1{letter-spacing:-.05em;margin:18px 0 8px;font-size:clamp(2.25rem,5vw,4.25rem);font-weight:500}.legal-page h2{margin:0 0 12px;font-size:1.1rem;font-weight:600}.legal-page article section{border-top:1px solid var(--line);padding:28px 0}.legal-page article section p{max-width:72ch;color:var(--muted);margin:0;line-height:1.65}.legal-date{color:var(--muted);margin:0 0 48px}.pricing-legal{border-top:1px solid var(--line);justify-content:space-between;padding:28px 0 56px}.pricing-legal nav{align-items:center;gap:22px;display:flex}.pricing-legal a,.pricing-legal span{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.pricing-legal a:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.pricing-legal span{color:var(--muted);text-align:right}.auth-text-action{text-underline-offset:4px;align-self:flex-start;text-decoration:underline;width:auto!important;color:var(--muted)!important;background:0 0!important;border:0!important;padding:8px 0!important}.shared-references{border-top:1px solid var(--line);padding:52px 4vw}.shared-references h2{margin:10px 0 24px;font-size:1.35rem}.shared-references>div{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.shared-references figure{border:1px solid var(--line);margin:0}.shared-references img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.shared-references figcaption{justify-content:space-between;gap:16px;padding:10px;font-size:.72rem;display:flex}.shared-references figcaption span,.share-notice{color:var(--muted)}.share-notice{padding:0 4vw 24px;font-size:.8rem}.billing-confirming{color:var(--muted)}.account-legal-links{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:9px 18px;margin-top:34px;padding-top:13px;display:flex}.settings-page .account-legal-links a{color:var(--muted);font:7px var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.settings-page .account-legal-links a:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}@media (width<=700px){.legal-page>header{align-items:flex-start;gap:22px}.legal-page>header nav{flex-wrap:wrap;justify-content:flex-end;gap:10px 16px}.legal-page>article{padding-top:44px}.pricing-legal{align-items:flex-start;gap:18px}.pricing-legal nav{flex-wrap:wrap;align-items:flex-start;gap:10px 14px}.plus-dialog ul{grid-template-columns:1fr}}:is(.start-colour-entry label span,.prompt-entry label span,.prompt-trigger sup,.project-create label span,.project-card-meta,.compare-selects>span,.version-list span,.comparison-table>article>header,.comparison-colour-row span,.comparison-colour-row code,.comparison-colour-row>small,.reference-board-head span,.delivery-grid output span,.workflow-tabs small,.identity-form-section>span,.identity-name-step>span,.identity-live-inputs>span,.identity-preview-label span,.maintained-presets>span,.token-naming-guide>span,.save-destination span,.save-dialog form>label>small,.project-title-compact .project-back,.project-workspace-tabs small,.palette-card-title span,.version-list.simplified small,.palette-inline-panel header span,.palette-inline-panel label small,.project-danger-zone span,.share-step legend>span,.share-submit span,.export-includes span,.reference-zero-state span,.reference-empty-step>span,.reference-workflow-note span,.reference-extraction>div>span,.share-row-editor .share-fields label,.pricing-comparison small){font-size:var(--type-micro)}:is(.eyebrow,.tool-controls label,.snapshot-control-stack label,.project-metadata label,.project-filters label,.reference-board-images label,.delivery-grid label,.workflow-grid label,.identity-logo-scale small,.save-dialog form>label,.save-destination small,.palette-more>label,.palette-inline-panel label,.palette-version-saved,.palette-version-error,.share-step legend small,.share-fields label>small,.share-approval-option small,.share-option-groups label,.share-submit p,.simplified-export>label,.snapshot-builder label,.snapshot-builder>a,.reference-extraction-controls label,.share-management a,.share-record>span,.share-management button,.share-editor-options label,.pricing-legal a,.pricing-legal span,.settings-page .account-legal-links a){font-size:var(--type-label)}:is(.project-metadata input,.project-metadata select,.project-metadata textarea,.project-metadata button,.project-danger-zone p,.version-list p,.technical-empty,.reference-boards>header p,.reference-zero-state p,.reference-empty-step p,.reference-workflow-note p,.reference-extraction p,.reference-add-images,.reference-upload-primary,.reference-extraction-controls select,.reference-extraction-controls button,.workflow-panel-head p,.workflow-grid input,.workflow-grid select,.workflow-grid form>button,.share-builder-title p,.share-approval-option strong,.share-options summary,.share-option-groups>div>strong,.share-submit button,.export-includes p,.simplified-export .export-primary,.snapshot-builder>button,.share-row-editor .share-fields input,.share-row-editor footer button){font-size:var(--type-support)}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"+";color:currentColor;width:1.2em;font-family:var(--font-geist-mono), monospace;text-align:center;flex:0 0 1.2em;margin-right:.35em;font-size:.9em;font-weight:500;line-height:1;display:inline-block}details[open]>summary:before{content:"−"}.mobile-new-palette{display:none}@media (width>=761px){.studio .account-tools>.mobile-new-palette{display:none!important}}.overwrite-dialog{width:min(590px,100%)}.overwrite-choices{grid-template-columns:1fr 1fr;gap:9px;padding:18px 22px 8px;display:grid}.overwrite-choices>button{border:1px solid var(--rule);background:var(--paper);min-height:92px;color:var(--ink);cursor:pointer;text-align:left;align-content:center;gap:6px;padding:14px;display:grid}.overwrite-choices strong{font-size:var(--type-support);font-weight:560}.overwrite-choices span{color:var(--muted);font-size:var(--type-label);line-height:1.45}.overwrite-choices .overwrite-primary{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.overwrite-choices .overwrite-primary span{color:inherit;opacity:.72}.overwrite-dialog>footer{padding:8px 22px 18px}.workspace-share-dialog{width:min(720px,100%);max-height:calc(100dvh - 36px);overflow-y:auto}.workspace-share-form{gap:0!important;padding:0!important}.workspace-share-form fieldset{border:0;border-bottom:1px solid var(--rule);gap:14px;min-width:0;margin:0;padding:0 22px 18px;display:grid}.workspace-share-form legend{float:left;width:100%;color:var(--ink);font-size:var(--type-support);margin:0;padding:18px 0 0;font-weight:560}.workspace-share-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.workspace-share-form label{color:var(--muted);font-size:var(--type-label)}.workspace-share-form input,.workspace-share-form select,.workspace-share-form textarea{border:1px solid var(--rule);background:var(--paper);width:100%;min-height:38px;color:var(--ink);font-size:var(--type-support);margin-top:6px;padding:0 10px;display:block}.workspace-share-form textarea{resize:vertical;min-height:78px;padding-block:9px}.workspace-share-url{border:1px solid var(--rule);background:var(--paper);grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:38px;margin-top:6px;display:grid}.workspace-share-url small{color:var(--muted);font-size:var(--type-label);padding-left:10px}.workspace-share-url input{border:0;min-width:0;margin:0}.workspace-share-primary-option{border:1px solid var(--rule);align-items:center;gap:10px;padding:12px;display:flex;color:var(--ink)!important}.workspace-share-primary-option input,.workspace-share-options input,.workspace-share-sections input{background:0 0;border:0;width:auto;min-height:0;margin:0;padding:0}.workspace-share-primary-option span{gap:3px;display:grid}.workspace-share-primary-option strong{font-size:var(--type-support);font-weight:560}.workspace-share-primary-option small{color:var(--muted);font-size:var(--type-label)}.workspace-share-form details{border-bottom:1px solid var(--rule)}.workspace-share-form details>summary{cursor:pointer;color:var(--ink);font-size:var(--type-support);padding:16px 22px}.workspace-share-form details[open]>summary{border-bottom:1px solid var(--rule)}.workspace-share-notes{padding:18px 22px 8px}.workspace-share-options{grid-template-columns:1fr 1fr;gap:20px;padding:12px 22px 20px;display:grid}.workspace-share-options>div{align-content:start;gap:9px;display:grid}.workspace-share-options>div>strong{font-size:var(--type-label);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.workspace-share-options label{color:var(--ink);align-items:center;gap:8px;display:flex}.workspace-share-header{gap:18px}.workspace-share-header-actions{flex:none;justify-items:end;gap:16px;display:grid}.workspace-share-dialog>.workspace-share-header .workspace-share-presentation-toggle button{color:#67655f;background:0 0;border:0;border-radius:2px;min-height:24px;padding:0 9px;font-size:9px}.workspace-share-dialog>.workspace-share-header .workspace-share-presentation-toggle button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #1c1b1814}.workspace-share-presentation-toggle button sup{font:7px var(--font-geist-mono), monospace;margin-left:3px}.workspace-share-dialog>.workspace-share-header .workspace-share-presentation-toggle button:disabled{cursor:not-allowed;opacity:.45}.workspace-share-brand-choice{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.workspace-share-brand-choice>a{min-height:38px;color:var(--ink);font-size:var(--type-label);align-items:center;display:inline-flex}.workspace-share-sections>p{color:var(--muted);font-size:var(--type-label);margin:8px 0 0;line-height:1.4}.workspace-share-sections>div{flex-wrap:wrap;gap:10px 18px;display:flex}.workspace-share-sections>div>label{color:var(--ink);align-items:center;gap:8px;display:inline-flex}.workspace-share-sections>div>label:first-child{color:var(--muted)}.workspace-share-error{margin:14px 22px 0}.workspace-share-form>footer{padding:18px 22px 20px}.workspace-share-success{gap:12px;padding:24px 22px;display:grid}.workspace-share-success>strong{font-size:18px;font-weight:540}.workspace-share-success>a{overflow-wrap:anywhere;color:var(--ink);font-size:var(--type-support)}.workspace-share-success>div{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.workspace-share-success button,.workspace-share-success>div>a{border:1px solid var(--ink);min-height:36px;color:var(--ink);cursor:pointer;font-size:var(--type-label);background:0 0;justify-content:center;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.workspace-share-success .workspace-share-done{background:var(--ink);color:var(--on-ink);margin-left:auto}input:is([type=date],[type=datetime-local],[type=time]){align-items:center;line-height:normal;padding-top:0!important;padding-bottom:0!important;display:flex!important}input:is([type=date],[type=datetime-local],[type=time])::-webkit-date-and-time-value{text-align:left;width:100%;min-height:0;margin:0}input:is([type=date],[type=datetime-local],[type=time])::-webkit-datetime-edit{align-items:center;height:100%;padding:0;display:flex}@media (width<=760px){.studio .account-tools{gap:6px;padding:0 10px 0 4px}.studio .account-tools .share-button{display:none}.mobile-new-palette{border:1px solid var(--rule);height:30px;color:var(--ink);background:0 0;align-items:center;gap:5px;padding:0 8px;font-size:9px;display:inline-flex}.mobile-new-palette .micro-icon{flex-basis:10px;width:10px;height:10px}.studio .wordmark{font-size:16px}.studio .brand-block{min-width:0;padding-right:4px}.save-dialog-backdrop{align-items:end;padding:0}.save-dialog{border-bottom:0;border-left:0;border-right:0;max-height:92dvh;overflow-y:auto}.overwrite-choices{grid-template-columns:1fr}.overwrite-choices>button{min-height:78px}.workspace-share-dialog{border-bottom:0;border-left:0;border-right:0;max-height:94dvh}.workspace-share-grid,.workspace-share-options,.workspace-share-brand-choice{grid-template-columns:1fr}.workspace-share-notes>span{display:none}.workspace-share-url{grid-template-columns:1fr;padding-top:8px}.workspace-share-url input{padding-top:5px}.workspace-share-success .workspace-share-done{margin-left:0}.proportion-heading{flex-direction:column;align-items:flex-start;gap:7px}.proportion-meta{justify-content:space-between;gap:8px;width:100%}.proportion-strip{height:48px}.project-title-compact,.project-panel>header,.palette-compare>header>div,.compare-palette-preview article{text-align:left}.projects-intro{padding:40px 0 30px}.projects-intro>div{gap:12px;display:grid}.projects-intro h1{margin:0}.projects-intro p{line-height:1.5}.projects-intro>button{margin-top:20px}.project-title-compact{padding:30px 0 28px}.project-title-compact>div{gap:10px}.project-title-compact .project-back{margin-bottom:3px}.project-title-compact h1{margin:2px 0 0}.project-title-compact p{line-height:1.5}.project-panel>header{align-items:stretch}.project-workspace-tabs{scroll-snap-type:x proximity;border-left:0;border-right:0;margin-left:-14px;margin-right:-14px;padding-inline:14px;scroll-padding-inline:14px}.project-workspace-tabs button{scroll-snap-align:start;min-width:118px;min-height:52px}.project-workspace-tabs button:first-child{border-left:1px solid var(--rule)}.attach-palette,.compare-selects{align-items:stretch;width:100%}.attach-palette a{align-content:center;width:max-content;min-height:34px}.compare-selects>span{align-self:flex-start;padding-left:2px}.compare-selects select{width:100%;min-height:44px}.project-palette-grid article{border-right:0;border-bottom:1px solid var(--rule)}.project-palette-grid article:last-child{border-bottom:0}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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}