/*! 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{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--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}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--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-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.stroke-1{stroke-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--font-ui:var(--font-geist-sans), Inter, ui-sans-serif, system-ui, sans-serif;--font-sketch:"Comic Sans MS", "Segoe Print", cursive;--clay-700:#944a00;--clay-600:#b54708;--clay-500:#e67e22;--clay-200:#f6d2b7;--paper:#f8f7f3;--ink:#1e293b;--muted:#6f625a;--surface:#fffefbf0;--surface-solid:#fffefb;--surface-soft:#f1ece6;--border:#dfd6ce;--border-soft:#785b4729;--hover:#b5470813;--shadow:0 1px 2px #3f261714, 0 10px 30px #3f261717;--shadow-high:0 18px 60px #2f1e132e}.art-brush-cursor{z-index:22;pointer-events:none;opacity:.78;border:1.5px solid;border-radius:999px;position:absolute;box-shadow:0 0 0 1px #fffc,0 1px 4px #00000040}.art-variant-select{border:1px solid var(--app-border);background:var(--surface);min-width:92px;max-width:118px;height:34px;color:var(--app-ink);font:inherit;border-radius:9px;padding:0 8px;font-size:11px}.art-brush-variants{gap:7px;padding:2px 0 3px;display:flex;overflow-x:auto}.art-brush-variants>div{border:1px solid var(--app-border);background:var(--surface);border-radius:10px;flex:none;grid-template-columns:auto 30px;min-height:42px;display:grid;overflow:hidden}.art-brush-variants>div.selected{border-color:var(--clay-500);color:var(--clay-600);background:var(--clay-500)}@supports (color:color-mix(in lab, red, red)){.art-brush-variants>div.selected{background:color-mix(in srgb, var(--clay-500) 12%, var(--surface))}}.art-brush-variants>div>button{min-height:32px;color:var(--app-ink);white-space:nowrap;background:0 0;border:0;border-radius:0;padding:6px 10px}.art-brush-variants>div>button:first-child{background:0 0;align-items:center;gap:6px;display:flex}.art-brush-variants>div>.art-brush-favorite{border-left:1px solid var(--app-border);width:30px;color:var(--app-muted);background:0 0;place-items:center;padding:0;display:grid}.art-brush-variants>div>.art-brush-favorite[aria-pressed=true]{color:#d18a00}.art-layer-mask-actions button,.art-canvas-rotation button{border:1px solid var(--app-border);min-height:32px;color:var(--app-ink);background:var(--surface);white-space:nowrap;border-radius:9px;padding:6px 10px}.art-layer-mask-actions button.selected{border-color:var(--clay-500);background:var(--clay-500)}@supports (color:color-mix(in lab, red, red)){.art-layer-mask-actions button.selected{background:color-mix(in srgb, var(--clay-500) 12%, var(--surface))}}.art-layer-mask-actions button.selected{color:var(--clay-600)}.art-brush-preview{width:38px;height:27px;color:inherit;pointer-events:none;flex:0 0 38px;display:block;position:relative}.art-brush-preview i{display:block;position:absolute}.art-brush-preview-body{filter:drop-shadow(0 1px 1px #1f1b1833)}.art-brush-preview-pencil .art-brush-preview-body{clip-path:polygon(0 5%,100% 50%,0 95%,15% 50%);background:linear-gradient(#f1c27d,#b46d2c);width:24px;height:19px;top:4px;left:5px}.art-brush-preview-pencil .art-brush-preview-paint{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:11px;height:7px;top:10px;left:26px}.art-brush-preview-pencil .art-brush-preview-detail{background:currentColor;width:24px;height:2px;top:12px;left:6px;transform:rotate(.5deg)}@supports (color:color-mix(in lab, red, red)){.art-brush-preview-pencil .art-brush-preview-detail{background:color-mix(in srgb, currentColor 68%, #4b3626)}}.art-brush-preview-pencil .art-brush-preview-detail{opacity:.72}.art-brush-preview[data-variant=pencil-4b] .art-brush-preview-body{filter:saturate(.72)drop-shadow(0 1px 1px #1f1b1833);height:21px;top:3px}.art-brush-preview[data-variant=pencil-4b] .art-brush-preview-paint{height:9px;top:9px}.art-brush-preview[data-variant=pencil-charcoal] .art-brush-preview-body{clip-path:polygon(0 12%,82% 0,100% 44%,84% 100%,0 88%);background:linear-gradient(currentColor,#292524);border-radius:3px;width:27px;height:16px;top:6px;left:8px}@supports (color:color-mix(in lab, red, red)){.art-brush-preview[data-variant=pencil-charcoal] .art-brush-preview-body{background:linear-gradient(180deg, color-mix(in srgb, currentColor 45%, #39332f), #292524)}}.art-brush-preview[data-variant=pencil-charcoal] .art-brush-preview-paint{opacity:.86;width:8px;height:10px;top:9px;left:29px}.art-brush-preview[data-variant=pencil-charcoal] .art-brush-preview-detail{background:#ffffff2e;width:15px;top:9px;left:12px}.art-brush-preview[data-variant=pencil-mechanical] .art-brush-preview-body{clip-path:polygon(0 14%,72% 14%,100% 50%,72% 86%,0 86%);background:linear-gradient(#eef2f6,#7f8b98);border-radius:4px 1px 1px 4px;width:25px;height:14px;top:7px;left:8px}.art-brush-preview[data-variant=pencil-mechanical] .art-brush-preview-paint{clip-path:polygon(0 0,100% 50%,0 100%);width:7px;height:3px;top:12px;left:31px}.art-brush-preview[data-variant=pencil-mechanical] .art-brush-preview-detail{background:#ffffffb8;width:15px;height:2px;top:12px;left:10px}.art-brush-preview-ink .art-brush-preview-body{clip-path:polygon(0 22%,30% 5%,72% 13%,100% 50%,72% 87%,30% 95%,0 78%,18% 50%);background:linear-gradient(145deg,#f8fafc 4%,#8794a3 48%,#e6edf3 72%,#667382);width:30px;height:21px;top:3px;left:6px}.art-brush-preview-ink .art-brush-preview-paint{clip-path:none;background:currentColor;border-radius:50%;width:5px;height:5px;top:11px;left:33px}.art-brush-preview-ink .art-brush-preview-detail{background:#d9e0e7;border:1px solid #475569;border-radius:50%;width:5px;height:5px;top:7px;left:19px;transform:none}.art-brush-preview[data-variant=ink-dip] .art-brush-preview-detail:after{content:"";background:#344154;width:1px;height:12px;position:absolute;top:4px;left:2px}.art-brush-preview[data-variant=ink-ballpoint] .art-brush-preview-body{clip-path:polygon(0 8%,66% 8%,100% 50%,66% 92%,0 92%);background:linear-gradient(#eef2f6,#6b7786);border-radius:5px 1px 1px 5px;width:27px;height:14px;top:7px;left:7px}.art-brush-preview[data-variant=ink-ballpoint] .art-brush-preview-paint{clip-path:none;border-radius:50%;width:5px;height:5px;top:12px;left:33px;box-shadow:-2px 0 #64748b}.art-brush-preview[data-variant=ink-ballpoint] .art-brush-preview-detail{background:#ffffffb3;width:15px;height:2px;top:11px;left:10px;transform:none}.art-brush-preview[data-variant=ink-calligraphy] .art-brush-preview-body{clip-path:polygon(0 8%,78% 0,100% 26%,86% 100%,0 90%,22% 50%);height:19px;top:4px}.art-brush-preview[data-variant=ink-calligraphy] .art-brush-preview-paint{clip-path:polygon(0 0,100% 16%,72% 100%,0 84%);border-radius:1px;width:10px;height:7px;top:14px;left:27px;transform:rotate(-18deg)}.art-brush-preview-marker .art-brush-preview-body{background:linear-gradient(#eef2f6,#8c98a5 58%,#dce3ea);border-radius:6px 2px 2px 6px;width:25px;height:17px;top:5px;left:5px}.art-brush-preview-marker .art-brush-preview-paint{clip-path:polygon(0 12%,62% 4%,100% 50%,62% 96%,0 88%);background:currentColor;border-radius:2px 7px 7px 2px;width:10px;height:11px;top:8px;left:28px}.art-brush-preview-marker .art-brush-preview-detail{background:linear-gradient(#cbd5df,#697684);border-right:2px solid #536170;border-radius:1px;width:7px;height:13px;top:7px;left:23px}.art-brush-preview[data-variant=marker-brush] .art-brush-preview-paint{clip-path:polygon(0 8%,58% 0,100% 50%,58% 100%,0 92%);border-radius:2px 12px 12px 2px;width:14px;height:20px;top:4px;left:24px}.art-brush-preview-watercolor .art-brush-preview-body{background:linear-gradient(#f7fafc,#7b8794 52%,#e3e9ef);border-radius:6px 1px 1px 6px;width:18px;height:13px;top:7px;left:4px}.art-brush-preview-watercolor .art-brush-preview-paint{clip-path:polygon(0 8%,44% 0,74% 20%,100% 50%,74% 80%,44% 100%,0 92%);background:linear-gradient(90deg,#604434 0 20%,currentColor 45% 84%);border-radius:3px 11px 11px 3px;width:21px;height:15px;top:6px;left:17px}@supports (color:color-mix(in lab, red, red)){.art-brush-preview-watercolor .art-brush-preview-paint{background:linear-gradient(90deg, #604434 0 20%, color-mix(in srgb, currentColor 50%, #825943) 45%, currentColor 84%)}}.art-brush-preview-watercolor .art-brush-preview-detail{border-left:1px solid #ffffffb8;border-right:1px solid #434e5b73;width:4px;height:17px;top:5px;left:17px}.art-brush-preview-oil .art-brush-preview-body{background:linear-gradient(#f4f7fa,#788593 52%,#dde5ec);border-radius:5px 1px 1px 5px;width:15px;height:15px;top:6px;left:4px}.art-brush-preview-oil .art-brush-preview-paint{background:linear-gradient(90deg,#e9d9b8 0 54%,currentColor 70% 100%);border-radius:1px 2px 2px 1px;width:21px;height:19px;top:4px;left:17px}@supports (color:color-mix(in lab, red, red)){.art-brush-preview-oil .art-brush-preview-paint{background:linear-gradient(90deg, #e9d9b8 0 54%, color-mix(in srgb, currentColor 62%, #dbc397) 70%, currentColor 100%)}}.art-brush-preview-oil .art-brush-preview-detail{background:repeating-linear-gradient(90deg,#0000 0 3px,#60452c40 3px 4px);width:18px;height:17px;top:5px;left:19px}.art-brush-preview[data-variant=oil-flat] .art-brush-preview-body{border-radius:2px 5px 5px 2px;height:21px;top:3px}.art-brush-preview[data-variant=oil-flat] .art-brush-preview-paint{border-radius:1px 4px 4px 1px;height:19px;top:4px}.art-brush-preview[data-variant=oil-loaded] .art-brush-preview-paint{border-radius:3px 10px 8px 3px;height:21px;top:3px;box-shadow:inset 0 -3px}@supports (color:color-mix(in lab, red, red)){.art-brush-preview[data-variant=oil-loaded] .art-brush-preview-paint{box-shadow:inset 0 -3px 0 color-mix(in srgb, currentColor 65%, #fff)}}.art-brush-preview-airbrush .art-brush-preview-body{clip-path:polygon(0 18%,56% 18%,100% 50%,56% 82%,0 82%);background:linear-gradient(#f8fafc,#687583 50%,#dce4eb);border:0;border-radius:5px 1px 1px 5px;width:23px;height:13px;top:7px;left:4px}.art-brush-preview-airbrush .art-brush-preview-paint{clip-path:polygon(0 38%,100% 0,100% 100%,0 62%);opacity:.76;background:radial-gradient(circle,currentColor 0 1px,#0000 1.55px) 0 0/4px 4px;width:13px;height:21px;top:3px;left:25px}.art-brush-preview-airbrush .art-brush-preview-detail{background:linear-gradient(90deg,#ffffffbf,#26313d);border:0;border-radius:2px;width:21px;height:2px;top:12px;left:7px}.art-brush-preview[data-variant=airbrush-cloud] .art-brush-preview-paint{opacity:.34;filter:blur(4px);background:currentColor;border-radius:50%;width:16px;height:22px;top:3px;left:22px}.art-brush-preview-crayon .art-brush-preview-body{clip-path:none;background:linear-gradient(currentColor,currentColor 55%,currentColor);border-radius:6px 2px 2px 6px;width:29px;height:17px;top:5px;left:4px}@supports (color:color-mix(in lab, red, red)){.art-brush-preview-crayon .art-brush-preview-body{background:linear-gradient(180deg, color-mix(in srgb, currentColor 52%, #fff), currentColor 55%, color-mix(in srgb, currentColor 82%, #4a3428))}}.art-brush-preview-crayon .art-brush-preview-paint{clip-path:polygon(0 8%,62% 0,100% 50%,62% 100%,0 92%);background:currentColor;border-radius:1px 7px 7px 1px;width:9px;height:11px;top:8px;left:29px}.art-brush-preview-crayon .art-brush-preview-detail{border-left:2px solid;width:17px;height:15px;top:6px;left:8px}@supports (color:color-mix(in lab, red, red)){.art-brush-preview-crayon .art-brush-preview-detail{border-left:2px solid color-mix(in srgb, currentColor 68%, #4b382b)}}.art-brush-preview-crayon .art-brush-preview-detail{border-right:2px solid}@supports (color:color-mix(in lab, red, red)){.art-brush-preview-crayon .art-brush-preview-detail{border-right:2px solid color-mix(in srgb, currentColor 68%, #4b382b)}}.art-brush-preview-crayon .art-brush-preview-detail{opacity:.94;background:linear-gradient(#f5e7c8,#d6bd8c);border-radius:2px}.art-brush-preview[data-variant=crayon-hard-pastel] .art-brush-preview-body{clip-path:polygon(0 8%,84% 0,100% 50%,84% 100%,0 92%);filter:saturate(.7);border-radius:2px;width:28px;height:16px;top:6px;left:8px}.art-brush-preview[data-variant=crayon-soft-pastel] .art-brush-preview-body{filter:saturate(.62)drop-shadow(0 1px 2px);height:23px;top:2px}@supports (color:color-mix(in lab, red, red)){.art-brush-preview[data-variant=crayon-soft-pastel] .art-brush-preview-body{filter:saturate(.62) drop-shadow(0 1px 2px color-mix(in srgb, currentColor 35%, transparent))}}.art-brush-preview[data-variant=crayon-oil-pastel] .art-brush-preview-body{background:linear-gradient(currentColor,currentColor 55%,currentColor)}@supports (color:color-mix(in lab, red, red)){.art-brush-preview[data-variant=crayon-oil-pastel] .art-brush-preview-body{background:linear-gradient(180deg, color-mix(in srgb, currentColor 38%, #fff), currentColor 55%, color-mix(in srgb, currentColor 75%, #111))}}.art-brush-preview-calligraphy .art-brush-preview-body{clip-path:polygon(0 10%,78% 0,100% 50%,78% 100%,0 90%,22% 50%);background:linear-gradient(135deg,#f8fafc,#667281 58%,#e2e8f0);width:26px;height:23px;top:2px;left:7px}.art-brush-preview-calligraphy .art-brush-preview-paint{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:13px;height:11px;top:8px;left:24px}.art-brush-preview-calligraphy .art-brush-preview-detail{background:#475569;border-radius:2px;width:3px;height:17px;top:5px;left:15px;transform:rotate(-18deg)}.art-brush-preview[data-variant=calligraphy-brush] .art-brush-preview-body,.art-brush-preview[data-variant=calligraphy-round] .art-brush-preview-body,.art-brush-preview[data-variant=calligraphy-dry] .art-brush-preview-body{clip-path:none;background:linear-gradient(#414b56,#111827 55%,#65717d);border-radius:7px 1px 1px 7px;width:23px;height:11px;top:8px;left:4px}.art-brush-preview[data-variant=calligraphy-brush] .art-brush-preview-paint,.art-brush-preview[data-variant=calligraphy-round] .art-brush-preview-paint,.art-brush-preview[data-variant=calligraphy-dry] .art-brush-preview-paint{clip-path:polygon(0 4%,48% 0,74% 19%,100% 50%,70% 81%,44% 100%,0 96%);transform-origin:0;border-radius:3px 9px 9px 3px;width:17px;height:11px;top:8px;left:21px;transform:rotate(-7deg)}.art-brush-preview[data-variant=calligraphy-round] .art-brush-preview-paint{width:13px;height:17px;top:5px;left:25px}.art-brush-preview[data-variant=calligraphy-brush] .art-brush-preview-detail,.art-brush-preview[data-variant=calligraphy-round] .art-brush-preview-detail,.art-brush-preview[data-variant=calligraphy-dry] .art-brush-preview-detail{background:#ffffff7a;border-radius:2px;width:12px;height:2px;top:10px;left:10px;transform:none}.art-brush-preview-smudge .art-brush-preview-body{clip-path:polygon(0 8%,80% 18%,100% 50%,80% 82%,0 92%);background:linear-gradient(#fff9ed,#d8c29f);border:1px solid #bea987;border-radius:10px 2px 2px 10px;width:31px;height:19px;top:4px;left:5px}.art-brush-preview-smudge .art-brush-preview-paint{clip-path:polygon(0 0,100% 50%,0 100%);opacity:.72;background:currentColor;width:10px;height:9px;top:9px;left:27px}.art-brush-preview-smudge .art-brush-preview-detail{background:repeating-linear-gradient(90deg,#0000 0 3px,#785f3f1f 3px 4px);border-top:1px solid #785f3f33;border-radius:50%;width:19px;height:10px;top:8px;left:10px;transform:rotate(4deg)}.art-brush-preview[data-variant=marker-flat] .art-brush-preview-paint{border-radius:0;height:17px;top:5px;transform:rotate(-13deg)}.art-brush-preview[data-variant=marker-round] .art-brush-preview-paint{clip-path:polygon(0 8%,58% 0,100% 50%,58% 100%,0 92%);border-radius:2px 7px 7px 2px;height:9px;top:9px}.art-brush-preview[data-variant=watercolor-dry] .art-brush-preview-paint,.art-brush-preview[data-variant=calligraphy-dry] .art-brush-preview-paint{background:repeating-linear-gradient(90deg,currentColor 0 3px,#0000 3px 5px)}.art-brush-preview[data-variant=watercolor-splatter] .art-brush-preview-detail,.art-brush-preview[data-variant=airbrush-spray] .art-brush-preview-paint{opacity:.74;background:radial-gradient(circle,currentColor 0 1.2px,#0000 1.7px) 0 0/5px 5px}.art-brush-preview[data-variant=oil-knife] .art-brush-preview-body{clip-path:polygon(0 18%,100% 0,86% 100%,0 82%);background:linear-gradient(#f8fafc,#7c8795);border-radius:2px;width:29px;height:13px;top:7px;left:7px}.art-brush-preview[data-variant=oil-knife] .art-brush-preview-paint{background:currentColor;border-radius:2px;width:20px;height:3px;top:17px;left:14px}.art-brush-preview[data-variant=oil-knife] .art-brush-preview-detail{display:none}.art-brush-preview[data-variant=crayon-chalk] .art-brush-preview-body,.art-brush-preview[data-variant=crayon-soft-pastel] .art-brush-preview-body{background:repeating-linear-gradient(110deg,currentColor 0 3px,currentColor 3px 6px)}@supports (color:color-mix(in lab, red, red)){.art-brush-preview[data-variant=crayon-chalk] .art-brush-preview-body,.art-brush-preview[data-variant=crayon-soft-pastel] .art-brush-preview-body{background:repeating-linear-gradient(110deg, color-mix(in srgb, currentColor 68%, #fff) 0 3px, currentColor 3px 6px)}}.art-brush-preview[data-variant=crayon-chalk] .art-brush-preview-body,.art-brush-preview[data-variant=crayon-soft-pastel] .art-brush-preview-body{filter:saturate(.72)}.art-brush-preview[data-variant=calligraphy-flat]{transform:rotate(-5deg)}.art-brush-preview[data-variant=calligraphy-oblique]{transform:rotate(-18deg)}.art-brush-preview[data-variant=smudge-soft] .art-brush-preview-paint,.art-brush-preview[data-variant=smudge-strong] .art-brush-preview-paint{clip-path:none;opacity:.48;filter:blur(1px);border-radius:50%;width:13px;height:13px;top:7px;left:24px}.art-brush-preview[data-variant=smudge-wide] .art-brush-preview-paint{clip-path:none;opacity:.4;filter:blur(1.5px);border-radius:50%;width:16px;height:17px;top:5px;left:21px}.art-brush-preview[data-variant=smudge-rough] .art-brush-preview-paint{background:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 4px)}.art-brush-preview{filter:drop-shadow(0 1px 1px #1f1b182e);place-items:center;display:grid}.art-brush-preview-svg{width:100%;height:100%;overflow:visible}.art-brush-preview[data-variant=calligraphy-flat],.art-brush-preview[data-variant=calligraphy-oblique]{transform:none}.art-inline-toggle{align-items:center;gap:9px;font-size:12px;display:flex}.art-layer-mask-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.art-layer-mask-actions button{justify-content:center;align-items:center;gap:6px;display:flex}.art-canvas-rotation{gap:8px;display:grid}.art-canvas-rotation>span{justify-content:space-between;font-size:12px;display:flex}.art-canvas-rotation>div{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.art-gesture-settings{border:1px solid var(--app-border);border-radius:10px;gap:8px;margin:0;padding:10px;display:grid}.art-gesture-settings legend{color:var(--app-muted);padding:0 5px;font-size:11px;font-weight:700}.art-gesture-settings label{align-items:center;gap:8px;font-size:12px;display:flex}.art-custom-palettes{gap:10px;display:grid}.art-custom-palettes .art-panel-section-title button{color:var(--clay-600);background:0 0;border:0;align-items:center;gap:4px;display:inline-flex}.art-custom-palette-row{border:1px solid var(--app-border);border-radius:10px;gap:8px;padding:9px;display:grid}.art-custom-palette-row>div:first-child{gap:7px;display:grid}.art-custom-palette-row span{gap:4px;display:flex;overflow-x:auto}.art-custom-palette-row span>i{flex:none;width:27px;height:27px;position:relative}.art-custom-palette-row span>i>button:first-child,.art-custom-palette-row .art-palette-add-color{border:1px solid #0000001f;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.art-custom-palette-row span>i>button:last-child{background:var(--app-surface-solid);width:13px;height:13px;color:var(--app-muted);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 3px #00000038}.art-custom-palette-row .art-palette-add-color{background:var(--app-soft);color:var(--app-muted);flex:none}.art-custom-palette-row>div:last-child{justify-content:flex-end;gap:4px;display:flex}.art-custom-palette-row>div:last-child button{border:1px solid var(--app-border);background:var(--surface);width:27px;height:27px;color:var(--muted);border-radius:7px;place-items:center;display:grid}.timelapse-viewer{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14110fb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.timelapse-player{gap:12px;width:min(900px,94vw);max-height:92vh;padding:16px;display:grid}.timelapse-player header,.timelapse-player footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.timelapse-player header>div{display:grid}.timelapse-player img{object-fit:contain;background:#fff;border-radius:10px;width:100%;max-height:72vh}.timelapse-player footer{justify-content:flex-end}.timelapse-player footer button{border:1px solid var(--app-border);background:var(--surface);min-height:38px;color:var(--app-ink);border-radius:9px;align-items:center;gap:7px;padding:0 14px;display:inline-flex}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui)}button,input,textarea,select{font:inherit}button{color:inherit}:is(button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline-offset:2px;outline:3px solid #e67e2257}.drawgram-app{--mobile-system-bottom-inset:0px;--app-bg:#f8f7f3;--app-ink:#1e293b;--app-muted:#6f625a;--app-surface:#fffefbf0;--app-surface-solid:#fffefb;--app-soft:#f1ece6;--app-border:#dfd6ce;--app-hover:#b5470813;width:100vw;height:100dvh;color:var(--app-ink);background:var(--app-bg);transition:color .18s,background .18s}.drawgram-app.dark{--app-bg:#171717;--app-ink:#eee8e2;--app-muted:#aca29a;--app-surface:#262321f0;--app-surface-solid:#262321;--app-soft:#322e2b;--app-border:#4a433e;--app-hover:#f39c121c}.canvas-shell{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.drawing-canvas{touch-action:none;overscroll-behavior:none;cursor:crosshair;display:block;position:absolute;inset:0}.drawing-canvas.tool-select{cursor:default}.drawing-canvas.tool-hand,.drawing-canvas.is-space-panning{cursor:grab}.drawing-canvas.tool-hand:active,.drawing-canvas.is-space-panning:active{cursor:grabbing}.drawing-canvas.tool-eraser{cursor:cell}.drawing-canvas.tool-eyedropper{cursor:crosshair}.drawing-canvas.tool-text{cursor:text}.image-drop-overlay{z-index:18;pointer-events:none;border:2px dashed var(--clay-600);place-items:center;display:grid;position:absolute;inset:18px}@supports (color:color-mix(in lab, red, red)){.image-drop-overlay{border:2px dashed color-mix(in srgb, var(--clay-600) 72%, transparent)}}.image-drop-overlay{background:var(--app-bg);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.image-drop-overlay{background:color-mix(in srgb, var(--app-bg) 78%, transparent)}}.image-drop-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:inset 0 0 0 1px #ffffff5c}.image-drop-overlay span{color:var(--clay-700);border:1px solid var(--clay-600);align-items:center;gap:10px;padding:13px 18px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.image-drop-overlay span{border:1px solid color-mix(in srgb, var(--clay-600) 28%, var(--app-border))}}.image-drop-overlay span{background:var(--app-surface-solid);border-radius:999px;font-size:14px;font-weight:750;box-shadow:0 14px 34px #33201629}.mobile-long-press-indicator{z-index:14;border:2px solid var(--clay-600);width:44px;height:44px;position:absolute}@supports (color:color-mix(in lab, red, red)){.mobile-long-press-indicator{border:2px solid color-mix(in srgb, var(--clay-600) 72%, transparent)}}.mobile-long-press-indicator{pointer-events:none;background:var(--clay-500);border-radius:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.mobile-long-press-indicator{background:color-mix(in srgb, var(--clay-500) 12%, transparent)}}.mobile-long-press-indicator{box-shadow:0 0 0 5px var(--clay-500)}@supports (color:color-mix(in lab, red, red)){.mobile-long-press-indicator{box-shadow:0 0 0 5px color-mix(in srgb, var(--clay-500) 12%, transparent)}}.mobile-long-press-indicator{animation:.14s ease-out both mobile-long-press-arm}@keyframes mobile-long-press-arm{0%{opacity:0;transform:translate(-50%,-50%)scale(.72)}}.scene-loader{z-index:100;color:var(--app-ink);background-color:var(--app-bg);background-image:radial-gradient(circle,#b547082e 1.2px,#0000 1.3px);background-size:24px 24px;place-items:center;display:grid;position:absolute;inset:0}.scene-loader-card{border:1px solid var(--app-border);text-align:center;background:var(--app-surface-solid);width:min(310px,100vw - 48px);box-shadow:var(--shadow-high);border-radius:22px;flex-direction:column;align-items:center;padding:28px 30px 26px;display:flex}.scene-loader-mark{filter:drop-shadow(0 10px 18px #b5470826);background:url(/favicon.svg) 50%/contain no-repeat;width:64px;height:64px;margin-bottom:17px;animation:1.8s ease-in-out infinite scene-loader-float;display:block}.scene-loader-card strong{letter-spacing:-.01em;font-size:15px}.scene-loader-card>span:nth-of-type(2){color:var(--app-muted);margin-top:7px;font-size:11px}.scene-loader-track{background:var(--app-soft);border-radius:999px;width:100%;height:5px;margin-top:22px;position:relative;overflow:hidden}.scene-loader-track i{border-radius:inherit;background:linear-gradient(90deg, var(--clay-700), var(--clay-500));width:42%;animation:1.05s cubic-bezier(.55,.05,.45,.95) infinite scene-loader-progress;position:absolute;inset:0 auto 0 0}@keyframes scene-loader-progress{0%{transform:translate(-115%)}to{transform:translate(340%)}}@keyframes scene-loader-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-5px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.scene-loader-mark,.scene-loader-track i{animation-duration:2.8s}}.drawing-drawer{z-index:72;width:min(310px,100vw - 54px);color:var(--app-ink);background:var(--app-surface-solid);border-right:1px solid var(--app-border);flex-direction:column;padding:13px 12px 10px;transition:transform .21s cubic-bezier(.2,.78,.2,1);display:flex;position:absolute;inset:0 auto 0 0;transform:translate(-105%);box-shadow:18px 0 50px #35221624}.drawing-drawer.is-open{transform:translate(0)}.drawer-backdrop{z-index:71;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:default;background:#2a1f1814;border:0;padding:0;position:absolute;inset:0}.drawing-drawer-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;display:grid}.drawer-workspace-mark{color:#fff;background:var(--clay-600);width:39px;height:39px;font-family:var(--font-sketch);cursor:pointer;border:0;border-radius:12px;place-items:center;padding:0;font-size:19px;display:grid}.drawing-drawer-header>div{min-width:0}.drawing-drawer-header strong,.drawing-drawer-header small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.drawing-drawer-header strong{font-size:12px}.drawing-drawer-header small{color:var(--app-muted);margin-top:3px;font-size:9px}.drawer-search{height:40px;color:var(--app-muted);background:var(--app-soft);border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;margin:13px 0 7px;padding:0 10px;display:flex}.drawer-search:focus-within{border-color:var(--clay-500);background:var(--app-surface-solid)}.drawer-search input{min-width:0;color:var(--app-ink);background:0 0;border:0;outline:0;flex:1;font-size:11px}.drawer-dashboard-link{width:100%;min-height:38px;color:var(--app-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:0 10px;font-size:11px;font-weight:650;display:flex}.drawer-dashboard-link:hover{color:var(--clay-700);background:var(--app-hover)}.drawer-collection-heading{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:10px;margin:15px 0 7px;padding:0 5px 9px;display:flex}.drawer-collection-heading strong{margin-top:3px;font-size:13px;display:block}.drawer-collection-heading button{color:#fff;background:var(--clay-600);cursor:pointer;border:0;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;display:grid}.drawer-drawing-list{flex-direction:column;flex:1;gap:3px;min-height:0;display:flex;overflow:auto}.drawer-drawing-row{min-height:64px;color:var(--app-ink);border-radius:10px;grid-template-columns:minmax(0,1fr) 30px;align-items:center;display:grid;position:relative}.drawer-drawing-row:hover{background:var(--app-hover)}.drawer-drawing-row.selected{color:#fff;background:var(--clay-600);box-shadow:inset 0 -2px #45190026}.drawer-drawing-link{min-width:0;min-height:64px;color:inherit;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:9px;padding:7px 2px 7px 7px;text-decoration:none;display:grid}.drawer-drawing-link>span:last-child{min-width:0}.drawer-drawing-list strong,.drawer-drawing-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.drawer-drawing-list strong{font-size:10.5px}.drawer-drawing-list small{color:var(--app-muted);margin-top:4px;font-size:8.5px}.drawer-drawing-row.selected small{color:#ffffffb8}.drawer-more-button{width:28px;height:32px;color:var(--app-muted);opacity:.38;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.drawer-drawing-row:hover .drawer-more-button,.drawer-more-button[aria-expanded=true]{opacity:1}.drawer-more-button:focus-visible{opacity:1}.drawer-more-button:hover{background:#ffffff94}.drawer-drawing-row.selected .drawer-more-button{color:#fff;opacity:.82}.drawer-drawing-row.selected .drawer-more-button:hover{opacity:1;background:#ffffff29}.drawer-thumb{border:1px solid var(--app-border);background-color:#fffefb;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:7px;width:54px;height:42px;position:relative;overflow:hidden}.drawer-thumb-fallback i{background:#f3e8de;border:1px solid #655d57;border-radius:3px;width:15px;height:10px;position:absolute}.drawer-thumb-fallback i:first-child{top:7px;left:5px}.drawer-thumb-fallback i:nth-child(2){background:#dce9d9;top:8px;right:5px}.drawer-thumb-fallback i:nth-child(3){background:#dce8f3;bottom:5px;left:20px}.drawer-action-menu{z-index:76;background:var(--app-surface-solid);border-radius:14px;max-height:min(340px,100% - 90px);padding:7px;animation:.12s ease-out drawer-menu-in;position:absolute;left:48px;right:10px;overflow:auto;box-shadow:0 18px 48px #2d1c123d}.drawer-action-menu>header{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:5px 5px 8px 8px;display:flex}.drawer-action-menu>header>div{min-width:0}.drawer-action-menu>header strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;display:block;overflow:hidden}.drawer-action-menu>header>button{width:28px;height:28px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.drawer-action-menu>header>button:hover{background:var(--app-hover)}.drawer-menu-options{padding-top:5px}.drawer-menu-options>button,.drawer-menu-move>button:not(.drawer-menu-back){width:100%;min-height:37px;color:var(--app-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px;font-size:11.5px;display:grid}.drawer-menu-options>button:hover,.drawer-menu-move>button:not(.drawer-menu-back):hover{background:var(--app-hover)}.drawer-menu-options>button:disabled,.drawer-menu-move>button:disabled{opacity:.52;cursor:wait}.drawer-menu-options .menu-separator{margin-block:5px}.drawer-menu-options .danger-row:hover{background:#fff0ee}.drawer-menu-form,.drawer-menu-move{padding:7px 3px 3px}.drawer-menu-back{min-height:28px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0 5px;font-size:9.5px;font-weight:700;display:flex}.drawer-menu-back svg{transform:rotate(180deg)}.drawer-menu-form label{color:var(--app-muted);margin-top:7px;font-size:9.5px;font-weight:700;display:block}.drawer-menu-form input{border:1px solid var(--app-border);width:100%;height:38px;color:var(--app-ink);background:var(--app-surface-solid);border-radius:8px;outline:0;margin-top:6px;padding:0 9px;font-size:11px}.drawer-menu-form input:focus{border-color:var(--clay-500);box-shadow:0 0 0 3px #b547081a}.drawer-menu-form>div{justify-content:flex-end;gap:6px;margin-top:9px;display:flex}.drawer-menu-form>div button{border:1px solid var(--app-border);min-height:32px;color:var(--app-muted);background:var(--app-surface-solid);cursor:pointer;border-radius:8px;padding:0 9px;font-size:9.5px;font-weight:700}.drawer-menu-form>div button:last-child{border-color:var(--clay-600);color:#fff;background:var(--clay-600)}.drawer-menu-form>div button:disabled{opacity:.55;cursor:wait}.drawer-menu-move>span{color:var(--app-muted);letter-spacing:.06em;text-transform:uppercase;padding:7px 8px 4px;font-size:9px;font-weight:750;display:block}@keyframes drawer-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.985)}}.drawing-drawer-footer{border-top:1px solid var(--app-border);grid-template-columns:1fr 1fr;gap:6px;margin:8px -2px 0;padding-top:9px;display:grid}.drawing-drawer-footer button{border:1px solid var(--app-border);min-height:38px;color:var(--app-muted);background:var(--app-surface-solid);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:9.5px;font-weight:650;display:flex}.drawing-drawer-footer button:last-child{border-color:var(--clay-600);color:#fff;background:var(--clay-600)}.saved-state.save-saving{color:var(--clay-600)}.saved-state.save-offline{color:#bd3932}.floating-surface{background:var(--app-surface);border:1px solid var(--app-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px)saturate(1.1)}.topbar{z-index:20;border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;padding:7px 8px;display:grid;position:absolute;top:18px;left:18px;right:18px}.topbar-left,.topbar-center,.topbar-right{align-items:center;min-width:0;display:flex}.topbar-left{gap:8px}.topbar-center{background:var(--app-soft);border-radius:10px;gap:2px;padding:3px}@supports (color:color-mix(in lab, red, red)){.topbar-center{background:color-mix(in srgb, var(--app-soft) 68%, transparent)}}.topbar-right{justify-content:flex-end;gap:5px}.icon-button{width:38px;height:38px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:transform .1s,color .12s,background .12s;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--app-ink);background:var(--app-hover)}.icon-button:active:not(:disabled){transform:scale(.94)}.icon-button:disabled{opacity:.35;cursor:default}.icon-button.is-active{color:#fff;background:var(--clay-600)}.brand-mark{border:2px solid var(--clay-600);width:34px;height:34px;color:var(--clay-600);border-radius:8px 50% 50% 8px;flex:none;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark span:before,.brand-mark span:after{content:"";border:1.5px solid;position:absolute}.brand-mark:before{border-radius:50%;inset:5px 12px 16px 5px}.brand-mark:after{width:13px;height:9px;bottom:5px;left:5px;transform:skew(28deg)}.brand-mark span:before{border-width:0 0 0 1.5px;top:3px;bottom:3px;left:17px}.brand-mark span:after{border-width:1.5px 0 0;top:16px;left:4px;right:6px}.brand-mark.mini{width:38px;height:38px}.document-meta{align-items:center;gap:10px;min-width:0;display:flex}.document-status-row{align-items:center;gap:8px;min-width:0;display:flex}.document-type-chip{border:1px solid var(--app-border);color:var(--clay-700);background:var(--app-surface-solid);border-radius:999px;padding:3px 7px}@supports (color:color-mix(in lab, red, red)){.document-type-chip{background:color-mix(in srgb, var(--app-surface-solid) 70%, transparent)}}.document-type-chip{white-space:nowrap;font-size:8.5px;font-weight:700}.document-meta input{width:min(220px,27vw);min-width:90px;color:var(--app-ink);text-overflow:ellipsis;background:0 0;border:0;border-radius:7px;padding:0 4px;font-size:15px;font-weight:650;line-height:32px}.saved-state{color:var(--app-muted);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:inline-flex}.presence{align-items:center;padding-right:10px;display:flex;position:relative}.avatar{color:#fff;border:2px solid var(--app-surface-solid);border-radius:999px;place-items:center;width:29px;height:29px;margin-right:-6px;font-size:10px;font-weight:700;display:grid}.avatar-more{background:var(--app-soft);color:var(--app-ink)}.presence-signal{border:2px solid var(--app-surface-solid);background:#a49b93;border-radius:99px;width:8px;height:8px;position:absolute;bottom:1px;right:1px}.presence-signal.is-live{background:#54a76b}.account-menu{position:relative}.account-menu-compact{flex:none}.account-menu-trigger{width:100%;min-width:0;color:var(--app-ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:flex}.account-menu-compact .account-menu-trigger{border-radius:999px;justify-content:center;width:34px;height:34px}.account-menu-compact .account-menu-trigger:hover,.account-menu-compact .account-menu-trigger[aria-expanded=true]{box-shadow:0 0 0 3px var(--clay-600)}@supports (color:color-mix(in lab, red, red)){.account-menu-compact .account-menu-trigger:hover,.account-menu-compact .account-menu-trigger[aria-expanded=true]{box-shadow:0 0 0 3px color-mix(in srgb, var(--clay-600) 17%, transparent)}}.account-trigger-avatar,.account-popover-avatar{color:#fff;background:var(--clay-600);border-radius:999px;flex:none;place-items:center;display:grid;overflow:hidden}.account-trigger-avatar{width:34px;height:34px}.account-popover-avatar{width:42px;height:42px}.account-trigger-avatar img,.account-popover-avatar img,.account-avatar-fallback{width:100%;height:100%}.account-trigger-avatar img,.account-popover-avatar img{object-fit:cover;display:block}.account-avatar-fallback{place-items:center;font-size:10px;font-weight:750;display:grid}.account-popover{z-index:90;width:260px;color:var(--app-ink);background:var(--app-surface-solid);border-radius:14px;padding:7px;animation:.12s ease-out drawer-menu-in;position:absolute;box-shadow:0 18px 48px #2d1c123d}.account-menu-compact .account-popover{top:44px;right:-1px}.account-popover-identity{align-items:center;gap:11px;padding:9px 8px 11px;display:flex}.account-popover-identity>span:last-child{min-width:0}.account-popover-identity strong,.account-popover-identity small,.account-popover-identity em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-popover-identity strong{font-size:12px}.account-popover-identity small{color:var(--app-muted);margin-top:3px;font-size:9.5px}.account-popover-identity em{color:#4d7c5a;margin-top:4px;font-size:8.5px;font-style:normal;font-weight:700}.account-popover>a,.account-sign-out-wrap button{width:100%;min-height:39px;color:var(--app-ink);font:600 11.5px var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 9px;text-decoration:none;display:flex}.account-popover>a:hover,.account-sign-out-wrap button:hover{background:var(--app-hover)}.account-sign-out-wrap .account-sign-out{color:#b13e36}.account-sign-out-wrap .account-sign-out:disabled{opacity:.65;cursor:wait}.account-sign-out-wrap>small{color:#b13e36;padding:1px 9px 7px 34px;font-size:8.5px;display:block}.share-button{color:#fff;background:var(--clay-600);cursor:pointer;border:0;border-radius:11px;align-items:center;gap:8px;height:40px;padding:0 15px;font-size:13px;font-weight:650;transition:transform .1s,background .12s;display:inline-flex;box-shadow:inset 0 -2px #45190029,0 4px 12px #944a002e}.share-button:hover{background:var(--clay-700)}.share-button:active{transform:translateY(1px)scale(.98)}.menu-wrap{position:relative}.app-menu,.context-menu{z-index:70;background:var(--app-surface-solid);border-radius:14px;width:256px;padding:7px;position:absolute}.app-menu{top:47px;left:-1px}.menu-brand{align-items:center;gap:11px;padding:8px 8px 12px;display:flex}.menu-brand div{flex-direction:column;gap:2px;display:flex}.menu-brand strong{color:var(--clay-600);font-size:15px}.menu-brand small{color:var(--app-muted);font-size:11px}.app-menu>button,.context-menu>button{text-align:left;width:100%;min-height:39px;color:var(--app-ink);cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:0 9px;font-size:12.5px;display:grid}.app-menu>button:hover,.context-menu>button:hover{background:var(--app-hover)}.app-menu>button:disabled{opacity:.55;cursor:wait}kbd{border:1px solid var(--app-border);min-width:22px;min-height:20px;color:var(--app-muted);background:var(--app-soft);font:600 10px var(--font-ui);box-shadow:0 1px 0 var(--app-border);border-radius:5px;justify-content:center;align-items:center;padding:2px 6px;display:inline-flex}.menu-separator{background:var(--app-border);height:1px;margin:6px 4px}.properties-panel{z-index:15;border-radius:16px;width:292px;max-height:calc(100% - 182px);padding:14px;position:absolute;top:90px;left:18px;overflow:auto}.studio-switcher{z-index:16;border-radius:12px;gap:2px;min-height:40px;padding:3px;display:flex;position:absolute;top:89px;right:18px}.studio-switcher button{min-height:32px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 9px;font-size:10px;font-weight:700;display:flex}.studio-switcher button:hover{color:var(--app-ink);background:var(--app-hover)}.studio-switcher button.selected{color:#fff;background:var(--clay-600)}.studio-switcher button>span{min-width:18px;color:inherit;background:currentColor;border-radius:99px;padding:2px 5px}@supports (color:color-mix(in lab, red, red)){.studio-switcher button>span{background:color-mix(in srgb, currentColor 12%, transparent)}}.studio-switcher button>span{text-align:center;font-size:8px}.studio-panel{z-index:15;border-radius:16px;width:294px;max-height:calc(100% - 220px);padding:14px;position:absolute;top:139px;right:18px;overflow:auto}.studio-panel-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.studio-panel-heading>div{flex-direction:column;gap:3px;display:flex}.studio-panel-heading strong{font-size:15px}.studio-panel section{border-bottom:1px solid var(--app-border);padding:14px 0}.studio-panel section:last-child{border-bottom:0;padding-bottom:0}.studio-panel label{color:var(--app-muted);font-size:10px;font-weight:700}.studio-panel select{border:1px solid var(--app-border);width:100%;height:38px;color:var(--app-ink);background:var(--app-surface-solid);border-radius:9px;outline:0;margin-top:7px;padding:0 9px;font-size:10.5px}.canvas-page-toolbar{z-index:14;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;min-width:250px;height:36px;padding:2px 3px;display:flex;position:absolute;overflow:hidden}.canvas-page-toolbar:not(.is-active){opacity:.84}.canvas-page-toolbar.is-active{border-color:var(--clay-500)}@supports (color:color-mix(in lab, red, red)){.canvas-page-toolbar.is-active{border-color:color-mix(in srgb, var(--clay-500) 60%, var(--app-border))}}.canvas-page-toolbar.is-active{box-shadow:0 8px 24px #432d1d24, inset 0 0 0 1px var(--clay-500)}@supports (color:color-mix(in lab, red, red)){.canvas-page-toolbar.is-active{box-shadow:0 8px 24px #432d1d24, inset 0 0 0 1px color-mix(in srgb, var(--clay-500) 32%, transparent)}}.page-navigation,.page-order-actions{align-items:center;gap:1px;display:flex}.canvas-page-toolbar .icon-button{border-radius:8px;width:29px;height:29px}.canvas-page-toolbar .mini-divider{height:20px;margin-inline:3px}.page-counter{height:28px;color:var(--app-ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:0 7px;font-size:9.5px;font-weight:750}.page-counter:hover{background:var(--app-hover)}.page-counter span{color:var(--app-muted);font-weight:550}.canvas-page-toolbar .danger:hover:not(:disabled){color:#c44339;background:#fff0ee}.add-canvas-page{z-index:14;min-height:38px;color:var(--clay-700);cursor:pointer;border-radius:11px;align-items:center;gap:6px;padding:0 13px;font-size:10px;font-weight:750;display:flex;position:absolute;transform:translate(-50%)}.add-canvas-page:hover{color:#fff;background:var(--clay-600);border-color:var(--clay-600)}.add-canvas-page:disabled{color:var(--app-muted);background:var(--app-surface-solid);border-color:var(--app-border);cursor:default;opacity:.82}.canvas-pages-section{padding-top:11px!important}.canvas-pages-heading{color:var(--app-muted);justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.canvas-pages-heading button{min-height:27px;color:var(--clay-700);background:var(--app-hover);cursor:pointer;border:0;border-radius:7px;align-items:center;gap:4px;padding:0 7px;font-size:8.5px;font-weight:750;display:flex}.canvas-pages-heading button:disabled{color:var(--app-muted);cursor:default;opacity:.65}.canvas-page-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:8px;display:grid}.canvas-page-list>button{border:1px solid var(--app-border);min-width:0;min-height:45px;color:var(--app-ink);background:var(--app-surface-solid);text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:6px;padding:5px;display:grid}.canvas-page-list>button:hover{border-color:var(--clay-200);background:var(--app-hover)}.canvas-page-list>button.selected{border-color:var(--clay-500);box-shadow:inset 0 0 0 1px var(--clay-500)}.canvas-page-list>button>span:first-child{border:1px solid var(--app-border);width:25px;height:31px;color:var(--clay-700);background:#fffefb;border-radius:5px;place-items:center;font-size:8px;font-weight:800;display:grid}.canvas-page-list strong,.canvas-page-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.canvas-page-list strong{font-size:9px}.canvas-page-list small{color:var(--app-muted);margin-top:3px;font-size:7.5px}.canvas-dimension-row{grid-template-columns:1fr auto 1fr;align-items:end;gap:7px;margin-top:10px;display:grid}.canvas-dimension-row>span{color:var(--app-muted);padding-bottom:10px;font-size:11px}.canvas-dimension-row label{flex-direction:column;gap:5px;display:flex}.canvas-dimension-row input{border:1px solid var(--app-border);width:100%;height:36px;color:var(--app-ink);background:var(--app-surface-solid);font-variant-numeric:tabular-nums;border-radius:8px;outline:0;padding:0 8px;font-size:11px}.swap-canvas-size{color:var(--clay-700);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:9.5px;font-weight:700}.canvas-background-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.canvas-background-row>div .canvas-background-label,.canvas-background-row small{display:block}.canvas-background-label{color:var(--app-muted);font-size:10px;font-weight:700}.canvas-background-row small{color:var(--app-muted);margin-top:3px;font-size:8.5px}.canvas-color-control{border:1px solid var(--app-border);cursor:pointer;border-radius:9px;align-items:center;width:86px;height:34px;padding:0 8px 0 31px;display:flex;position:relative;overflow:hidden;box-shadow:inset 24px 0 #0000000d}.canvas-color-control input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.canvas-color-control span{z-index:1;color:var(--app-ink);background:var(--app-surface-solid);border-radius:4px;padding:3px 4px;font-size:8px;position:relative}.canvas-fit-actions{gap:6px;display:grid}.canvas-fit-actions>button{border:1px solid var(--app-border);width:100%;min-height:48px;color:var(--app-ink);background:var(--app-surface-solid);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:24px 1fr;align-items:center;gap:7px;padding:7px 8px;display:grid}.canvas-fit-actions>button:hover{border-color:var(--clay-200);background:var(--app-hover)}.canvas-fit-actions svg{color:var(--clay-600)}.canvas-fit-actions strong,.canvas-fit-actions small{display:block}.canvas-fit-actions strong{font-size:10.5px}.canvas-fit-actions small{color:var(--app-muted);margin-top:3px;font-size:8.5px;font-weight:500}.layers-help{color:var(--app-muted);margin:10px 0 12px;font-size:9.5px;line-height:1.45}.layer-list{flex-direction:column;gap:4px;display:flex}.layer-row{background:var(--app-soft);border:1px solid #0000;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;display:grid}@supports (color:color-mix(in lab, red, red)){.layer-row{background:color-mix(in srgb, var(--app-soft) 55%, transparent)}}.layer-row:hover{border-color:var(--app-border)}.layer-row.selected{border-color:var(--clay-500);background:var(--app-hover)}.layer-row.is-hidden{opacity:.52}.layer-main{min-width:0;min-height:48px;color:var(--app-ink);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;padding:5px 4px 5px 7px;display:grid}.layer-main>span:last-child{min-width:0}.layer-main strong,.layer-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.layer-main strong{font-size:10px}.layer-main small{color:var(--app-muted);text-transform:capitalize;margin-top:3px;font-size:8px}.layer-type{border:1px solid var(--app-border);width:30px;height:30px;color:var(--clay-700);background:var(--app-surface-solid);border-radius:8px;place-items:center;font-size:8px;font-weight:800;display:grid}.layer-actions{grid-template-columns:repeat(2,26px);padding-right:4px;display:grid}.layer-actions .icon-button{border-radius:7px;width:26px;height:25px}.empty-layers{min-height:160px;color:var(--app-muted);text-align:center;align-content:center;place-items:center;display:grid}.empty-layers strong{color:var(--app-ink);margin-top:9px;font-size:11px}.empty-layers span{max-width:190px;margin-top:4px;font-size:9px;line-height:1.45}.art-layer-panel-heading>div:last-child{flex-direction:row;align-items:center;gap:4px}.add-art-layer{min-height:30px;color:var(--clay-700);background:var(--app-hover);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:5px;padding:0 9px;font-size:9px;font-weight:750;display:inline-flex}.art-layer-list{gap:6px}.art-layer-row{grid-template-columns:minmax(0,1fr) 65px;align-items:start}.art-layer-row .layer-main{min-height:57px}.art-layer-thumbnail{border:1px solid var(--app-border);object-fit:cover;background:#fff;border-radius:7px;width:42px;height:34px}.art-layer-row .layer-main{grid-template-columns:44px minmax(0,1fr)}.layer-type.layer-paint{color:#fff;background:linear-gradient(145deg,#c95a18,#7434a6);border-color:#0000}.art-layer-actions{grid-template-columns:repeat(2,28px);align-content:center}.art-layer-actions .icon-button{width:27px;height:24px}.art-layer-actions .danger:hover:not(:disabled){color:#c44339;background:#fff0ee}.art-layer-opacity{margin-top:10px}.art-layer-blend{margin-top:10px;display:block}.art-panel-section-title{color:var(--app-muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:10px;font-weight:750;display:flex}.art-panel-section-title small{font-size:8px;font-weight:600}.art-color-wheel-section{gap:10px;display:grid}.art-hsv-picker{grid-template-columns:154px minmax(0,1fr);align-items:center;gap:9px 12px;display:grid}.art-hsv-wheel{border:1px solid var(--app-border);cursor:crosshair;touch-action:none;background:radial-gradient(circle,#fff 0%,#ffffffc7 18%,#0000 72%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;grid-row:1/4;width:154px;height:154px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #ffffff70}.art-hsv-thumb{pointer-events:none;border:2px solid #fff;border-radius:99px;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000006b,0 0 0 1px #00000047}.art-hsv-picker>label{gap:5px;min-width:0;display:grid}.art-hsv-picker>label span{justify-content:space-between;align-items:center;gap:5px;font-size:8px;display:flex}.art-hsv-picker>label output{color:var(--app-ink);font-variant-numeric:tabular-nums}.art-hsv-picker>label input{width:100%;accent-color:var(--clay-600)}.art-color-wheel{border:1px solid var(--app-border);background:conic-gradient(from 90deg at 22px 22px, #ef4444, #eab308, #22c55e, #3b82f6, #a855f7, #ef4444) 10px 9px / 44px 44px no-repeat, var(--app-soft);cursor:pointer;border-radius:12px;grid-template-rows:1fr 1fr;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:10px;min-height:62px;padding:8px 10px;display:grid;overflow:hidden}.art-color-wheel input{opacity:0;cursor:pointer;width:42px;height:42px;position:absolute}.art-color-wheel>span{border:2px solid #fff;border-radius:99px;grid-row:1/3;width:28px;height:28px;margin-left:7px;box-shadow:0 0 0 1px #00000029}.art-color-wheel strong{color:var(--app-ink);align-self:end;font-size:12px}.save-art-color{border:1px solid var(--app-border);min-height:36px;color:var(--clay-700);background:var(--app-surface-solid);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:9.5px;font-weight:750;display:flex}.art-swatch-grid{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.art-swatch-grid>button,.art-swatch-grid>span{aspect-ratio:1;border:2px solid var(--app-surface-solid);min-width:0;box-shadow:0 0 0 1px var(--app-border);border-radius:99px;position:relative}.art-swatch-grid>button{cursor:pointer;padding:0}.art-swatch-grid>button.selected,.art-swatch-grid>span.selected{box-shadow:0 0 0 2px var(--clay-500)}.art-swatch-grid>span>button:first-child{border-radius:inherit;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.art-swatch-grid>span>button:last-child{z-index:2;border:1px solid var(--app-border);width:14px;height:14px;color:var(--app-muted);background:var(--app-surface-solid);opacity:0;cursor:pointer;border-radius:99px;place-items:center;padding:0;display:grid;position:absolute;top:-5px;right:-5px}.art-swatch-grid>span:hover>button:last-child,.art-swatch-grid>span:focus-within>button:last-child{opacity:1}.art-swatch-grid .art-empty-note{color:var(--app-muted);grid-column:1/-1;font-size:9px}.art-palette-sets{gap:9px;display:grid}.art-palette-sets>section{grid-template-columns:62px minmax(0,1fr);align-items:center;gap:7px;display:grid}.art-palette-sets>section>strong{color:var(--app-muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;font-weight:750;overflow:hidden}.art-palette-sets>section>div{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;display:grid}.art-palette-sets button{aspect-ratio:1;border:2px solid var(--app-surface-solid);min-width:0;box-shadow:0 0 0 1px var(--app-border);cursor:pointer;border-radius:99px;padding:0}.art-palette-sets button.selected{box-shadow:0 0 0 2px var(--clay-500);transform:scale(1.08)}.art-panel-footnote{color:var(--app-muted);margin:12px 0 0;font-size:9px;line-height:1.45}.art-guide-toggle{justify-content:space-between;align-items:center;gap:12px;display:flex}.art-guide-toggle strong,.art-guide-toggle small{display:block}.art-guide-toggle strong{color:var(--app-ink);font-size:10.5px}.art-guide-toggle small{color:var(--app-muted);margin-top:3px;font-size:8.5px}.art-guide-toggle>button{background:var(--app-border);cursor:pointer;border:0;border-radius:99px;width:38px;height:22px;padding:2px}.art-guide-toggle>button span{background:#fff;border-radius:99px;width:18px;height:18px;transition:transform .12s;display:block}.art-guide-toggle>button.enabled{background:var(--clay-600)}.art-guide-toggle>button.enabled span{transform:translate(16px)}.art-guide-fields{gap:12px;display:grid}.art-guide-range{gap:7px;display:grid}.art-guide-range>span{justify-content:space-between;display:flex}.art-guide-range input{width:100%;accent-color:var(--clay-600)}.art-guide-color{justify-content:space-between;align-items:center;min-height:35px;display:flex}.art-guide-color input{border:1px solid var(--app-border);background:var(--app-surface-solid);border-radius:7px;width:48px;height:30px;padding:2px}.art-assist-toggle{border:1px solid var(--app-border);background:var(--app-soft);cursor:pointer;border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:8px;padding:9px;display:grid}.art-assist-toggle input{accent-color:var(--clay-600);margin-top:2px}.art-assist-toggle strong,.art-assist-toggle small{display:block}.art-assist-toggle strong{color:var(--app-ink);font-size:10px}.art-assist-toggle small{color:var(--app-muted);margin-top:3px;font-size:8px;line-height:1.35}.art-input-diagnostics{gap:8px;display:grid}.art-input-diagnostics strong,.art-input-diagnostics small{display:block}.art-input-diagnostics strong{color:var(--app-ink);font-size:10.5px}.art-input-diagnostics small{color:var(--app-muted);margin-top:4px;font-size:8.5px;line-height:1.45}.art-input-diagnostics output{color:var(--clay-700);background:var(--app-hover);border-radius:8px;padding:7px 9px;font-size:9px;font-weight:750}.art-input-diagnostics button{color:var(--app-muted);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:8.5px;font-weight:700}.export-pages-dialog{width:min(560px,100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto}.export-pages-dialog>p{margin:11px 0 16px}.export-format-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.export-format-options>button{border:1px solid var(--app-border);min-height:67px;color:var(--app-ink);background:var(--app-surface-solid);text-align:left;cursor:pointer;border-radius:11px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:10px 12px;display:grid}.export-format-options>button:hover{border-color:var(--clay-200);background:var(--app-hover)}.export-format-options>button.selected{border-color:var(--clay-500);background:var(--app-hover);box-shadow:inset 0 0 0 1px var(--clay-500)}.export-format-options svg{color:var(--clay-600)}.export-format-options strong,.export-format-options small{display:block}.export-format-options strong{font-size:11px}.export-format-options small{color:var(--app-muted);margin-top:3px;font-size:8.5px}.export-pages-heading{color:var(--app-muted);justify-content:space-between;align-items:center;gap:10px;margin:18px 0 7px;font-size:9.5px;font-weight:750;display:flex}.export-pages-heading label{cursor:pointer;align-items:center;gap:5px;display:flex}.export-pages-heading input,.export-page-list input{accent-color:var(--clay-600)}.export-page-list{flex-direction:column;gap:5px;max-height:270px;display:flex;overflow:auto}.export-page-list>label{border:1px solid var(--app-border);cursor:pointer;border-radius:10px;grid-template-columns:auto 30px minmax(0,1fr);align-items:center;gap:8px;min-height:52px;padding:6px 9px;display:grid}.export-page-list>label:hover{background:var(--app-hover)}.export-page-list>label.selected{border-color:var(--clay-200);background:var(--app-hover)}@supports (color:color-mix(in lab, red, red)){.export-page-list>label.selected{background:color-mix(in srgb, var(--app-hover) 75%, transparent)}}.export-page-number{border:1px solid var(--app-border);width:28px;height:36px;color:var(--clay-700);background:#fffefb;border-radius:5px;place-items:center;font-size:8px;font-weight:800;display:grid}.export-page-list strong,.export-page-list small{display:block}.export-page-list strong{font-size:10.5px}.export-page-list small{color:var(--app-muted);margin-top:3px;font-size:8.5px}.export-dialog-footer{border-top:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding-top:13px;display:flex}.export-dialog-footer>span{color:var(--app-muted);font-size:9px}.export-dialog-footer>div{gap:7px;display:flex}.export-dialog-footer button{border:1px solid var(--app-border);min-height:38px;color:var(--app-muted);background:var(--app-surface-solid);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:9.5px;font-weight:700;display:flex}.export-dialog-footer button.primary{border-color:var(--clay-600);color:#fff;background:var(--clay-600)}.export-dialog-footer button:disabled{opacity:.5;cursor:wait}.panel-heading,.dialog-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-heading>div{flex-direction:column;gap:3px;min-width:0;display:flex}.panel-heading>.property-heading-actions{flex-direction:row;gap:2px}.mobile-property-expand{display:none}.panel-heading strong{text-transform:capitalize;font-size:15px}.eyebrow{color:var(--app-muted);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:700}.properties-panel section{border-bottom:1px solid var(--app-border);padding:13px 0}.properties-panel section:last-child{border-bottom:0;padding-bottom:0}.properties-panel label,.property-label,.control-label output{color:var(--app-muted);font-size:11px;font-weight:650}.swatch-row{gap:7px;margin-top:9px;display:flex}.color-swatch{border:2px solid var(--app-surface-solid);width:29px;height:29px;box-shadow:0 0 0 1px var(--app-border);cursor:pointer;border-radius:9px;padding:0}.color-swatch.selected{box-shadow:0 0 0 2px var(--clay-500)}.color-swatch.transparent{background:linear-gradient(45deg, transparent 46%, #d95c4f 47%, #d95c4f 53%, transparent 54%), var(--app-surface-solid)}.color-picker-button{border:1px solid var(--app-border);cursor:pointer;background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#6366f1,#ec4899,#ef4444);border-radius:9px;flex:0 0 29px;place-items:center;width:29px;height:29px;display:grid;position:relative;overflow:hidden}.color-picker-button>span{border:2px solid #fff;border-radius:99px;width:13px;height:13px;box-shadow:0 1px 3px #00000040}.color-picker-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-picker-button:focus-within{box-shadow:0 0 0 2px var(--clay-500)}.text-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px;display:grid}.text-preset-grid button{border:1px solid var(--app-border);min-width:0;min-height:62px;color:var(--app-ink);background:var(--app-soft);border-radius:10px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:6px;padding:8px 7px 6px;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.text-preset-grid button{background:color-mix(in srgb, var(--app-soft) 55%, transparent)}}.text-preset-grid button{text-align:left;cursor:pointer}.text-preset-grid button:hover{background:var(--app-hover)}.text-preset-grid button.selected{border-color:var(--clay-500);background:var(--clay-200)}@supports (color:color-mix(in lab, red, red)){.text-preset-grid button.selected{background:color-mix(in srgb, var(--clay-200) 42%, transparent)}}.text-preset-grid button.selected{box-shadow:0 0 0 1px var(--clay-500)}@supports (color:color-mix(in lab, red, red)){.text-preset-grid button.selected{box-shadow:0 0 0 1px color-mix(in srgb, var(--clay-500) 25%, transparent)}}.text-preset-grid strong{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:15px;line-height:1.05;overflow:hidden}.text-preset-grid button:nth-child(6) strong{color:#0000;background:linear-gradient(90deg,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text}.text-preset-grid button:nth-child(7) strong{color:var(--app-surface-solid);-webkit-text-stroke:1px var(--app-ink)}.text-preset-grid button:nth-child(8) strong{text-shadow:2px 3px 4px #1e293b52}.text-preset-grid button>span{color:var(--app-muted);font-size:9px;font-weight:700}.text-control-row{grid-template-columns:38px 1fr;align-items:center;gap:8px;margin-bottom:12px;display:grid}.text-control-row select{border:1px solid var(--app-border);min-width:0;height:34px;color:var(--app-ink);background:var(--app-surface-solid);border-radius:9px;padding:0 28px 0 9px;font-size:12px}.text-font-controls{grid-template-columns:minmax(0,1fr) 30px 30px;gap:4px;min-width:0;display:grid}.property-picker-trigger,.text-format-button{border:1px solid var(--app-border);min-width:0;height:34px;color:var(--app-ink);background:var(--app-surface-solid);cursor:pointer;border-radius:9px}.property-picker-trigger{text-align:left;justify-content:space-between;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:flex}.property-picker-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.property-picker-trigger svg{color:var(--app-muted);flex-shrink:0}.text-format-button{color:var(--app-muted);place-items:center;padding:0;display:grid}.text-format-button[aria-pressed=true]{color:var(--clay-700);border-color:var(--clay-500)}@supports (color:color-mix(in lab, red, red)){.text-format-button[aria-pressed=true]{border-color:color-mix(in srgb, var(--clay-500) 50%, var(--app-border))}}.text-format-button[aria-pressed=true]{background:var(--clay-200)}@supports (color:color-mix(in lab, red, red)){.text-format-button[aria-pressed=true]{background:color-mix(in srgb, var(--clay-200) 35%, var(--app-surface-solid))}}.property-picker-trigger:hover,.text-format-button:hover{background:var(--app-soft)}:is(.property-picker-trigger:focus-visible,.text-format-button:focus-visible){outline:2px solid var(--clay-500);outline-offset:2px}.property-picker-menu{overscroll-behavior:contain;border:1px solid var(--app-border);color:var(--app-ink);background:var(--app-surface-solid);border-radius:12px;margin:0;padding:5px;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 8px 28px #36211429,0 2px 6px #3621140f}.property-picker-menu::backdrop{background:0 0}.property-picker-menu button{width:100%;min-height:34px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;font-size:13px;display:flex}.property-picker-menu button[aria-checked=true]{color:var(--clay-700);background:var(--clay-200)}@supports (color:color-mix(in lab, red, red)){.property-picker-menu button[aria-checked=true]{background:color-mix(in srgb, var(--clay-200) 35%, var(--app-surface-solid))}}:is(.property-picker-menu button:hover,.property-picker-menu button:focus-visible){background:var(--app-soft);outline:none}.property-picker-menu button:focus-visible{box-shadow:inset 0 0 0 1px var(--clay-500)}.property-picker-menu svg{flex-shrink:0}.property-picker-trigger:disabled,.property-picker-menu button:disabled{opacity:.45;cursor:not-allowed}.property-picker-menu button:disabled:hover{background:0 0}.drawgram-app.dark .text-format-button[aria-pressed=true],.drawgram-app.dark .property-picker-menu button[aria-checked=true]{color:var(--app-ink);background:var(--clay-500)}@supports (color:color-mix(in lab, red, red)){.drawgram-app.dark .text-format-button[aria-pressed=true],.drawgram-app.dark .property-picker-menu button[aria-checked=true]{background:color-mix(in srgb, var(--clay-500) 18%, var(--app-surface-solid))}}.drawgram-app.dark .property-picker-menu button[aria-checked=true] svg{color:var(--clay-500)}.text-alignment{background:var(--app-soft);border-radius:9px;grid-template-columns:repeat(3,1fr);height:34px;margin-top:10px;padding:3px;display:grid}.text-alignment button{color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.text-alignment button.selected{color:var(--clay-700);background:var(--app-surface-solid);box-shadow:0 1px 4px #3621141f}.align-glyph{gap:3px;width:20px;display:grid}.align-glyph i{background:currentColor;border-radius:3px;height:2px}.align-glyph i:nth-child(2){width:13px}.align-glyph.center i:nth-child(2){justify-self:center}.align-glyph.right i:nth-child(2){justify-self:end}.effect-heading{justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.effect-heading>div{min-width:0}.effect-heading strong{font-size:11px;display:block}.effect-heading small{color:var(--app-muted);margin-top:2px;font-size:9px;line-height:1.3;display:block}.switch-control{cursor:pointer;background:#aaa199;border:0;border-radius:99px;flex:0 0 34px;width:34px;height:20px;padding:0;transition:background .15s;position:relative}.switch-control span{background:#fff;border-radius:99px;width:14px;height:14px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch-control.is-on{background:var(--clay-600)}.switch-control.is-on span{transform:translate(14px)}.gradient-controls{margin-top:10px}.gradient-preset-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.gradient-preset-row button{border:2px solid var(--app-surface-solid);height:25px;box-shadow:0 0 0 1px var(--app-border);cursor:pointer;border-radius:8px;padding:0}.gradient-preset-row button.selected{box-shadow:0 0 0 2px var(--clay-500)}.gradient-color-pickers,.effect-color-row{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:9px;display:grid}.gradient-color-pickers label,.effect-color-row label{border:1px solid var(--app-border);min-width:0;min-height:31px;color:var(--app-muted);background:var(--app-surface-solid);border-radius:8px;justify-content:space-between;align-items:center;gap:5px;padding:4px 5px 4px 8px;font-size:9px;display:flex}.gradient-color-pickers input,.effect-color-row input{cursor:pointer;background:0 0;border:0;border-radius:6px;width:24px;height:22px;padding:0;overflow:hidden}.compact-effects{gap:10px;display:grid}.compact-effects .effect-color-row{margin-top:0}.control-label{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.segmented{background:var(--app-soft);border-radius:9px;grid-template-columns:repeat(4,1fr);height:34px;padding:3px;display:grid}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:7px}.segmented button.selected{background:var(--app-surface-solid);box-shadow:0 1px 4px #3621141f}.segmented span{background:var(--app-ink);border-radius:999px;width:18px;margin:auto;display:block}input[type=range]{width:100%;accent-color:var(--clay-600)}.fill-style-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:12px;display:grid}.fill-style-options button{border:1px solid var(--app-border);min-width:0;min-height:49px;color:var(--app-muted);cursor:pointer;background:0 0;border-radius:9px;place-items:center;gap:5px;padding:6px 3px;font-size:9px;font-weight:650;display:grid}.fill-style-options button:hover{background:var(--app-hover)}.fill-style-options button.selected{border-color:var(--clay-500);color:var(--clay-700);background:var(--clay-200)}@supports (color:color-mix(in lab, red, red)){.fill-style-options button.selected{background:color-mix(in srgb, var(--clay-200) 45%, transparent)}}.fill-style-options button.selected{box-shadow:0 0 0 1px var(--clay-500)}@supports (color:color-mix(in lab, red, red)){.fill-style-options button.selected{box-shadow:0 0 0 1px color-mix(in srgb, var(--clay-500) 28%, transparent)}}.fill-style-options button:focus-visible{outline:2px solid var(--clay-500);outline-offset:2px}.fill-pattern-preview{border:1px solid;border-radius:3px;width:25px;height:20px}.fill-pattern-preview.pattern-solid{opacity:.8;background:currentColor}.fill-pattern-preview.pattern-hachure{background:repeating-linear-gradient(-45deg,#0000 0 4px,currentColor 4px 5px,#0000 5px 7px)}.fill-pattern-preview.pattern-cross-hatch{background:repeating-linear-gradient(-45deg,#0000 0 4px,currentColor 4px 5px,#0000 5px 7px),repeating-linear-gradient(45deg,#0000 0 4px,currentColor 4px 5px,#0000 5px 7px)}.sketch-presets,.connector-style-grid,.stroke-style-grid{grid-template-columns:repeat(3,1fr);gap:5px;margin:4px 0 9px;display:grid}.sketch-presets button,.connector-style-grid button,.stroke-style-grid button{border:1px solid var(--app-border);min-width:0;min-height:46px;color:var(--app-muted);cursor:pointer;background:0 0;border-radius:9px;place-items:center;gap:4px;padding:6px 3px;font-size:9px;font-weight:650;display:grid}.sketch-presets button:hover,.connector-style-grid button:hover,.stroke-style-grid button:hover{background:var(--app-hover)}.sketch-presets button.selected,.connector-style-grid button.selected,.stroke-style-grid button.selected,.roundness-presets button.selected{border-color:var(--clay-500);color:var(--clay-700);background:var(--clay-200)}@supports (color:color-mix(in lab, red, red)){.sketch-presets button.selected,.connector-style-grid button.selected,.stroke-style-grid button.selected,.roundness-presets button.selected{background:color-mix(in srgb, var(--clay-200) 45%, transparent)}}.sketch-presets button.selected,.connector-style-grid button.selected,.stroke-style-grid button.selected,.roundness-presets button.selected{box-shadow:0 0 0 1px var(--clay-500)}@supports (color:color-mix(in lab, red, red)){.sketch-presets button.selected,.connector-style-grid button.selected,.stroke-style-grid button.selected,.roundness-presets button.selected{box-shadow:0 0 0 1px color-mix(in srgb, var(--clay-500) 28%, transparent)}}.sketch-preview,.route-preview,.stroke-preview{width:31px;height:13px;display:block;position:relative}.sketch-preview:before,.sketch-preview:after,.route-preview:before,.route-preview:after{content:"";border-top:2px solid;position:absolute;left:1px;right:1px}.sketch-preview:before{top:6px}.sketch-preview.level-sketchy:before{border-radius:40%;transform:rotate(-3deg)}.sketch-preview.level-sketchy:after{opacity:.35;top:8px;transform:rotate(2deg)}.sketch-preview.level-loose:before{top:4px;transform:rotate(-7deg)}.sketch-preview.level-loose:after{opacity:.45;top:9px;transform:rotate(5deg)}.route-preview.straight:before{top:6px}.route-preview.curved:before{border:2px solid;border-bottom:0;border-radius:50% 50% 0 0;height:10px;top:1px}.route-preview.zigzag:before{border-top:0;border-bottom:2px solid;border-right:2px solid;height:8px;top:2px;left:2px;right:14px}.route-preview.zigzag:after{top:10px;left:16px;right:2px}.stroke-preview{border-top:2px solid;width:32px}.stroke-preview.dashed{border-top-style:dashed}.stroke-preview.dotted{border-top:3px dotted}.roundness-presets{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px;display:grid}.roundness-presets button{border:1px solid var(--app-border);min-height:28px;color:var(--app-muted);cursor:pointer;background:0 0;border-radius:8px;padding:4px;font-size:9px;font-weight:650}.binding-status{color:var(--app-muted);justify-content:space-between;gap:8px;margin-top:10px;font-size:9px;display:flex}.binding-status span{align-items:center;gap:4px;display:flex}.binding-status i{background:#a49b93;border-radius:99px;width:6px;height:6px}.binding-status .is-bound{color:#3f784f}.binding-status .is-bound i{background:#54a76b}.connector-properties small{color:var(--app-muted);margin-top:8px;font-size:9.5px;line-height:1.4;display:block}.panel-actions{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.icon-button.danger{color:#c13f36}.icon-library-layer{z-index:24;pointer-events:auto;position:absolute;inset:0}.icon-library-panel{border-radius:20px;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:13px;width:min(800px,100vw - 36px);height:min(590px,100dvh - 122px);padding:18px;animation:.16s both icon-library-in;display:grid;position:absolute;bottom:86px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 22px 70px #2f1e1333,0 2px 10px #2f1e131a}@keyframes icon-library-in{0%{opacity:0;transform:translate(-50%,9px)scale(.985)}}.icon-library-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.icon-library-header h2{letter-spacing:-.025em;margin:3px 0 0;font-size:20px}.icon-library-header p{color:var(--app-muted);margin:5px 0 0;font-size:10.5px}.icon-library-search{border:1px solid var(--app-border);min-height:42px;color:var(--app-muted);background:var(--app-soft);border-radius:11px;align-items:center;gap:8px;padding:0 10px;display:flex}.icon-library-search input{min-width:0;color:var(--app-ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.icon-library-search button{width:27px;height:27px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.icon-library-search button:hover{color:var(--app-ink);background:var(--app-hover)}.icon-category-tabs{scrollbar-width:none;gap:5px;display:flex;overflow:auto hidden}.icon-category-tabs::-webkit-scrollbar{display:none}.icon-category-tabs button{border:1px solid var(--app-border);min-height:29px;color:var(--app-muted);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:0 10px;font-size:9.5px;font-weight:700}.icon-category-tabs button:hover{color:var(--app-ink);background:var(--app-hover)}.icon-category-tabs button.selected{border-color:var(--clay-500)}@supports (color:color-mix(in lab, red, red)){.icon-category-tabs button.selected{border-color:color-mix(in srgb, var(--clay-500) 62%, var(--app-border))}}.icon-category-tabs button.selected{color:var(--clay-700);background:var(--clay-200)}@supports (color:color-mix(in lab, red, red)){.icon-category-tabs button.selected{background:color-mix(in srgb, var(--clay-200) 48%, transparent)}}.icon-library-results{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:75px;align-content:start;gap:7px;min-height:0;padding-right:4px;display:grid;overflow:hidden auto}.icon-library-results>button{border:1px solid var(--app-border);min-width:0;color:var(--app-ink);background:var(--app-soft);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:9px 4px 6px;display:flex}@supports (color:color-mix(in lab, red, red)){.icon-library-results>button{background:color-mix(in srgb, var(--app-soft) 48%, transparent)}}.icon-library-results>button{cursor:pointer;transition:border-color .12s,background .12s,transform .1s}.icon-library-results>button:hover{border-color:var(--clay-500)}@supports (color:color-mix(in lab, red, red)){.icon-library-results>button:hover{border-color:color-mix(in srgb, var(--clay-500) 55%, var(--app-border))}}.icon-library-results>button:hover{color:var(--clay-700);background:var(--app-hover);transform:translateY(-1px)}.icon-library-results>button:active{transform:scale(.96)}.icon-library-results>button span{width:100%;color:var(--app-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;font-weight:650;overflow:hidden}.icon-library-empty{min-height:180px;color:var(--app-muted);text-align:center;grid-column:1/-1;align-content:center;place-items:center;gap:7px;display:grid}.icon-library-empty strong{color:var(--app-ink);font-size:12px}.icon-library-empty span{font-size:10px}.icon-library-panel footer{border-top:1px solid var(--app-border);min-height:25px;color:var(--app-muted);justify-content:space-between;align-items:center;gap:12px;padding-top:9px;font-size:9px;display:flex}.icon-library-panel footer strong{color:var(--app-ink);font-weight:700}.tool-dock{z-index:18;border-radius:16px;align-items:center;gap:5px;max-width:calc(100% - 344px);height:56px;padding:6px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.tool-scroll{scrollbar-width:none;align-items:center;gap:2px;display:flex;overflow:auto hidden}.tool-scroll::-webkit-scrollbar{display:none}.toolset-switch-button{border:1px solid var(--app-border);min-width:96px;height:44px;color:var(--app-ink);background:var(--app-soft);cursor:pointer;border-radius:11px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:9px;font-weight:760;display:flex;position:relative}.toolset-switch-button:hover,.toolset-switch-button[aria-expanded=true]{border-color:var(--clay-500);color:var(--clay-700);background:var(--app-hover)}.toolset-switch-button.is-alternate{border-color:var(--clay-500)}@supports (color:color-mix(in lab, red, red)){.toolset-switch-button.is-alternate{border-color:color-mix(in srgb, var(--clay-500) 52%, var(--app-border))}}.toolset-switch-chevron{opacity:.68;flex:none}.toolset-alternate-dot{border:1px solid var(--app-surface-solid);background:var(--clay-500);border-radius:99px;width:6px;height:6px;position:absolute;top:5px;right:5px}.art-toolset-icon{flex:none;display:inline-block;position:relative}.art-toolset-icon>svg{width:100%;height:100%;position:absolute;inset:0}.art-toolset-icon>svg:last-child{stroke-width:2.35px;width:70%;height:70%;filter:drop-shadow(0 0 1px var(--app-surface-solid));inset:auto -10% -7% auto;transform:rotate(-10deg)}.toolset-menu-layer{z-index:79;position:absolute;inset:0}.toolset-menu{width:min(390px,100vw - 32px);box-shadow:var(--shadow-high);border-radius:18px;padding:14px;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}.toolset-menu>header{justify-content:space-between;align-items:center;gap:12px;min-height:43px;margin-bottom:10px;display:flex}.toolset-menu>header strong{color:var(--app-ink);margin-top:3px;font-size:15px;display:block}.toolset-menu>nav{gap:7px;display:grid}.toolset-menu>nav>button{border:1px solid var(--app-border);min-height:67px;color:var(--app-muted);background:var(--app-surface-solid);text-align:left;cursor:pointer;border-radius:13px;grid-template-columns:39px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:8px 10px;display:grid}.toolset-menu>nav>button:hover{border-color:var(--clay-500)}@supports (color:color-mix(in lab, red, red)){.toolset-menu>nav>button:hover{border-color:color-mix(in srgb, var(--clay-500) 58%, var(--app-border))}}.toolset-menu>nav>button:hover{background:var(--app-hover)}.toolset-menu>nav>button.selected{border-color:var(--clay-500);color:var(--clay-700);background:var(--app-hover);box-shadow:inset 0 0 0 1px var(--clay-500)}@supports (color:color-mix(in lab, red, red)){.toolset-menu>nav>button.selected{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--clay-500) 65%, transparent)}}.toolset-option-icon{width:37px;height:37px;color:var(--clay-700);background:var(--clay-200);border-radius:11px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.toolset-option-icon{background:color-mix(in srgb, var(--clay-200) 60%, var(--app-soft))}}.toolset-option-icon.diagram{color:#2563eb;background:#dbeafe}@supports (color:color-mix(in lab, red, red)){.toolset-option-icon.diagram{background:color-mix(in srgb, #dbeafe 70%, var(--app-soft))}}.toolset-option-icon.design{color:#7c3aed;background:#ede9fe}@supports (color:color-mix(in lab, red, red)){.toolset-option-icon.design{background:color-mix(in srgb, #ede9fe 70%, var(--app-soft))}}.toolset-menu>nav strong,.toolset-menu>nav em{display:block}.toolset-menu>nav strong{color:var(--app-ink);font-size:10.5px}.toolset-menu>nav strong small{color:var(--clay-700);background:var(--clay-200);border-radius:99px;margin-left:6px;padding:2px 5px}@supports (color:color-mix(in lab, red, red)){.toolset-menu>nav strong small{background:color-mix(in srgb, var(--clay-200) 68%, transparent)}}.toolset-menu>nav strong small{text-transform:uppercase;letter-spacing:.04em;font-size:7px}.toolset-menu>nav em{margin-top:4px;font-size:8.5px;font-style:normal;line-height:1.35}.toolset-menu>nav .toolset-compatibility{color:var(--app-muted)}@supports (color:color-mix(in lab, red, red)){.toolset-menu>nav .toolset-compatibility{color:color-mix(in srgb, var(--app-muted) 84%, var(--clay-600))}}.toolset-menu>nav .toolset-compatibility{font-size:7.5px}.toolset-reset{border:1px solid var(--clay-500);width:100%;min-height:40px;margin-top:10px}@supports (color:color-mix(in lab, red, red)){.toolset-reset{border:1px solid color-mix(in srgb, var(--clay-500) 55%, var(--app-border))}}.toolset-reset{color:var(--clay-700);background:var(--app-hover);cursor:pointer;border-radius:11px;font-size:9.5px;font-weight:760}.toolset-menu>p{color:var(--app-muted);text-align:center;margin:10px 3px 0;font-size:8px;line-height:1.4}.mobile-tool-dock,.art-mobile-dock,.art-mobile-quick-menu,.mobile-history-actions,.mobile-text-format-bar,.mobile-sheet-layer,.mobile-sheet-grabber{display:none}.art-tool-dock{z-index:19;scrollbar-width:none;border-radius:18px;align-items:center;gap:7px;width:max-content;max-width:calc(100% - 36px);min-height:66px;padding:7px;display:flex;position:absolute;bottom:16px;left:50%;overflow:auto hidden;transform:translate(-50%)}.art-tool-dock::-webkit-scrollbar{display:none}.art-brush-strip,.art-color-strip,.art-utility-tools{flex:none;align-items:center;gap:3px;display:flex}.art-brush-strip>button{width:55px;height:50px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:8px;font-weight:700;display:flex}.art-brush-strip .art-brush-preview{transform-origin:50%;height:22px;transform:scale(.9)}.art-brush-strip>button:hover{color:var(--app-ink);background:var(--app-hover)}.art-brush-strip>button.is-active{color:#fff;background:var(--clay-600);box-shadow:inset 0 -2px #44180029}.art-brush-strip>button:disabled{opacity:.36;cursor:not-allowed}.art-favorite-current{border:1px solid var(--app-border);width:34px;height:34px;color:var(--app-muted);background:var(--surface);border-radius:9px;flex:0 0 34px;place-items:center;padding:0;display:grid}.art-favorite-current[aria-pressed=true]{border-color:#d18a00}@supports (color:color-mix(in lab, red, red)){.art-favorite-current[aria-pressed=true]{border-color:color-mix(in srgb, #d18a00 54%, var(--app-border))}}.art-favorite-current[aria-pressed=true]{color:#d18a00;background:#fbbf24}@supports (color:color-mix(in lab, red, red)){.art-favorite-current[aria-pressed=true]{background:color-mix(in srgb, #fbbf24 11%, var(--surface))}}@media (pointer:coarse){.art-favorite-current{flex-basis:44px;width:44px;height:44px}.art-brush-variants>div{grid-template-columns:auto 44px;min-height:44px}.art-brush-variants>div>.art-brush-favorite{width:44px;min-height:44px}}.art-dock-divider{background:var(--app-border);flex:0 0 1px;width:1px;height:40px}.art-current-color{width:58px;height:49px;color:var(--app-muted);background:var(--app-soft);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:7px;font-weight:700;display:flex;position:relative;overflow:hidden}.art-current-color input{opacity:0;cursor:pointer;position:absolute;inset:0}.art-current-color i{border:2px solid var(--app-surface-solid);width:24px;height:24px;box-shadow:0 0 0 1px var(--app-border);border-radius:99px}.art-current-color span{text-overflow:ellipsis;max-width:48px;overflow:hidden}.art-color-strip>button{border:2px solid var(--app-surface-solid);cursor:pointer;width:20px;height:20px;box-shadow:0 0 0 1px var(--app-border);border-radius:99px;padding:0}.art-color-strip>button.selected{box-shadow:0 0 0 2px var(--clay-500);transform:scale(1.08)}.art-range-control{width:104px;color:var(--app-muted);flex-direction:column;gap:6px;font-size:8px;font-weight:700;display:flex}.art-range-control>span{justify-content:space-between;align-items:center;display:flex}.art-range-control output{color:var(--app-ink);font-variant-numeric:tabular-nums}.art-range-control input,.art-sheet-ranges input,.art-layer-opacity input{width:100%;accent-color:var(--clay-600)}.art-utility-tools .icon-button{border-radius:10px;width:38px;height:42px}.art-context-dock{z-index:18;border-radius:13px;align-items:center;gap:3px;min-height:42px;padding:5px 7px;display:flex;position:absolute;bottom:94px;left:50%;transform:translate(-50%)}.art-context-dock>span{color:var(--app-muted);white-space:nowrap;padding:0 7px;font-size:9px;font-weight:750}.art-context-dock .icon-button{border-radius:8px;width:32px;height:32px}.art-context-dock .danger:hover{color:#c44339;background:#fff0ee}.art-context-dock>label{width:220px;color:var(--app-muted);gap:5px;padding:2px 7px;font-size:9px;font-weight:700;display:grid}.art-context-dock>label span{justify-content:space-between;align-items:center;display:flex}.art-context-dock>label output{color:var(--app-ink)}.art-context-dock>label input{width:100%;accent-color:var(--clay-600)}.art-document{--app-bg:#eeeae5}.art-document.dark{--app-bg:#151412}.tool-button{width:42px;height:42px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:0 0 42px;place-items:center;padding:0;transition:background .12s,color .12s,transform .1s;display:grid;position:relative}.tool-button:hover{color:var(--app-ink);background:var(--app-hover)}.tool-button:active{transform:scale(.94)}.tool-button.is-active{color:#fff;background:var(--clay-600);box-shadow:inset 0 -2px #44180029}.tool-key{opacity:.62;font-size:8px;font-weight:700;position:absolute;bottom:2px;right:4px}.sketch-mode-button{height:38px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;align-items:center;gap:6px;padding:0 9px;font-size:10px;font-weight:650;display:inline-flex}.sketch-mode-button:hover{color:var(--app-ink);background:var(--app-hover)}.dock-divider,.mini-divider{background:var(--app-border);flex:0 0 1px;width:1px;height:26px}.zoom-controls{z-index:15;border-radius:13px;align-items:center;gap:1px;height:44px;padding:3px;display:flex;position:absolute;bottom:18px;right:18px}.zoom-controls .icon-button{width:34px;height:34px}.zoom-value{min-width:54px;height:32px;color:var(--app-ink);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:11px}.canvas-status{z-index:7;color:var(--app-muted);pointer-events:none;align-items:center;gap:6px;font-size:10.5px;display:flex;position:absolute;bottom:25px;left:18px}.status-dot{background:#a49b93;border-radius:99px;width:7px;height:7px;box-shadow:0 0 0 3px #a49b9321}.status-dot.is-live{background:#54a76b;box-shadow:0 0 0 3px #54a76b21}.status-divider{opacity:.5}.canvas-text-editor{z-index:30;resize:none;min-height:48px;font-family:var(--font-sketch);background:0 0;border:0;outline:0;padding:0;line-height:1.25;position:absolute;overflow:hidden}.canvas-text-editor.contained,.canvas-text-editor.connector{color:var(--app-ink);background:var(--app-surface-solid);border:1px dashed #b5470873;border-radius:8px;padding:5px 7px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.canvas-text-editor.contained,.canvas-text-editor.connector{background:color-mix(in srgb, var(--app-surface-solid) 84%, transparent)}}.canvas-text-editor.contained,.canvas-text-editor.connector{text-align:center;line-height:1.22;box-shadow:0 5px 18px #37231614}.canvas-text-editor.connector{min-height:0;font-family:var(--font-ui);font-weight:650}.context-menu{position:fixed;transform:translate(5px,5px)}.danger-row{color:#bd3932!important}.modal-layer{z-index:90;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#271b1426;place-items:center;padding:18px;animation:.14s both fade-in;display:grid;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}}.command-palette{background:var(--app-surface-solid);width:min(620px,100vw - 28px);box-shadow:var(--shadow-high);border-radius:18px;animation:.18s cubic-bezier(.2,.8,.2,1) both palette-in;overflow:hidden}@keyframes palette-in{0%{opacity:0;transform:translateY(-12px)scale(.98)}}.command-search{height:64px;color:var(--clay-600);border-bottom:1px solid var(--app-border);align-items:center;gap:12px;padding:0 17px;display:flex}.command-search input{min-width:0;color:var(--app-ink);background:0 0;border:0;outline:0;flex:1;font-size:17px}.command-list{padding:12px}.command-list>.eyebrow{padding:0 8px 8px;display:block}.command-list button{text-align:left;width:100%;height:44px;color:var(--app-ink);cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;padding:0 11px;display:grid}.command-list button:hover,.command-list button.highlighted{background:var(--app-hover)}.empty-command{text-align:center;color:var(--app-muted);padding:30px}.command-palette footer{min-height:38px;color:var(--app-muted);background:var(--app-soft);justify-content:space-between;align-items:center;padding:7px 14px;font-size:10px;display:flex}.command-palette footer span{align-items:center;gap:4px;display:flex}.mermaid-modal-layer{z-index:110;padding:18px}.mermaid-studio{background:var(--app-surface-solid);width:min(1160px,100vw - 36px);height:min(780px,100dvh - 36px);min-height:520px;box-shadow:var(--shadow-high);border-radius:22px;grid-template-rows:auto minmax(0,1fr) auto;animation:.18s cubic-bezier(.2,.8,.2,1) both palette-in;display:grid;overflow:hidden}.mermaid-studio-header{border-bottom:1px solid var(--app-border);justify-content:space-between;gap:20px;padding:20px 22px 17px;display:flex}.mermaid-studio-header h2{color:var(--app-ink);letter-spacing:-.025em;align-items:center;gap:8px;margin:4px 0 2px;font-size:23px;display:flex}.mermaid-studio-header h2 svg{color:var(--clay-600)}.mermaid-studio-header p{color:var(--app-muted);margin:0;font-size:12px}.mermaid-studio-body{grid-template-columns:minmax(320px,.84fr) minmax(420px,1.16fr);min-height:0;display:grid}.mermaid-source-pane,.mermaid-preview-pane{grid-template-rows:44px minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.mermaid-source-pane{border-right:1px solid var(--app-border)}.mermaid-preview-pane{background:var(--app-soft);grid-template-rows:44px minmax(0,1fr)}.mermaid-pane-heading{border-bottom:1px solid var(--app-border);color:var(--app-muted);background:var(--app-surface-solid);justify-content:space-between;align-items:center;gap:10px;padding:0 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.mermaid-pane-heading{background:color-mix(in srgb, var(--app-surface-solid) 82%, transparent)}}.mermaid-pane-heading{letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:750}.mermaid-pane-heading>div{gap:5px;display:flex}.mermaid-pane-heading button{border:1px solid var(--app-border);min-height:28px;color:var(--app-muted);background:var(--app-surface-solid);cursor:pointer;text-transform:none;letter-spacing:0;border-radius:7px;align-items:center;gap:5px;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.mermaid-source-pane textarea{resize:none;width:100%;min-height:0;color:var(--app-ink);background:var(--app-surface-solid);border:0;outline:0;padding:18px}@supports (color:color-mix(in lab, red, red)){.mermaid-source-pane textarea{background:color-mix(in srgb, var(--app-surface-solid) 92%, var(--app-soft))}}.mermaid-source-pane textarea{tab-size:2;font:500 12px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.mermaid-warnings{border-top:1px solid var(--clay-500);gap:4px;padding:9px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.mermaid-warnings{border-top:1px solid color-mix(in srgb, var(--clay-500) 20%, var(--app-border))}}.mermaid-warnings{color:var(--clay-700);background:var(--clay-200)}@supports (color:color-mix(in lab, red, red)){.mermaid-warnings{background:color-mix(in srgb, var(--clay-200) 35%, var(--app-surface-solid))}}.mermaid-warnings{font-size:10px}.mermaid-warnings span:before{content:"•";margin-right:6px}.mermaid-preview{border:1px solid var(--app-border);background:radial-gradient(circle at 1px 1px, var(--app-muted) 1px, transparent 1px), var(--app-surface-solid);border-radius:14px;place-items:center;min-width:0;min-height:0;margin:16px;display:grid;overflow:auto}@supports (color:color-mix(in lab, red, red)){.mermaid-preview{background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--app-muted) 22%, transparent) 1px, transparent 1px), var(--app-surface-solid)}}.mermaid-preview{background-size:18px 18px}.mermaid-svg{min-width:min-content;padding:28px}.mermaid-svg svg{max-width:100%;height:auto;display:block}.mermaid-loading,.mermaid-error{max-width:390px;color:var(--app-muted);text-align:center;place-items:center;gap:9px;padding:28px;font-size:12px;display:grid}.mermaid-loading svg{color:var(--clay-500);animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{50%{opacity:.5}}.mermaid-error svg{color:#c13f36}.mermaid-error strong{color:var(--app-ink)}.mermaid-error span{max-height:100px;line-height:1.45;overflow:auto}.mermaid-studio-footer{border-top:1px solid var(--app-border);min-height:66px;color:var(--app-muted);background:var(--app-surface-solid);justify-content:space-between;align-items:center;gap:18px;padding:12px 18px;font-size:10.5px;display:flex}.mermaid-studio-footer>span{max-width:560px;line-height:1.45}.mermaid-studio-footer>div{gap:8px;display:flex}.mermaid-studio-footer button{border:1px solid var(--app-border);min-height:38px;color:var(--app-ink);background:var(--app-surface-solid);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.mermaid-studio-footer button.primary{border-color:var(--clay-600);color:#fff;background:var(--clay-600)}.mermaid-studio-footer button:disabled{opacity:.48;cursor:wait}.dialog,.shortcuts-dialog{background:var(--app-surface-solid);width:min(520px,100vw - 28px);box-shadow:var(--shadow-high);border-radius:20px;padding:24px;animation:.18s cubic-bezier(.2,.8,.2,1) both palette-in}.dialog-icon{width:44px;height:44px;color:var(--clay-600);background:#fbe8d6;border-radius:13px;place-items:center;margin-bottom:15px;display:grid}.dialog-heading h2{letter-spacing:-.025em;margin:4px 0 0;font-size:22px}.dialog>p{color:var(--app-muted);margin:14px 0 18px;font-size:13px;line-height:1.55}.room-status{color:var(--app-muted);align-items:center;gap:7px;margin:-7px 0 14px;font-size:11px;display:flex}.room-status>span{background:#a49b93;border-radius:99px;width:7px;height:7px}.room-status>span.is-live{background:#54a76b;box-shadow:0 0 0 3px #54a76b1f}.share-field{border:1px solid var(--app-border);border-radius:11px;justify-content:space-between;align-items:center;height:48px;padding:0 12px;font-size:13px;display:flex}.share-field button{color:var(--app-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;display:flex}.link-row{grid-template-columns:1fr auto;gap:8px;margin-top:10px;display:grid}.link-row input{border:1px solid var(--app-border);min-width:0;height:44px;color:var(--app-muted);background:var(--app-soft);border-radius:10px;padding:0 12px;font-size:12px}.link-row button{color:#fff;background:var(--clay-600);cursor:pointer;border:0;border-radius:10px;align-items:center;gap:7px;height:44px;padding:0 14px;font-size:12px;font-weight:650;display:flex}.privacy-note{color:var(--app-muted);background:var(--app-soft);border-radius:11px;align-items:flex-start;gap:10px;margin-top:18px;padding:12px;font-size:11px;line-height:1.45;display:flex}.privacy-note svg{color:#4d7c5a;flex:none}.privacy-note strong{color:var(--app-ink);display:block}.shortcuts-dialog{width:min(680px,100vw - 28px)}.shortcut-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px;display:grid}.shortcut-grid h3{color:var(--clay-600);text-transform:uppercase;letter-spacing:.07em;margin:0 0 10px;font-size:12px}.shortcut-grid p{border-bottom:1px solid var(--app-border);min-height:30px;color:var(--app-muted);justify-content:space-between;align-items:center;gap:9px;margin:0;font-size:11px;display:flex}.shortcut-grid kbd{white-space:nowrap}.toast{z-index:120;color:#fff;min-height:40px;box-shadow:var(--shadow-high);background:#2e2925;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:12px;animation:.18s both toast-in;display:flex;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (max-width:1020px){.tool-dock{max-width:calc(100% - 36px)}.zoom-controls{bottom:88px}.canvas-status{bottom:101px}.properties-panel{max-height:calc(100% - 175px)}.topbar{grid-template-columns:1fr auto}.topbar-center{display:none}}@media (max-width:720px){.topbar{top:max(10px, env(safe-area-inset-top));border-radius:14px;grid-template-columns:minmax(0,1fr) auto;height:54px;padding:4px 6px;left:10px;right:10px}.topbar-left{min-width:0}.topbar-left>.menu-wrap,.topbar-left>.brand-mark,.document-status-row,.topbar-right>.presence,.topbar-right>.account-menu,.topbar-right>.icon-button,.topbar-right>.command-trigger{display:none}.mobile-history-actions{align-items:center;display:flex}.mobile-history-actions .icon-button{width:44px;height:44px}.topbar-right{gap:2px}.brand-mark{width:30px;height:30px}.brand-mark:before{inset:4px 10px 14px 4px}.brand-mark:after{width:11px;height:8px;bottom:4px;left:4px}.brand-mark span:before{left:15px}.brand-mark span:after{top:14px}.document-meta{flex:1;min-width:0}.document-meta input{width:min(36vw,150px);min-width:72px;font-size:13px}.saved-state,.document-type-chip,.command-trigger,.presence .avatar:not(:first-child){display:none}.share-button{justify-content:center;width:38px;padding:0}.share-button span{display:none}.topbar-right .icon-button{width:44px}.properties-panel{overscroll-behavior:contain;border-radius:20px;width:auto;max-height:min(42dvh,360px);padding:5px 14px 14px;transition:max-height .18s,top .18s;display:block;position:fixed;inset:auto 10px 74px}.properties-panel.is-expanded{top:calc(max(10px, env(safe-area-inset-top)) + 64px);max-height:none}.mobile-property-expand{display:inline-flex}.properties-panel.is-stroke-properties:not(.is-expanded){grid-template-columns:minmax(0,1.15fr) minmax(126px,.85fr);column-gap:12px;max-height:none;display:grid;overflow:hidden}.properties-panel.is-stroke-properties:not(.is-expanded)>.mobile-sheet-grabber,.properties-panel.is-stroke-properties:not(.is-expanded)>.panel-heading{grid-column:1/-1}.properties-panel.is-stroke-properties:not(.is-expanded)>section{border-bottom:0;min-width:0;padding:7px 0 3px}.properties-panel.is-stroke-properties:not(.is-expanded)>section:nth-of-type(2){border-left:1px solid var(--app-border);padding-left:12px}.properties-panel.is-stroke-properties:not(.is-expanded)>section:nth-of-type(n+3){display:none}.properties-panel.is-stroke-properties:not(.is-expanded) .swatch-row{gap:4px;margin-top:7px}.properties-panel.is-stroke-properties:not(.is-expanded) .color-swatch,.properties-panel.is-stroke-properties:not(.is-expanded) .color-picker-button{border-radius:8px;flex-basis:26px;width:26px;height:26px}.properties-panel.is-stroke-properties:not(.is-expanded) .control-label{margin-bottom:7px}.mobile-sheet-grabber{touch-action:none;cursor:ns-resize;background:0 0;border:0;width:100%;height:27px;padding:0}.mobile-sheet-grabber span{background:var(--app-muted);border-radius:99px;width:42px;height:4px;margin:auto;display:block}@supports (color:color-mix(in lab, red, red)){.mobile-sheet-grabber span{background:color-mix(in srgb, var(--app-muted) 42%, transparent)}}.properties-panel>.mobile-sheet-grabber{z-index:2;background:var(--app-surface-solid);display:block;position:sticky;top:-5px}.properties-panel section{padding:10px 0}.properties-panel .sketch-properties,.properties-panel .connector-properties{display:block}.icon-library-panel{border-radius:17px;width:calc(100vw - 20px);height:min(620px,100dvh - 90px);padding:14px;bottom:76px}.icon-library-header p{display:none}.icon-library-results{grid-template-columns:repeat(5,minmax(0,1fr))}.icon-library-panel footer span{display:none}.panel-actions{align-self:end}.tool-dock,.art-tool-dock{display:none}.mobile-tool-dock{z-index:45;border-radius:20px;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:2px;width:min(370px,100vw - 20px);min-height:60px;padding:5px 7px;display:grid;position:fixed;bottom:4px;left:50%;transform:translate(-50%)}.mobile-tool-dock>button{min-width:0;min-height:50px;color:var(--app-muted);touch-action:manipulation;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px 3px;font-size:9px;font-weight:700;display:flex}.mobile-tool-dock>button.is-active{color:#fff;background:var(--clay-600);box-shadow:inset 0 -2px #44180029}.mobile-tool-dock>.toolset-switch-button,.art-mobile-dock>.toolset-switch-button{background:var(--app-soft);border:0;flex-direction:column;gap:2px;min-width:0;height:auto;padding:4px 2px 3px}@supports (color:color-mix(in lab, red, red)){.mobile-tool-dock>.toolset-switch-button,.art-mobile-dock>.toolset-switch-button{background:color-mix(in srgb, var(--app-soft) 76%, transparent)}}.mobile-tool-dock>.toolset-switch-button[aria-expanded=true],.art-mobile-dock>.toolset-switch-button[aria-expanded=true]{color:var(--clay-700);background:var(--app-hover)}.mobile-tool-dock .toolset-switch-chevron,.art-mobile-dock .toolset-switch-chevron{position:absolute;top:7px;right:max(5px,12%)}.mobile-tool-dock .toolset-alternate-dot,.art-mobile-dock .toolset-alternate-dot{top:5px;right:5px}.art-mobile-dock{z-index:45;border-radius:20px;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:2px;width:min(410px,100vw - 12px);min-height:60px;padding:5px 7px;display:grid;position:fixed;bottom:4px;left:50%;transform:translate(-50%)}.art-mobile-dock>button,.art-mobile-dock>label{min-width:0;min-height:50px;color:var(--app-muted);touch-action:manipulation;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px 3px;font-size:9px;font-weight:700;display:flex;position:relative}.art-mobile-dock>button.is-active{color:#fff;background:var(--clay-600);box-shadow:inset 0 -2px #44180029}.art-mobile-dock>button:disabled{opacity:.38}.art-mobile-color{overflow:hidden}.art-mobile-color input{opacity:0;position:absolute;inset:0}.art-mobile-color i{border:2px solid var(--app-surface-solid);width:22px;height:22px;box-shadow:0 0 0 1px var(--app-border);border-radius:99px}.art-size-dot{border:1px solid var(--app-surface-solid);box-shadow:0 0 0 1px var(--app-border);background:currentColor;border-radius:99px;display:block}.art-mobile-quick-menu{z-index:44;border-radius:18px;min-height:64px;padding:7px;animation:.15s cubic-bezier(.2,.8,.2,1) art-quick-menu-in;display:block;position:fixed;bottom:74px;left:8px;right:8px;overflow:hidden}.art-mobile-quick-menu[hidden]{display:none!important}.art-mobile-quick-brushes,.art-mobile-quick-colors,.art-mobile-quick-size{left:auto;right:max(8px, env(safe-area-inset-right));border-radius:16px;width:62px;height:min(56dvh,380px);min-height:0;max-height:min(56dvh,380px);padding:5px;animation-name:art-quick-rail-in;display:grid}.art-quick-brushes{grid-template-rows:minmax(0,1fr) 44px;gap:3px;min-width:0;min-height:0;display:grid;overflow:hidden}.art-quick-brush-strip{overscroll-behavior-y:contain;scrollbar-width:none;touch-action:pan-y;flex-direction:column;gap:3px;min-width:0;min-height:0;display:flex;overflow:hidden auto}.art-quick-brush-strip::-webkit-scrollbar{display:none}.art-quick-brush-strip>button,.art-quick-brushes>.art-quick-more{min-width:0;min-height:46px;color:var(--app-muted);background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:3px 1px;font-size:8px;font-weight:720;display:flex}.art-quick-brush-strip>button{flex:0 0 51px;position:relative}.art-quick-brush-strip>button>span:last-child{text-overflow:ellipsis;white-space:nowrap;flex:0 0 10px;width:48px;height:10px;line-height:10px;overflow:hidden}.art-quick-brush-strip .art-brush-preview{transform-origin:50%;flex:0 0 25px;height:25px;transform:scale(.82)}.art-quick-favorite-star{color:#d18a00;position:absolute;top:4px;right:5px}.art-quick-brush-strip>button.selected .art-quick-favorite-star{color:#fff1a8}.art-quick-brush-strip>button.selected{color:#fff;background:var(--clay-600)}.art-quick-brush-strip>button:disabled{opacity:.4}.art-quick-brushes>.art-quick-more{min-height:44px;color:var(--clay-700);background:var(--app-hover)}.art-quick-colors{grid-template-rows:38px minmax(0,1fr) 38px;align-items:stretch;gap:4px;min-width:0;min-height:0;display:grid;overflow:hidden}.art-quick-color-picker{background:0 0;border:0;border-radius:12px;place-items:center;min-height:38px;display:grid;position:relative;overflow:hidden}.art-quick-color-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.art-quick-color-picker span{border:2px solid var(--app-surface-solid);width:27px;height:27px;box-shadow:0 0 0 1px var(--app-border);pointer-events:none;background:conic-gradient(#ef4444,#f59e0b,#eab308,#22c55e,#06b6d4,#3b82f6,#8b5cf6,#ec4899,#ef4444);border-radius:99px}.art-quick-palette-carousel{grid-template-rows:10px minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.art-quick-palette-pages{justify-content:center;align-items:center;gap:2px;display:flex;overflow:hidden}.art-quick-palette-pages button{background:var(--app-muted);border:0;border-radius:99px;flex:0 0 4px;width:4px;height:4px;padding:0}@supports (color:color-mix(in lab, red, red)){.art-quick-palette-pages button{background:color-mix(in srgb, var(--app-muted) 40%, transparent)}}.art-quick-palette-pages button{transition:width .14s,background .14s}.art-quick-palette-pages button.selected{background:var(--clay-600);flex-basis:9px;width:9px}.art-quick-palette-strip{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;min-width:0;display:flex;overflow:auto hidden}.art-quick-palette-strip::-webkit-scrollbar{display:none}.art-quick-palette-strip>section{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;grid-template-rows:14px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.art-quick-palette-strip strong{height:14px;color:var(--app-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:760;display:block;overflow:hidden}.art-quick-palette-strip section>div{box-sizing:border-box;overscroll-behavior-y:contain;scrollbar-width:none;touch-action:pan-x pan-y;flex-direction:column;align-items:center;gap:5px;min-height:0;padding:3px 0;display:flex;overflow:hidden auto}.art-quick-palette-strip section>div::-webkit-scrollbar{display:none}.art-quick-palette-strip button{border:2px solid var(--app-surface-solid);width:25px;height:25px;box-shadow:0 0 0 1px var(--app-border);border-radius:99px;flex:0 0 25px;padding:0}.art-quick-palette-strip button.selected{box-shadow:0 0 0 2px var(--clay-500);transform:scale(.92)}.art-quick-details{min-width:38px;min-height:38px;color:var(--clay-700);background:var(--app-hover);border:0;border-radius:11px;place-items:center;padding:0;display:grid}.art-quick-size{grid-template-rows:minmax(108px,1fr) auto 38px;grid-template-columns:1fr;align-items:stretch;gap:4px;min-width:0;min-height:0;display:grid;overflow:hidden}.art-quick-size>label{min-width:0;min-height:0;color:var(--app-muted);grid-template-rows:auto minmax(78px,1fr);justify-items:center;gap:5px;padding:4px 2px;font-size:8.5px;font-weight:720;display:grid}.art-quick-size>label span{justify-items:center;gap:1px;display:grid}.art-quick-size>label output{color:var(--app-ink)}.art-quick-size>label input{writing-mode:vertical-lr;width:22px;height:100%;min-height:78px;accent-color:var(--clay-600);touch-action:none;direction:rtl;margin:0}.art-quick-size>div{flex-direction:column;align-items:center;gap:3px;display:flex}.art-quick-size>div button{width:42px;height:32px;color:var(--app-muted);background:var(--app-soft);border:0;border-radius:10px;place-items:center;padding:0;display:grid}.art-quick-size>div button.selected{color:#fff;background:var(--clay-600)}.art-quick-size>div i{border:1px solid var(--app-surface-solid);box-shadow:0 0 0 1px var(--app-border);background:currentColor;border-radius:99px;display:block}@keyframes art-quick-menu-in{0%{opacity:0;transform:translateY(7px)scale(.985)}}@keyframes art-quick-rail-in{0%{opacity:0;transform:translate(7px)scale(.985)}}.art-context-dock{z-index:44;left:auto;right:max(8px, env(safe-area-inset-right));border-radius:16px;flex-direction:column;align-items:center;width:62px;max-width:62px;max-height:min(56dvh,380px);padding:5px;position:fixed;bottom:74px;overflow:hidden auto;transform:none}.art-context-dock>label{grid-template-rows:auto minmax(96px,1fr);justify-items:center;gap:6px;width:100%;min-height:min(42dvh,290px);padding:4px 2px;display:grid}.art-context-dock>label span{text-align:center;justify-items:center;gap:1px;line-height:1.2;display:grid}.art-context-dock>label input{writing-mode:vertical-lr;touch-action:none;direction:rtl;width:22px;height:100%;min-height:96px;margin:0}.mobile-sheet-layer{z-index:80;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#261d1724;display:block;position:absolute;inset:0}.toolset-menu-layer{z-index:100;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#261d1724;position:fixed}.toolset-menu{border-radius:24px;width:auto;padding:4px 14px 14px;animation:.18s cubic-bezier(.2,.8,.2,1) mobile-sheet-in;position:fixed;bottom:4px;left:8px;right:8px;transform:none}.toolset-menu>.mobile-sheet-grabber{display:block}.toolset-menu>header{min-height:52px;margin-bottom:7px}.toolset-menu>header strong{font-size:16px}.toolset-menu>nav>button{min-height:70px}.toolset-menu>p{font-size:8.5px}.mobile-tool-sheet{overscroll-behavior:contain;border-radius:24px;max-height:min(72dvh,590px);padding:4px 14px 14px;animation:.18s cubic-bezier(.2,.8,.2,1) mobile-sheet-in;position:fixed;bottom:4px;left:8px;right:8px;overflow:auto}.mobile-tool-sheet>.mobile-sheet-grabber{display:block}.mobile-tool-sheet>header{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.mobile-tool-sheet>header strong{margin-top:3px;font-size:16px;display:block}.mobile-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.mobile-tool-grid>button{border:1px solid var(--app-border);min-width:0;min-height:72px;color:var(--app-muted);background:var(--app-surface-solid);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:8px 3px;font-size:10px;font-weight:700;display:flex}.mobile-tool-grid>button.selected{border-color:var(--clay-500);color:var(--clay-700);background:var(--app-hover);box-shadow:inset 0 0 0 1px var(--clay-500)}.mobile-tool-grid>button:disabled{opacity:.38}.mobile-tool-section-label{color:var(--app-muted);letter-spacing:.08em;text-transform:uppercase;padding:13px 2px 7px;font-size:9px;font-weight:800}.mobile-tool-sheet-actions{border-top:1px solid var(--app-border);grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:10px;display:grid}.mobile-tool-sheet-actions button{border:1px solid var(--app-border);min-height:46px;color:var(--app-muted);background:var(--app-surface-solid);border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:10px;font-weight:700;display:flex}.mobile-tool-sheet-actions button.selected{color:var(--clay-700);border-color:var(--clay-500);background:var(--app-hover)}.art-mobile-sheet-content{gap:14px;display:grid}.art-brush-library-shelves{border:1px solid var(--app-border);background:var(--app-soft);border-radius:14px;gap:9px;padding:10px;display:grid}@supports (color:color-mix(in lab, red, red)){.art-brush-library-shelves{background:color-mix(in srgb, var(--app-soft) 68%, transparent)}}.art-brush-library-shelves section{gap:6px;min-width:0;display:grid}.art-brush-library-shelves section>strong{color:var(--app-muted);letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:800}.art-brush-library-shelves section>div{scrollbar-width:none;touch-action:pan-x;gap:6px;min-width:0;display:flex;overflow:auto hidden}.art-brush-library-shelves section>div::-webkit-scrollbar{display:none}.art-brush-library-shelves section button{min-width:66px;min-height:49px;color:var(--app-muted);background:var(--app-surface-solid);white-space:nowrap;border:1px solid #0000;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;font-size:8px;font-weight:720;display:flex}.art-brush-library-shelves section button.selected{border-color:var(--clay-500);color:var(--clay-700);background:var(--app-hover)}.art-brush-library-shelves .art-brush-preview{transform-origin:50%;height:22px;transform:scale(.85)}.art-sheet-brushes{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.art-sheet-brushes>button{border:1px solid var(--app-border);min-height:64px;color:var(--app-muted);background:var(--app-surface-solid);text-align:left;border-radius:13px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:7px;padding:8px 9px;display:grid}.art-sheet-brushes .art-brush-preview{transform-origin:0;transform:scale(.86)}.art-sheet-brushes>button.selected{border-color:var(--clay-500);color:var(--clay-700);background:var(--app-hover);box-shadow:inset 0 0 0 1px var(--clay-500)}.art-sheet-brushes>button:disabled{opacity:.42}.art-sheet-brushes strong,.art-sheet-brushes small{display:block}.art-sheet-brushes strong{color:var(--app-ink);font-size:10px}.art-sheet-brushes small{margin-top:3px;font-size:8px;line-height:1.3}.art-sheet-palette{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;display:flex}.art-sheet-palette button,.art-sheet-palette label{border:2px solid var(--app-surface-solid);width:27px;height:27px;box-shadow:0 0 0 1px var(--app-border);border-radius:99px;padding:0;position:relative;overflow:hidden}.art-sheet-palette button.selected{box-shadow:0 0 0 2px var(--clay-500);transform:scale(1.08)}.art-sheet-palette label{background:conic-gradient(#e44,#edc23d,#4cae67,#3d86ed,#9c43d8,#e44);place-items:center;width:34px;height:34px;display:grid}.art-sheet-palette input{opacity:0;position:absolute;inset:0}.art-sheet-palette i{border:2px solid #fff;border-radius:99px;width:22px;height:22px}.art-sheet-recent{color:var(--app-muted);gap:7px;font-size:9px;font-weight:750;display:grid}.art-sheet-recent>div{flex-wrap:wrap;gap:8px;display:flex}.art-sheet-recent button{border:2px solid var(--app-surface-solid);width:24px;height:24px;box-shadow:0 0 0 1px var(--app-border);border-radius:99px;padding:0}.art-mobile-save-color{border:1px solid var(--app-border);min-height:38px;color:var(--clay-700);background:var(--app-surface-solid);border-radius:11px;justify-content:center;align-items:center;gap:6px;font-size:9.5px;font-weight:750;display:flex}.art-mobile-color-picker{border:1px solid var(--app-border);background:var(--app-soft);border-radius:15px;padding:11px}@supports (color:color-mix(in lab, red, red)){.art-mobile-color-picker{background:color-mix(in srgb, var(--app-soft) 72%, transparent)}}.art-mobile-color-picker .art-hsv-picker{grid-template-columns:132px minmax(0,1fr)}.art-mobile-color-picker .art-hsv-wheel{width:132px;height:132px}.art-mobile-system-color{border:1px solid var(--app-border);min-height:42px;color:var(--app-muted);background:var(--app-surface-solid);border-radius:11px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:0 12px;font-size:9.5px;font-weight:750;display:flex;position:relative;overflow:hidden}.art-mobile-system-color input{opacity:0;position:absolute;inset:0}.art-mobile-system-color i{width:22px;height:22px;box-shadow:0 0 0 1px var(--app-border);border:2px solid #fff;border-radius:99px}.art-mobile-saved-title{margin-bottom:-5px}.art-mobile-input-status{border:1px solid var(--app-border);background:var(--app-soft);border-radius:13px;grid-template-columns:10px minmax(0,1fr);align-items:start;gap:9px;padding:10px;display:grid}.art-mobile-input-status>span{background:var(--app-muted);border-radius:99px;width:9px;height:9px;margin-top:2px}.art-mobile-input-status>span.detected{background:#4d7c5a;box-shadow:0 0 0 3px #4d7c5a24}.art-mobile-input-status strong,.art-mobile-input-status small{display:block}.art-mobile-input-status strong{font-size:10px}.art-mobile-input-status small{color:var(--app-muted);margin-top:3px;font-size:8.5px;line-height:1.4}.art-sheet-ranges{background:var(--app-soft);border-radius:14px;gap:13px;padding:12px;display:grid}.art-sheet-ranges label{color:var(--app-muted);gap:7px;font-size:9px;font-weight:700;display:grid}.art-sheet-ranges label>span{justify-content:space-between;display:flex}.art-sheet-ranges output{color:var(--app-ink)}.art-sheet-utilities{grid-template-columns:repeat(4,minmax(0,1fr))}@keyframes mobile-sheet-in{0%{opacity:0;transform:translateY(22px)}}.zoom-controls{pointer-events:none;height:40px;padding:3px;display:none;position:fixed;inset:auto auto 74px 50%;transform:translate(-50%)}.zoom-controls.is-mobile-visible{display:flex}.zoom-controls .zoom-value{pointer-events:none;min-width:62px;height:34px;font-size:12px}.studio-switcher{display:none}.studio-panel{overscroll-behavior:contain;border-radius:22px;width:auto;height:min(68dvh,580px);max-height:none;padding:4px 14px 14px;animation:.18s cubic-bezier(.2,.8,.2,1) mobile-sheet-in;position:fixed;inset:auto 8px 74px}.studio-panel>.mobile-sheet-grabber{z-index:3;background:var(--app-surface-solid);display:block;position:sticky;top:-4px}.layers-studio-panel{height:auto;max-height:min(68dvh,580px)}.layers-studio-panel .layers-help{margin:5px 0 8px;font-size:9px;line-height:1.35}.layers-studio-panel .layer-list{gap:5px}.layers-studio-panel .layer-row:not(.art-layer-row){grid-template-columns:minmax(0,1fr) auto}.layers-studio-panel .layer-row:not(.art-layer-row) .layer-actions{grid-template-columns:repeat(4,44px);padding-right:2px}.layers-studio-panel .art-layer-row{grid-template-columns:minmax(0,1fr);align-items:stretch;overflow:hidden}.layers-studio-panel .art-layer-row .layer-main{min-height:54px;padding-block:4px}.layers-studio-panel .art-layer-thumbnail{width:40px;height:32px}.layers-studio-panel .art-layer-actions{border-top:1px solid var(--app-border);grid-template-columns:repeat(8,44px);align-content:center;padding:2px 4px}@supports (color:color-mix(in lab, red, red)){.layers-studio-panel .art-layer-actions{border-top:1px solid color-mix(in srgb, var(--app-border) 72%, transparent)}}.layers-studio-panel .art-layer-actions{overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;overflow:auto hidden}.layers-studio-panel .art-layer-actions::-webkit-scrollbar{display:none}.layers-studio-panel .art-layer-actions .icon-button{width:44px;height:44px}.layers-studio-panel .art-layer-opacity{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 118px;column-gap:12px;margin-top:7px;padding:9px 0 0;display:grid}.layers-studio-panel .art-layer-opacity>.control-label{grid-column:1;margin-bottom:4px}.layers-studio-panel .art-layer-opacity>input{grid-column:1}.layers-studio-panel .art-layer-blend{grid-area:1/2/3;margin-top:0}.layers-studio-panel .art-layer-blend select{margin-top:4px}.layers-studio-panel .art-layer-mask-actions{grid-column:1/-1;margin-top:7px}.zoom-controls .mini-divider,.zoom-controls>.icon-button{display:none}.toast{max-width:calc(100vw - 24px);bottom:76px}.canvas-status{display:none}.shortcut-grid{grid-template-columns:1fr;max-height:56vh;overflow:auto}.dialog,.shortcuts-dialog{padding:20px}.mermaid-modal-layer{padding:8px}.mermaid-studio{width:calc(100vw - 16px);height:calc(100dvh - 16px);min-height:0}.mermaid-studio-header{padding:14px}.mermaid-studio-header p{display:none}.mermaid-studio-body{grid-template-rows:minmax(230px,.9fr) minmax(260px,1.1fr);grid-template-columns:1fr}.mermaid-source-pane{border-right:0;border-bottom:1px solid var(--app-border)}.mermaid-preview{margin:9px}.mermaid-studio-footer{min-height:58px;padding:8px 10px}.mermaid-studio-footer>span{display:none}.mermaid-studio-footer>div{justify-content:flex-end;width:100%}.mobile-text-format-bar{z-index:95;left:8px;right:8px;bottom:max(4px, var(--mobile-keyboard-inset));border-radius:16px;align-items:center;gap:3px;min-height:54px;padding:5px;display:flex;position:fixed}.mobile-text-format-bar>button,.mobile-text-color{width:44px;height:44px;color:var(--app-muted);background:0 0;border:0;border-radius:11px;place-items:center;padding:0;display:grid}.mobile-text-format-bar>span{min-width:44px;color:var(--app-muted);text-align:center;font-size:10px;font-weight:700}.mobile-text-color{position:relative;overflow:hidden}.mobile-text-color input{opacity:0;position:absolute;inset:0}.mobile-text-color i{border:2px solid var(--app-surface-solid);width:22px;height:22px;box-shadow:0 0 0 1px var(--app-border);border-radius:99px}.mobile-text-format-bar .mobile-text-done{color:#fff;background:var(--clay-600);width:auto;min-width:68px;margin-left:auto;padding:0 14px;font-weight:750}.is-mobile-keyboard-open .mobile-tool-dock,.is-mobile-keyboard-open .art-mobile-dock,.is-mobile-keyboard-open .art-mobile-quick-menu,.is-mobile-keyboard-open .properties-panel,.is-mobile-keyboard-open .zoom-controls,.is-text-editing .mobile-tool-dock,.is-text-editing .art-mobile-dock,.is-text-editing .art-mobile-quick-menu,.is-text-editing .properties-panel,.is-text-editing .zoom-controls,.is-studio-open .zoom-controls{display:none}.context-menu{border-radius:18px;width:auto;position:fixed;bottom:10px;right:10px;top:auto!important;left:10px!important}}@media (max-width:480px){.icon-library-results{grid-template-columns:repeat(4,minmax(0,1fr))}.icon-library-results>button{min-height:70px}.document-meta input{width:26vw}.topbar-left{gap:4px}.topbar{padding-left:3px}.mobile-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.link-row{grid-template-columns:1fr}.link-row button{justify-content:center}.export-format-options{grid-template-columns:1fr}.export-dialog-footer{align-items:flex-end}.export-dialog-footer>div{flex-direction:column-reverse}}@media (pointer:coarse){.icon-button{min-width:44px;min-height:44px}.layer-row{min-height:54px}.layer-actions .icon-button{width:44px;height:44px}.drawing-canvas{-webkit-user-select:none;user-select:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.workspace-app{color:#28323f;background:#f6f5f2;grid-template-columns:278px minmax(0,1fr);width:100vw;height:100dvh;display:grid;overflow:hidden}.workspace-sidebar{background:#fffefb;border-right:1px solid #e4ded7;flex-direction:column;min-height:0;padding:16px 12px 12px;display:flex}.workspace-identity{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:5px 8px;display:grid}.workspace-monogram{color:#fff;background:var(--clay-600);width:42px;height:42px;font-family:var(--font-sketch);border-radius:14px;place-items:center;font-size:21px;display:grid;box-shadow:inset 0 -2px #4a1c002b}.workspace-identity div{min-width:0}.workspace-identity strong,.workspace-identity small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.workspace-identity strong{font-size:13px}.workspace-identity small{color:#8a7f77;margin-top:2px;font-size:10px}.workspace-switcher{color:#746b64;place-items:center;width:30px;height:34px;display:grid;position:relative}.workspace-switcher>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.workspace-switcher select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.workspace-switcher svg{pointer-events:none}.workspace-search{color:#716861;background:#f3f0ec;border:1px solid #0000;border-radius:11px;align-items:center;gap:9px;height:44px;margin:17px 0 10px;padding:0 11px;display:flex}.workspace-search:focus-within{background:#fffefb;border-color:#e8b486;box-shadow:0 0 0 3px #b5470814}.workspace-search input{color:#28323f;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.workspace-search kbd{color:#9a9088;background:0 0;font-size:9px}.workspace-nav,.collection-list{flex-direction:column;gap:3px;display:flex}.workspace-nav button,.collection-list button{color:#4c535b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.workspace-nav button:hover,.collection-list button:hover{background:#f6eee8}.workspace-nav button.selected,.collection-list button.selected{color:var(--clay-700);background:#f8e9dc}.collection-list button span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.collection-list button small{color:#9b9189;font-size:9px}.collection-heading{color:var(--clay-600);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:20px 0 7px;padding:0 6px;font-size:11px;font-weight:750;display:flex}.collection-heading button{color:#fff;background:var(--clay-600);cursor:pointer;border:0;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;display:grid}.collection-list{min-height:0;overflow:auto}.account-menu-sidebar{border-top:1px solid #e8e2db;min-height:65px;margin:auto -12px -12px}.account-menu-sidebar .account-menu-trigger{gap:9px;min-height:65px;padding:10px 18px}.account-menu-sidebar .account-menu-trigger:hover,.account-menu-sidebar .account-menu-trigger[aria-expanded=true]{background:#f8f3ee}.account-menu-sidebar .account-trigger-copy{flex:1;min-width:0}.account-menu-sidebar .account-trigger-copy strong,.account-menu-sidebar .account-trigger-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-menu-sidebar .account-trigger-copy strong{font-size:11px}.account-menu-sidebar .account-trigger-copy small{color:#8a7f77;margin-top:2px;font-size:9px}.account-menu-sidebar .account-trigger-chevron{color:#8f857d;transition:transform .12s}.account-menu-sidebar .account-menu-trigger[aria-expanded=true] .account-trigger-chevron{transform:rotate(180deg)}.account-menu-sidebar .account-popover{bottom:72px;right:8px}.activity-avatar,.team-member-row>span,.team-member-row>img,.identity-row>span,.identity-row>img{object-fit:cover;color:#fff;background:#376b73;border-radius:99px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:750;display:grid}.dashboard-main{min-width:0;height:100dvh;padding:30px 34px 60px;overflow:auto}.dashboard-header{border-bottom:1px solid #ddd7d0;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding-bottom:18px;display:flex}.dashboard-header>div:first-child{align-items:center;gap:12px;display:flex}.dashboard-icon{width:42px;height:42px;color:var(--clay-700);background:#fffefb;border:1px solid #ded7d0;border-radius:12px;place-items:center;display:grid}.dashboard-header h1,.dashboard-single-view h1{color:#26313d;letter-spacing:-.035em;margin:2px 0 0;font-size:clamp(25px,3vw,34px)}.dashboard-actions{align-items:center;gap:8px;display:flex}.dashboard-actions button,.empty-drawings button,.secondary-action{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.import-drawing-button{color:#554c45;background:#fffefb;border:1px solid #dcd4cd}.start-drawing-button{color:#fff;background:var(--clay-600);border:0;box-shadow:inset 0 -2px #491a0029,0 5px 15px #944a0024}.start-drawing-button:disabled{opacity:.55;cursor:wait}.dashboard-content-grid{grid-template-columns:minmax(0,1fr) minmax(245px,310px);gap:34px;padding-top:27px;display:grid}.drawing-sections{min-width:0}.drawing-section+.drawing-section{margin-top:42px}.section-heading{justify-content:space-between;align-items:flex-start;gap:15px;min-height:42px;display:flex}.section-heading h2{color:#39434d;letter-spacing:-.02em;margin:3px 0 0;font-size:17px}.section-heading>span{color:#91877f;font-size:10px}.drawing-card-grid{grid-template-columns:repeat(3,minmax(155px,1fr));gap:23px 18px;margin-top:12px;display:grid}.drawing-card{min-width:0;position:relative}.thumbnail-refresh-frame{z-index:-1;opacity:0;pointer-events:none;border:0;width:960px;height:720px;position:fixed;top:-10000px;left:-10000px}.drawing-card>a{border-radius:15px;display:block}.drawing-card-preview{aspect-ratio:1.38;background-color:#fffefb;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #e7e1db;border-radius:15px;width:100%;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden;box-shadow:0 2px 8px #3a27190a}.drawing-card>a:hover .drawing-card-preview{border-color:#d7b493;transform:translateY(-2px);box-shadow:0 12px 28px #422a1917}.sketch-placeholder{background:#fffdfa}.placeholder-node{background:#f4ebe3;border:2px solid #6d655f;border-radius:9px;display:block;position:absolute}.node-one{width:28%;height:27%;top:22%;left:13%;transform:rotate(-1deg)}.node-two{background:#e2ede0;border-radius:50%;width:30%;height:31%;top:18%;right:12%}.node-three{background:#dfeaf4;width:34%;height:23%;bottom:15%;left:34%;transform:rotate(1deg)}.placeholder-link{background:var(--clay-600);transform-origin:0;border-radius:99px;height:2px;display:block;position:absolute}.link-one{width:24%;top:35%;left:39%;transform:rotate(-4deg)}.link-two{width:24%;top:53%;left:28%;transform:rotate(37deg)}.drawing-card-meta{align-items:flex-start;gap:7px;padding:10px 3px 0;display:flex;position:relative}.drawing-card-meta>div:first-child{flex:1;min-width:0}.drawing-card-meta a{color:#3a424b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;text-decoration:none;display:block;overflow:hidden}.drawing-card-meta span{color:#938980;margin-top:4px;font-size:9.5px;display:block}.drawing-card-meta>button{color:#8e837a;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:28px;margin-top:-5px;padding:0;display:grid}.drawing-card-meta>button:hover{color:#3d464f;background:#eee8e2}.drawing-card-menu{z-index:20;background:#fffefb;border:1px solid #ded6cf;border-radius:11px;width:185px;padding:7px;position:absolute;top:37px;right:0;box-shadow:0 12px 35px #2d1e1329}.drawing-card-menu label{color:#81766e;padding:6px;font-size:9px;font-weight:650;display:block}.drawing-card-menu select{color:#3b444c;background:#fffefb;border:1px solid #ded6cf;border-radius:7px;width:100%;height:30px;margin-top:5px;font-size:10px}.drawing-card-menu button{color:#bd433a;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;width:100%;height:34px;padding:0 7px;font-size:10px;display:flex}.drawing-card-menu button:hover{background:#fff0ee}.drawing-card-grid.compact{grid-template-columns:repeat(3,minmax(150px,1fr))}.activity-rail{min-width:0;padding-left:4px}.activity-list{border-left:1px solid #ded8d1;margin-top:13px}.activity-item{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:4px 0 24px 29px;display:grid;position:relative}.activity-avatar{background:var(--clay-600);border:3px solid #f6f5f2;width:29px;height:29px;margin-left:-44px}.activity-item p{color:#555d65;margin:1px 0 4px;font-size:11px;line-height:1.45}.activity-item small{color:#9a9087;font-size:9px}.empty-drawings{color:#8d8279;text-align:center;background:#fffefb8c;border:1px dashed #d7cec6;border-radius:16px;align-content:center;place-items:center;min-height:245px;margin-top:12px;padding:30px;display:grid}.empty-drawings h3{color:#444d55;margin:12px 0 5px;font-size:15px}.empty-drawings p{max-width:340px;margin:0 0 15px;font-size:11px;line-height:1.5}.empty-drawings button{color:#fff;background:var(--clay-600);border:0}.workspace-error{z-index:50;color:#913f38;background:#fff0ee;border:1px solid #efc0ba;border-radius:10px;justify-content:space-between;align-items:center;min-height:42px;margin:-18px 0 16px;padding:0 10px 0 14px;font-size:11px;display:flex;position:sticky;top:0}.workspace-error button{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.dashboard-single-view{max-width:900px;margin:0 auto}.dashboard-single-view>header{border-bottom:1px solid #ded8d1;align-items:center;min-height:85px;padding-bottom:19px;display:flex}.trash-list{flex-direction:column;gap:8px;margin-top:22px;display:flex}.trash-list>div{background:#fffefb;border:1px solid #e1dad3;border-radius:13px;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:82px;padding:8px;display:grid}.trash-list .drawing-card-preview{aspect-ratio:1.5;border-radius:9px}.trash-list strong,.trash-list span{display:block}.trash-list strong{font-size:12px}.trash-list span{color:#91877f;margin-top:5px;font-size:9px}.trash-list button{color:#4f5a61;cursor:pointer;background:#fffefb;border:1px solid #dcd4cd;border-radius:9px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:10px;font-weight:650;display:flex}.settings-view,.team-view{max-width:760px}.settings-card{background:#fffefb;border:1px solid #e0d9d2;border-radius:15px;grid-template-columns:auto minmax(0,1fr);gap:14px;margin-top:18px;padding:20px;display:grid}.settings-card-icon{width:39px;height:39px;color:var(--clay-700);background:#f8e9dc;border-radius:11px;place-items:center;display:grid}.settings-card h2{margin:1px 0 5px;font-size:15px}.settings-card p{color:#7f756d;margin:0;font-size:11px;line-height:1.5}.storage-meter{background:#eee7e1;border-radius:999px;height:7px;margin-top:14px;overflow:hidden}.storage-meter span{border-radius:inherit;background:var(--clay-600);min-width:2px;height:100%;transition:width .18s;display:block}.storage-caption{color:#8e837b;margin-top:7px;font-size:9px;display:block}.identity-row{align-items:center;gap:10px;margin-top:17px;display:flex}.identity-row div{flex:1;min-width:0}.identity-row strong,.identity-row small{display:block}.identity-row strong{font-size:11px}.identity-row small{color:#8e837b;margin-top:3px;font-size:9px}.identity-row em{color:#4d7c5a;font-size:10px;font-style:normal;font-weight:700}.identity-row a{color:#fff;background:#4285f4;border-radius:9px;align-items:center;min-height:35px;padding:0 11px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.secondary-action{color:#4c555d;background:#fffefb;border:1px solid #dcd4cd;margin-top:14px;text-decoration:none}.settings-action-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-action-row small{color:#8e837b;margin-top:14px;font-size:9px}.sign-out-link{color:#9c4a42;align-items:center;gap:6px;width:max-content;margin:17px 0 0 auto;font-size:10px;text-decoration:none;display:flex}.team-view>header p{color:#81776f;margin:5px 0 0;font-size:10px}.team-member-list{gap:8px;margin-top:20px;display:grid}.team-member-row{background:#fffefb;border:1px solid #e0d9d2;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;display:grid}.team-member-row>img,.team-member-row>span{object-fit:cover;color:#fff;background:#376b73;border-radius:99px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:750;display:grid}.team-member-row strong,.team-member-row small{display:block}.team-member-row strong{font-size:11px}.team-member-row small{color:#8f857c;margin-top:3px;font-size:9px}.team-member-row em{color:var(--clay-700);font-size:9px;font-style:normal;font-weight:700}.team-member-actions{align-items:center;gap:6px;display:flex}.team-member-actions select{color:#4e575f;background:#fff;border:1px solid #ddd5cd;border-radius:8px;height:34px;padding:0 9px;font-size:9.5px}.team-member-actions button{color:#a1463e;cursor:pointer;background:snow;border:1px solid #ead0cc;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;display:grid}.team-invite-card{background:#fffefb;border:1px solid #e0d9d2;border-radius:15px;margin-top:16px;padding:21px}.team-invite-card h2{margin:2px 0 5px;font-size:16px}.team-invite-card>div:first-child>p:last-child{color:#7f756d;margin:0;font-size:10.5px;line-height:1.5}.team-invite-card form{grid-template-columns:minmax(0,1fr) 130px auto;align-items:end;gap:8px;margin-top:17px;display:grid}.team-invite-card label,.invite-link-result label{color:#665e57;gap:6px;font-size:9px;font-weight:700;display:grid}.team-invite-card input,.team-invite-card select,.invite-link-result input{color:#39434c;background:#fff;border:1px solid #ddd5cd;border-radius:9px;width:100%;height:39px;padding:0 10px;font-size:10px}.team-invite-card form>button,.invite-link-result>button{border:1px solid var(--clay-600);color:#fff;background:var(--clay-600);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:39px;padding:0 12px;font-size:9.5px;font-weight:720;display:inline-flex}.team-invite-card button:disabled{opacity:.5;cursor:default}.invite-link-result{background:#f6f2ee;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:13px;padding:12px;display:grid}.pending-invitations{margin-top:17px}.pending-invitations h3{margin:0 0 7px;font-size:10.5px}.pending-invitations>div{border-top:1px solid #eee8e2;align-items:center;gap:10px;min-height:46px;padding:8px 0;display:flex}.pending-invitations>div>span{flex:1;min-width:0}.pending-invitations strong,.pending-invitations small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pending-invitations strong{font-size:9.5px}.pending-invitations small{color:#8f857c;margin-top:3px;font-size:8.5px}.pending-invitations button{color:#a1463e;cursor:pointer;background:0 0;border:0;padding:0;font-size:9px;font-weight:700}.team-placeholder{color:#837970;text-align:center;border:1px dashed #d9d0c8;border-radius:14px;margin-top:16px;padding:30px}.team-placeholder h2{color:#3f4851;margin:12px 0 6px;font-size:15px}.team-placeholder p{max-width:470px;margin:auto;font-size:10.5px;line-height:1.55}.dashboard-modal{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#281f1938;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dashboard-modal form{background:#fffefb;border:1px solid #ded6cf;border-radius:19px;width:min(430px,100%);padding:24px;position:relative;box-shadow:0 25px 70px #2c1d1238}.modal-close{color:#796f67;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.modal-icon{width:42px;height:42px;color:var(--clay-700);background:#f8e9dc;border-radius:12px;place-items:center;margin-bottom:14px;display:grid}.dashboard-modal h2{letter-spacing:-.03em;margin:3px 0 8px;font-size:21px}.dashboard-modal form>p:not(.eyebrow){color:#7d736b;margin:0 0 17px;font-size:11px;line-height:1.5}.dashboard-modal input{color:#303a43;background:#fff;border:1px solid #d9d0c8;border-radius:10px;width:100%;height:44px;padding:0 12px;font-size:12px}.dashboard-modal form>div{justify-content:flex-end;gap:7px;margin-top:17px;display:flex}.dashboard-modal form>div button{color:#565e65;cursor:pointer;background:#fffefb;border:1px solid #d9d0c8;border-radius:9px;min-height:38px;padding:0 13px;font-size:10px;font-weight:700}.dashboard-modal form>div button:last-child{border-color:var(--clay-600);color:#fff;background:var(--clay-600)}.dashboard-modal form>div button:disabled{opacity:.5;cursor:default}:is(html:has(.invitation-page),body:has(.invitation-page)){height:auto;min-height:100%;overflow:auto}.invitation-page{color:#28323f;background:radial-gradient(circle at top,#fff8f0,#f6f2ed 55%,#eee8e2);place-items:center;min-height:100dvh;padding:28px;display:grid}.invitation-page>.landing-brand{color:#17212d;text-decoration:none;position:absolute;top:24px;left:28px}.invitation-card{text-align:center;background:#fffefb;border:1px solid #ded6cf;border-radius:24px;width:min(500px,100%);padding:38px;box-shadow:0 25px 70px #2c1d1221}.invitation-icon{width:58px;height:58px;color:var(--clay-700);background:#f8e9dc;border-radius:17px;place-items:center;margin:0 auto 18px;display:grid}.invitation-card .eyebrow{justify-content:center}.invitation-card h1{letter-spacing:-.045em;margin:5px 0 12px;font-size:clamp(29px,6vw,40px)}.invitation-card>p:not(.eyebrow):not(.invitation-message){color:#736a63;margin:0;font-size:12px;line-height:1.65}.invitation-security{color:#477053;text-align:left;background:#edf3e9;border-radius:11px;align-items:center;gap:9px;margin-top:20px;padding:12px;font-size:10px;display:flex}.invitation-card>button{color:#fff;background:var(--clay-600);cursor:pointer;border:0;border-radius:11px;align-items:center;gap:8px;min-height:46px;margin-top:20px;padding:0 18px;font-size:11px;font-weight:740;display:inline-flex}.invitation-card>button:disabled{opacity:.55;cursor:wait}.invitation-message{color:#a13f36;min-height:18px;margin:12px 0 0;font-size:10px;line-height:1.5}.create-document-modal>section{background:#fffefb;border:1px solid #ded6cf;border-radius:21px;width:min(820px,100%);max-height:calc(100dvh - 36px);padding:27px;position:relative;overflow:auto;box-shadow:0 25px 70px #2c1d1238}.create-document-modal .create-document-intro{color:#7d736b;max-width:520px;margin:0;font-size:11px;line-height:1.5}.document-kind-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:19px;display:grid}.document-kind-grid>button{color:#35404a;text-align:left;cursor:pointer;background:#fff;border:1px solid #ded6cf;border-radius:14px;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:12px;min-height:96px;padding:14px;display:grid;position:relative}.document-kind-grid>button:hover{background:#fffaf6;border-color:#d4a47c}.document-kind-grid>button.selected{border-color:var(--clay-600);box-shadow:0 0 0 3px #b5470817}.document-kind-grid>button>i{background:#fff;border:1px solid #d7cec6;border-radius:99px;width:16px;height:16px;position:absolute;top:10px;right:10px}.document-kind-grid>button.selected>i{border:5px solid var(--clay-600)}.document-kind-icon{border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.document-kind-icon.drawing{color:#386d76;background:#dcecef}.document-kind-icon.art{color:#70408f;background:#eee2f5}.document-kind-icon.canvas{color:var(--clay-700);background:#f8e9dc}.document-kind-grid strong,.document-kind-grid small{display:block}.document-kind-grid strong{font-size:13px}.document-kind-grid small{color:#80766e;margin-top:5px;font-size:9.5px;line-height:1.42}.canvas-preset-section{border-top:1px solid #e6dfd9;margin-top:18px;padding-top:17px}.canvas-preset-heading{color:#4e575f;justify-content:space-between;gap:10px;font-size:10px;font-weight:750;display:flex}.canvas-preset-heading small{color:#948a82;font-size:8.5px;font-weight:500}.canvas-preset-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.canvas-preset-grid>button{color:#49525b;cursor:pointer;background:#faf8f5;border:1px solid #e1dad3;border-radius:11px;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;min-height:91px;padding:8px 5px;display:flex}.canvas-preset-grid>button:hover{background:#fffaf6;border-color:#d6b08f}.canvas-preset-grid>button.selected{border-color:var(--clay-600);box-shadow:inset 0 0 0 1px var(--clay-600);background:#fdf3eb}.canvas-preset-grid strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:6px;font-size:9.5px;overflow:hidden}.canvas-preset-grid small{color:#91877e;margin-top:2px;font-size:7.5px}.preset-shape{color:var(--clay-700);background:#fff;border:1.5px solid #95877c;border-radius:2px;place-items:center;font-size:16px;font-weight:400;display:grid;box-shadow:0 2px 4px #32211514}.preset-shape.square{width:30px;height:30px}.preset-shape.landscape{width:39px;height:24px}.preset-shape.portrait{width:23px;height:34px}.preset-shape.custom{width:32px;height:28px;box-shadow:none;border-style:dashed}.custom-size-row{grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;max-width:430px;margin:12px auto 0;display:grid}.custom-size-row>span{color:#92877f;padding-bottom:13px}.custom-size-row label{color:#776d65;font-size:8.5px;font-weight:700;position:relative}.custom-size-row label input{height:38px;margin-top:5px;padding-right:30px}.custom-size-row label span{color:#9b9189;font-size:8px;position:absolute;bottom:12px;right:10px}.create-document-modal footer{justify-content:flex-end;gap:7px;margin-top:21px;display:flex}.create-document-modal footer button{color:#565e65;cursor:pointer;background:#fffefb;border:1px solid #d9d0c8;border-radius:10px;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:10px;font-weight:700;display:flex}.create-document-modal footer button.primary{border-color:var(--clay-600);color:#fff;background:var(--clay-600)}.create-document-modal footer button:disabled{opacity:.55;cursor:wait}.dashboard-loading{color:#776d65;background:#f6f5f2;align-content:center;place-items:center;gap:14px;width:100vw;height:100dvh;display:grid}.dashboard-loading p{margin:0;font-size:12px}@media (max-width:1120px){.dashboard-main{padding-inline:24px}.dashboard-content-grid{grid-template-columns:minmax(0,1fr) 250px;gap:24px}.drawing-card-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (max-width:880px){.workspace-app{grid-template-columns:72px minmax(0,1fr)}.workspace-sidebar{padding-inline:9px}.workspace-identity{justify-content:center;padding-inline:0;display:flex}.workspace-identity div,.workspace-identity>svg,.workspace-search input,.workspace-search kbd,.workspace-nav button span,.collection-heading span,.collection-list button span,.collection-list button small,.account-menu-sidebar .account-trigger-copy,.account-menu-sidebar .account-trigger-chevron{display:none}.workspace-search,.workspace-nav button,.collection-list button{justify-content:center;padding:0}.collection-heading{justify-content:center}.account-menu-sidebar{justify-content:center;display:flex}.account-menu-sidebar .account-menu-trigger{width:auto;padding-inline:0}.account-menu-sidebar .account-popover{left:8px;right:auto}.dashboard-content-grid{grid-template-columns:1fr}.activity-rail{margin-top:15px}}@media (max-width:720px){.workspace-app{display:block;overflow:auto}.workspace-sidebar{z-index:80;border-bottom:1px solid #e3dcd5;border-right:0;flex-direction:row;align-items:center;gap:7px;width:100%;height:62px;padding:7px 10px;position:sticky;top:0}.workspace-identity{flex:none;min-height:0}.workspace-monogram{width:38px;height:38px}.workspace-search{flex:120px;justify-content:flex-start;min-width:72px;margin:0;padding:0 10px}.workspace-search input{display:block}.workspace-nav{flex-direction:row;flex:none}.workspace-nav button{width:38px;min-height:38px}.workspace-nav button:nth-child(2),.workspace-nav button:nth-child(3),.workspace-nav button:nth-child(4){display:none}.collection-heading{flex:none;margin:0;padding:0}.collection-heading button{width:38px;height:38px}.collection-list{display:none}.account-menu-sidebar{border-top:0;flex:none;min-height:0;margin:0}.account-menu-sidebar .account-menu-trigger{min-height:40px;padding:0}.account-menu-sidebar .account-popover{inset:48px 0 auto auto}.dashboard-main{height:auto;min-height:calc(100dvh - 62px);padding:19px 14px 50px;overflow:visible}.dashboard-header{align-items:flex-start}.dashboard-header .dashboard-icon{display:none}.dashboard-actions{flex-direction:column-reverse;align-items:stretch}.dashboard-actions button{min-height:36px;padding:0 9px;font-size:9px}.drawing-card-grid,.drawing-card-grid.compact{grid-template-columns:1fr;gap:18px}.drawing-card-preview{aspect-ratio:1.55}.activity-rail{display:none}.trash-list>div{grid-template-columns:78px minmax(0,1fr)}.trash-list button{grid-column:2;width:max-content}.document-kind-grid{grid-template-columns:1fr}.canvas-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.create-document-modal>section{padding:22px 16px 18px}}:is(html:has(.landing-page),body:has(.landing-page),html:has(.legal-page),body:has(.legal-page)){scroll-behavior:smooth;height:auto;min-height:100%;overflow:hidden auto}:is(body:has(.landing-page),body:has(.legal-page)){background:#fbf8f3}.landing-page{color:#17212d;--landing-orange:#c43f05;--landing-orange-dark:#9f3105;--landing-cream:#fbf8f3;--landing-green:#8d9670;background:#fbf8f3;min-height:100vh;overflow:hidden}.landing-page a{color:inherit;text-decoration:none}.landing-nav{z-index:200;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9e0;border:1px solid #8060492e;border-radius:18px;align-items:center;gap:22px;width:min(1180px,100% - 32px);min-height:66px;padding:8px 10px 8px 14px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #3f261717}.landing-brand{align-items:center;gap:9px;display:inline-flex}.landing-brand img{border-radius:11px}.landing-brand span{letter-spacing:-.045em;font-size:20px;font-weight:780}.landing-nav-links{color:#5f5a54;align-items:center;gap:30px;margin:0 auto;font-size:13px;font-weight:610;display:flex}.landing-nav-links a,.landing-sign-in{transition:color .16s}.landing-nav-links a:hover,.landing-sign-in:hover{color:var(--landing-orange)}.landing-nav-actions{align-items:center;gap:14px;display:flex}.landing-sign-in{color:#4f4b46;font-size:13px;font-weight:670}.landing-nav-cta{background:var(--landing-orange);border-radius:12px;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-size:12px;font-weight:730;display:inline-flex;box-shadow:0 9px 22px #c43f0538;color:#fff!important}.landing-nav-cta:hover{background:var(--landing-orange-dark)}.landing-hero{isolation:isolate;grid-template-columns:minmax(360px,35%) minmax(600px,65%);align-items:center;min-height:940px;padding:145px max(5vw,30px) 50px;display:grid;position:relative}.landing-hero-paper{z-index:-2;object-fit:cover}.landing-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fffdf933,#0000 60%);position:absolute;inset:0}.landing-hero-copy{z-index:3;max-width:600px;padding:18px 0 80px;position:relative}.landing-hero-brand{align-items:center;gap:14px;margin-bottom:58px;display:flex}.landing-hero-brand img{filter:drop-shadow(0 12px 20px #b5470824)}.landing-hero-brand strong{letter-spacing:-.05em;font-size:clamp(25px,2.2vw,38px)}.landing-kicker{color:var(--landing-orange);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 18px;font-size:12px;font-weight:780;display:flex}.landing-hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(56px,5vw,90px);line-height:.98}.landing-hero h1 span{color:var(--landing-orange)}.landing-hero-lede{color:#5f5a55;max-width:540px;margin:26px 0 0;font-size:clamp(16px,1.25vw,20px);line-height:1.62}.landing-hero-actions{align-items:center;gap:12px;margin-top:32px;display:flex}.landing-primary-button,.landing-secondary-button{border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:54px;padding:0 22px;font-size:13px;font-weight:750;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.landing-primary-button{background:var(--landing-orange);box-shadow:0 14px 30px #c43f053b;color:#fff!important}.landing-secondary-button{color:#393f45;background:#ffffffb8;border:1px solid #d8cfc7}.landing-primary-button:hover,.landing-secondary-button:hover{transform:translateY(-2px);box-shadow:0 15px 32px #34221726}.landing-hero-note{color:#756e67;align-items:center;gap:7px;margin:18px 0 0;font-size:11px;display:flex}.landing-hero-note svg{color:#4d7c5a}.landing-hero-note span{background:#b6aca3;border-radius:50%;width:3px;height:3px;margin:0 4px}.landing-hero-product{z-index:2;filter:drop-shadow(0 28px 40px #301f142e);width:min(1060px,72vw);margin-left:-5%;position:relative;transform:translateY(16px)}.landing-hero-product img{width:100%;height:auto;display:block}.landing-proof{color:#6f675f;background:#fffdf9;border-block:1px solid #e9e1da;justify-content:center;align-items:center;gap:clamp(20px,4vw,64px);min-height:70px;padding:18px 5vw;font-size:12px;font-weight:690;display:flex}.landing-proof i{background:#e2a174;border-radius:50%;width:4px;height:4px}.landing-section{width:min(1180px,100% - 40px);margin:0 auto;padding:130px 0}.landing-section-heading{text-align:center;max-width:720px;margin:0 auto 58px}.landing-section-heading .landing-kicker{justify-content:center}.landing-section-heading h2,.landing-feature-intro h2,.landing-showcase-copy h2,.landing-final-cta h2{letter-spacing:-.055em;margin:0;font-size:clamp(40px,4.3vw,66px);line-height:1.02}.landing-section-heading>p:last-child,.landing-feature-intro>p,.landing-showcase-copy>p,.landing-final-cta>div>p:last-child{color:#716960;margin:20px auto 0;font-size:16px;line-height:1.7}.landing-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.landing-mode-card{background:#fffefb;border:1px solid #e1d8d0;border-radius:28px;min-height:650px;padding:38px 38px 310px;position:relative;overflow:hidden;box-shadow:0 20px 55px #3e2a1d12}.drawing-mode-card{background:linear-gradient(145deg,#f7fbfb,#fffefb 64%)}.art-mode-card{background:linear-gradient(145deg,#faf7ff,#fffefb 64%)}.canvas-mode-card{background:linear-gradient(145deg,#fff8f1,#fffefb 64%)}.landing-mode-icon{color:#376b73;background:#dceff1;border-radius:15px;place-items:center;width:54px;height:54px;display:grid}.art-mode-card .landing-mode-icon{color:#7351a2;background:#eee4fb}.canvas-mode-card .landing-mode-icon{color:var(--landing-orange);background:#f8e7d8}.landing-card-label{color:#777069;letter-spacing:.1em;text-transform:uppercase;margin:22px 0 8px;font-size:11px;font-weight:780}.landing-mode-card h3{letter-spacing:-.045em;max-width:450px;margin:0;font-size:clamp(27px,2.4vw,38px);line-height:1.1}.landing-mode-card>p:not(.landing-card-label){color:#716960;max-width:470px;margin:16px 0 0;font-size:14px;line-height:1.65}.landing-mode-card ul,.landing-price-card ul{color:#514c47;gap:10px;margin:22px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.landing-mode-card li,.landing-price-card li{align-items:center;gap:8px;display:flex}.landing-mode-card li svg,.landing-price-card li svg{color:#4d7c5a;flex:none}.mode-card-visual{border-radius:21px;height:250px;position:absolute;bottom:26px;left:28px;right:28px;overflow:hidden}.freeform-visual{background-color:#f5fafb;background-image:radial-gradient(#8db6bb 1px,#0000 1px);background-size:20px 20px}.visual-node{z-index:2;width:100px;height:66px;font-family:var(--font-sketch);background:#fff;border:2px solid #24343a;border-radius:15px;place-items:center;font-size:16px;display:grid;position:absolute;box-shadow:0 5px #24343a12}.visual-node.node-a{background:#dcebf8;top:38px;left:9%;transform:rotate(-2deg)}.visual-node.node-b{background:#e8f1dc;top:120px;left:40%;transform:rotate(1deg)}.visual-node.node-c{background:#f8dfd7;top:43px;right:9%;transform:rotate(2deg)}.visual-line{transform-origin:0;background:#24343a;height:2px;position:absolute}.visual-line:after{content:"";border-top:2px solid;border-right:2px solid;width:8px;height:8px;position:absolute;top:-4px;right:-1px;transform:rotate(45deg)}.visual-line.line-a{width:30%;top:94px;left:25%;transform:rotate(16deg)}.visual-line.line-b{width:22%;top:116px;left:56%;transform:rotate(-19deg)}.art-visual{background:#fffdf8;border:1px solid #e6ded5;box-shadow:inset 0 0 45px #5840300a}.art-stroke{transform-origin:0;border-top:12px solid;border-radius:50%;width:67%;height:36px;position:absolute;left:12%}.art-stroke-a{color:#29374d;top:47px;transform:rotate(-5deg)}.art-stroke-b{color:#d14343b8;border-width:18px;top:101px;left:20%;transform:rotate(5deg)}.art-stroke-c{color:#4d7c5a6b;border-width:25px;top:151px;left:14%;transform:rotate(-3deg)}.art-swatch{border:4px solid #fff;border-radius:50%;width:28px;height:28px;position:absolute;bottom:17px;box-shadow:0 0 0 1px #3d2d2224}.art-swatch.swatch-a{background:#29374d;left:18px}.art-swatch.swatch-b{background:#d14343;left:53px}.art-swatch.swatch-c{background:#4d7c5a;left:88px}.art-brush-tip{background:linear-gradient(90deg,#7351a2 0 67%,#d7c2aa 67%);border-radius:9px 3px 3px 9px;width:70px;height:18px;position:absolute;bottom:18px;right:22px;transform:rotate(-28deg);box-shadow:0 5px 10px #422a1d21}.page-visual{background:#f9eee5;place-items:center;display:grid}.mini-page{background:#fff;border:1px solid #d4c6bb;border-radius:7px;width:170px;height:205px;position:absolute;box-shadow:0 12px 25px #4a2d1a1f}.page-back{background:#eaf0df;transform:translate(-92px)rotate(-7deg)}.page-middle{background:#dfedf8;transform:translate(84px)rotate(7deg)}.page-front{z-index:3;border:2px solid #ec5c22;padding:24px 20px}.page-front b{letter-spacing:-.06em;font-size:25px;line-height:.98;display:block}.page-front em{color:#dc4e12;font-style:normal}.page-front i{clip-path:polygon(0 75%,35% 25%,55% 62%,100% 0,100% 100%,0 100%);background:#aab38a;border-radius:50% 50% 8px 8px;height:64px;position:absolute;bottom:18px;left:18px;right:18px}.landing-feature-section{grid-template-columns:.82fr 1.18fr;align-items:center;gap:80px;display:grid}.landing-feature-intro>p{max-width:480px;margin-left:0}.landing-feature-intro>a{color:var(--landing-orange);align-items:center;gap:8px;margin-top:28px;font-size:13px;font-weight:760;display:inline-flex}.landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.landing-feature-grid article{background:#fffefb;border:1px solid #e3dad2;border-radius:20px;min-height:220px;padding:26px;box-shadow:0 14px 35px #3e2a1d0e}.landing-feature-grid article>span{width:42px;height:42px;color:var(--landing-orange);background:#fae9dc;border-radius:12px;place-items:center;display:grid}.landing-feature-grid article:nth-child(2)>span{color:#4d7c5a;background:#e6eddf}.landing-feature-grid article:nth-child(3)>span{color:#376b73;background:#dfedef}.landing-feature-grid article:nth-child(4)>span{color:#6d5ba6;background:#ebe7f5}.landing-feature-grid h3{letter-spacing:-.025em;margin:24px 0 8px;font-size:18px}.landing-feature-grid p{color:#766e67;margin:0;font-size:12px;line-height:1.65}.landing-showcase{color:#f8f3ed;background:#1e292a;grid-template-columns:1.3fr .7fr;align-items:center;gap:70px;padding:110px max(5vw,28px);display:grid}.landing-showcase-window{background:#fff;border:1px solid #ffffff24;border-radius:22px;overflow:hidden;transform:rotate(-1deg);box-shadow:0 30px 70px #00000052}.showcase-window-bar{background:#f1eee9;align-items:center;gap:7px;height:40px;padding:0 14px;display:flex}.showcase-window-bar span{background:#ef5b4d;border-radius:50%;width:9px;height:9px}.showcase-window-bar span:nth-child(2){background:#f1bd3e}.showcase-window-bar span:nth-child(3){background:#55b85b}.showcase-window-bar p{color:#746d66;margin:0 auto;font-size:9px}.landing-showcase-window>img{width:100%;height:auto;display:block}.landing-showcase-copy .landing-kicker{color:#f18a55}.landing-showcase-copy>p{color:#c0bbb5}.landing-use-list{gap:14px;margin-top:28px;display:grid}.landing-use-list span{color:#e9e3dc;align-items:center;gap:10px;font-size:12px;font-weight:680;display:flex}.landing-use-list svg{color:#ee8651}.landing-pricing{padding-bottom:150px}.landing-price-card{background:#fffefb;border:1px solid #dfd5cc;border-radius:27px;width:min(650px,100%);margin:0 auto;padding:38px;box-shadow:0 24px 60px #3a271b1a}.landing-price-card>div>span{color:var(--landing-orange);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:780}.landing-price-card h3{letter-spacing:-.065em;margin:8px 0 0;font-size:56px}.landing-price-card>div>p{color:#746d66;margin:5px 0 0;font-size:13px}.landing-price-card ul{border-block:1px solid #ece4dd;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;padding:24px 0}.landing-price-card>a{color:#fff;background:var(--landing-orange);border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:52px;font-size:13px;font-weight:760;display:flex}.landing-price-card>small{color:#8a817a;text-align:center;margin-top:12px;font-size:9px;line-height:1.5;display:block}.landing-final-cta{color:#fff;background:var(--landing-orange);border-radius:30px;justify-content:space-between;align-items:center;gap:50px;width:min(1180px,100% - 40px);margin:0 auto 80px;padding:66px;display:flex;overflow:hidden;box-shadow:0 25px 65px #c43f0533}.landing-final-cta .landing-kicker{color:#ffd1bb}.landing-final-cta>div>p:last-child{color:#ffe2d3;margin-left:0}.landing-final-cta>a{color:#9f3105;background:#fff;border-radius:14px;flex:none;align-items:center;gap:9px;min-height:56px;padding:0 24px;font-size:13px;font-weight:780;display:inline-flex}.landing-inquiry-section{color:#17212d;background:#f3eee8;border:1px solid #dfd5cc;border-radius:30px;grid-template-columns:minmax(0,.8fr) minmax(440px,1.2fr);gap:70px;width:min(1180px,100% - 40px);margin:0 auto 90px;padding:64px;display:grid;box-shadow:0 22px 60px #3e2a1d12}.landing-inquiry-copy h2{letter-spacing:-.055em;margin:0;font-size:clamp(36px,3.8vw,58px);line-height:1.04}.landing-inquiry-copy>p:not(.landing-kicker){color:#716960;margin:20px 0 0;font-size:14px;line-height:1.7}.landing-inquiry-copy ul{color:#514c47;gap:11px;margin:27px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.landing-inquiry-copy li{align-items:flex-start;gap:8px;line-height:1.5;display:flex}.landing-inquiry-copy li svg{color:#4d7c5a;flex:none;margin-top:1px}.inquiry-form{background:#fffefb;border:1px solid #e1d8d0;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;gap:16px;padding:26px;display:grid;box-shadow:0 15px 40px #3e2a1d0f}.inquiry-field{gap:7px;min-width:0;display:grid}.inquiry-field.inquiry-wide{grid-column:1/-1}.inquiry-field label{color:#514c47;font-size:11px;font-weight:720}.inquiry-field label span{color:var(--landing-orange)}.inquiry-field input,.inquiry-field select,.inquiry-field textarea{color:#29323c;background:#fff;border:1px solid #d8cfc7;border-radius:10px;width:100%;font-size:12px}.inquiry-field input,.inquiry-field select{height:43px;padding:0 11px}.inquiry-field textarea{resize:vertical;min-height:116px;padding:11px;line-height:1.5}.inquiry-honeypot{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.inquiry-submit-row{grid-column:1/-1;align-items:center;gap:16px;display:flex}.inquiry-submit-row button{color:#fff;background:var(--landing-orange);cursor:pointer;border:0;border-radius:11px;flex:none;min-height:44px;padding:0 17px;font-size:11px;font-weight:760}.inquiry-submit-row button:hover{background:var(--landing-orange-dark)}.inquiry-submit-row button:disabled{opacity:.58;cursor:wait}.inquiry-submit-row p{color:#827970;margin:0;font-size:9px;line-height:1.5}.inquiry-submit-row a{color:var(--landing-orange);text-decoration:underline}.inquiry-status{grid-column:1/-1;min-height:17px;margin:-4px 0 0;font-size:10px;line-height:1.5}.inquiry-status.success{color:#39704a}.inquiry-status.error{color:#a4332d}.landing-footer{color:#746d66;border-top:1px solid #e2d9d1;align-items:center;gap:28px;width:min(1180px,100% - 40px);min-height:100px;margin:0 auto;display:flex}.landing-footer .landing-brand{color:#17212d}.landing-footer p{margin:0 auto 0 0;font-size:11px}.landing-footer>div{gap:24px;font-size:11px;font-weight:680;display:flex}.legal-page{color:#202a35;background:#fbf8f3;min-height:100dvh}.legal-nav{border-bottom:1px solid #e5ddd5;justify-content:space-between;align-items:center;gap:20px;width:min(920px,100% - 40px);min-height:78px;margin:0 auto;display:flex}.legal-nav .landing-brand{color:#17212d;text-decoration:none}.legal-nav>a:last-child{color:#5f5852;background:#fffefb;border:1px solid #dbd1c8;border-radius:11px;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.legal-document{width:min(760px,100% - 40px);margin:0 auto;padding:78px 0 110px}.legal-document>header{border-bottom:1px solid #e3dad2;margin-bottom:52px;padding-bottom:34px}.legal-document .landing-kicker{margin-bottom:14px}.legal-document h1{letter-spacing:-.055em;margin:0;font-size:clamp(43px,7vw,68px);line-height:1}.legal-effective{color:#847b73;margin:17px 0 0;font-size:11px}.legal-intro{color:#5f5953;margin:0 0 42px;font-size:17px;line-height:1.75}.legal-section{margin-top:38px}.legal-section h2{letter-spacing:-.025em;margin:0 0 12px;font-size:22px}.legal-section p,.legal-section li{color:#625c56;font-size:13px;line-height:1.75}.legal-section p{margin:10px 0 0}.legal-section ul{margin:13px 0 0;padding-left:20px}.legal-section li+li{margin-top:7px}.legal-section a{color:#a4420d;text-underline-offset:2px;font-weight:700}.legal-section code{background:#fffdf9;border:1px solid #e0d7ce;border-radius:5px;padding:1px 5px;font-size:.92em}.legal-download-link{background:#fffefb;border:1px solid #d8c9bd;border-radius:11px;align-items:center;min-height:42px;padding:0 15px;text-decoration:none;display:inline-flex}.legal-notice{color:#71411f;background:#fff5ec;border:1px solid #ead4c3;border-radius:14px;margin-top:42px;padding:18px 20px;font-size:12px;line-height:1.65}.legal-footer{color:#776f68;border-top:1px solid #e5ddd5;justify-content:space-between;align-items:center;gap:18px;width:min(920px,100% - 40px);min-height:86px;margin:0 auto;font-size:10.5px;display:flex}.legal-footer div{gap:18px;display:flex}.legal-footer a{color:inherit;font-weight:680;text-decoration:none}:is(html:has(.legal-consent-page),body:has(.legal-consent-page)){height:auto;min-height:100%;overflow:hidden auto}body:has(.legal-consent-page){background:#f7f1e9}.legal-consent-page{color:#202a35;background:radial-gradient(circle at 50% 0,#fffdf8 0,#f7f1e9 62%);align-content:start;justify-items:center;min-height:100dvh;padding:30px 18px 56px;display:grid}.legal-consent-page>.landing-brand{color:#17212d;margin-bottom:42px;text-decoration:none}.legal-consent-card{background:#fffefbf5;border:1px solid #e1d7cd;border-radius:25px;width:min(560px,100%);padding:clamp(28px,6vw,48px);box-shadow:0 24px 70px #412a1a24}.legal-consent-card>.modal-icon{margin-bottom:20px}.legal-consent-card .landing-kicker{margin:0 0 12px}.legal-consent-card h1{letter-spacing:-.05em;margin:0;font-size:clamp(34px,7vw,52px);line-height:1.02}.legal-consent-card>p:not(.landing-kicker):not(.legal-consent-error){color:#665f58;margin:18px 0 28px;font-size:13px;line-height:1.7}.legal-consent-check{color:#514b45;cursor:pointer;background:#fff;border:1px solid #ded4ca;border-radius:13px;grid-template-columns:auto 1fr;align-items:start;gap:11px;margin-top:12px;padding:15px 16px;font-size:12px;line-height:1.55;display:grid}.legal-consent-check:has(input:checked){background:#fff8f1;border-color:#ca7744}.legal-consent-check input{accent-color:#b54708;width:17px;height:17px;margin:1px 0 0}.legal-consent-check a{color:#a4420d;font-weight:730}.legal-consent-card>button{color:#fff;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#b54708;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:12px;font-weight:780;display:flex}.legal-consent-card>button:disabled{opacity:.46;cursor:not-allowed}.legal-consent-card>small{color:#8a8179;text-align:center;margin-top:14px;font-size:9.5px;display:block}.legal-consent-error{color:#a4332d;margin:14px 0 0;font-size:11px;line-height:1.5}:is(html:has(.account-center-page),body:has(.account-center-page)){height:auto;min-height:100%;overflow:hidden auto}body:has(.account-center-page){background:#f6f5f2}.account-center-page{color:#28323f;background:#f6f5f2;min-height:100dvh}.account-center-topbar{z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffefbeb;border-bottom:1px solid #e4ded7;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:70px;padding:0 max(24px,50vw - 580px);display:grid;position:sticky;top:0}.account-center-topbar .landing-brand{color:#17212d;text-decoration:none}.account-center-topbar>.account-menu{justify-self:end}.account-back-link{color:#5d5650;background:#fffefb;border:1px solid #ddd5cd;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-size:10.5px;font-weight:700;text-decoration:none;display:inline-flex}.account-center-shell{grid-template-columns:220px minmax(0,1fr);gap:52px;width:min(1080px,100% - 40px);margin:0 auto;padding:48px 0 80px;display:grid}.account-center-sidebar{align-self:start;position:sticky;top:118px}.account-center-sidebar>.eyebrow{margin:0 0 12px 10px}.account-center-sidebar nav{gap:4px;display:grid}.account-center-sidebar nav a{color:#515961;border-radius:10px;align-items:center;gap:9px;min-height:42px;padding:0 11px;font-size:11px;font-weight:680;text-decoration:none;display:flex}.account-center-sidebar nav a:hover{background:#efeae5}.account-center-sidebar nav a.selected{color:var(--clay-700);background:#f8e9dc}.account-security-note{color:#4d7c5a;background:#fffefb;border:1px solid #e0d9d2;border-radius:12px;align-items:flex-start;gap:9px;margin-top:28px;padding:14px;display:flex}.account-security-note svg{flex:none;margin-top:1px}.account-security-note strong,.account-security-note small{display:block}.account-security-note strong{font-size:10px}.account-security-note small{color:#827970;margin-top:4px;font-size:8.5px;line-height:1.45}.account-center-content{min-width:0;max-width:760px}.account-center-content .workspace-error{margin:0 0 16px;top:78px}.account-page-heading{border-bottom:1px solid #ddd7d0;padding-bottom:26px}.account-page-heading .eyebrow{margin:0}.account-page-heading h1{letter-spacing:-.045em;margin:4px 0 8px;font-size:clamp(32px,5vw,46px)}.account-page-heading>p:last-child{color:#756d65;max-width:610px;margin:0;font-size:12px;line-height:1.6}.account-panel{background:#fffefb;border:1px solid #e0d9d2;border-radius:16px;margin-top:18px;padding:22px}.account-panel-heading{grid-template-columns:auto minmax(0,1fr);gap:13px;display:grid}.account-panel-heading>span{width:40px;height:40px;color:var(--clay-700);background:#f8e9dc;border-radius:11px;place-items:center;display:grid}.account-panel-heading h2{margin:1px 0 5px;font-size:15px}.account-panel-heading p{color:#7f756d;margin:0;font-size:10.5px;line-height:1.5}.account-loading-row{color:#8b8178;background:#f6f2ee;border-radius:11px;margin-top:17px;padding:16px;font-size:10px}.profile-identity-card{background:#fcfaf7;border:1px solid #e6dfd8;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:18px;padding:13px;display:grid}.profile-identity-card>img,.profile-identity-card>span{object-fit:cover;color:#fff;background:#376b73;border-radius:99px;place-items:center;width:42px;height:42px;font-size:10px;font-weight:750;display:grid}.profile-identity-card strong,.profile-identity-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-identity-card strong{font-size:11.5px}.profile-identity-card small{color:#8e837b;margin-top:3px;font-size:9px}.profile-identity-card em{color:#4d7c5a;font-size:9px;font-style:normal;font-weight:700}.account-detail-list{margin:18px 0 0}.account-detail-list>div{border-top:1px solid #eee8e2;grid-template-columns:minmax(130px,.45fr) 1fr;align-items:center;gap:15px;min-height:42px;padding:10px 2px;display:grid}.account-detail-list dt{color:#847a72;font-size:9.5px}.account-detail-list dd{overflow-wrap:anywhere;color:#3e474f;margin:0;font-size:10.5px;font-weight:680}.account-data-summary{color:#4f585f;margin:18px 0 0;font-size:11px}.account-helper-copy{color:#8a8078;margin:8px 0 0;font-size:9.5px;line-height:1.55}.danger-panel{background:snow;border-color:#ebc9c5}.danger-panel .account-panel-heading>span{color:#b33c35;background:#fde8e5}.danger-button{color:#a4332d;cursor:pointer;background:#fff;border:1px solid #cf5a52;border-radius:10px;min-height:40px;margin:18px 0 0 53px;padding:0 14px;font-size:10.5px;font-weight:750}.danger-button:hover{color:#fff;background:#b33c35}.danger-button:disabled{opacity:.5;cursor:default}.plan-hero-card{color:#fff;background:linear-gradient(135deg, #a93706, var(--clay-600) 58%, #dd6c2d);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:18px;padding:27px;display:flex;box-shadow:0 18px 38px #913a0929}.plan-badge{letter-spacing:.1em;text-transform:uppercase;opacity:.78;margin-bottom:12px;font-size:9px;font-weight:780;display:inline-block}.plan-hero-card h2{letter-spacing:-.04em;margin:0;font-size:28px}.plan-hero-card p{color:#ffe1d1;margin:7px 0 0;font-size:10.5px}.plan-status{background:#ffffff1f;border:1px solid #ffffff40;border-radius:99px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:700;display:flex}.plan-limit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:19px;display:grid}.plan-limit-grid>div{background:#fcfaf7;border:1px solid #e7e0d9;border-radius:11px;min-height:84px;padding:14px 11px}.plan-limit-grid strong,.plan-limit-grid span{display:block}.plan-limit-grid strong{letter-spacing:-.025em;font-size:17px}.plan-limit-grid span{color:#81776f;margin-top:7px;font-size:8.5px;line-height:1.35}.upgrade-panel button{color:#8b8179;background:#f5f1ed;border:1px solid #ddd5cd;border-radius:10px;min-height:39px;margin:18px 0 0 53px;padding:0 14px;font-size:10px;font-weight:700}.upgrade-panel>small{color:#91877f;margin:10px 0 0 53px;font-size:8.5px;line-height:1.5;display:block}.account-delete-modal .modal-icon.danger{color:#b33c35;background:#fde8e5}.account-delete-modal form>p:not(.eyebrow){color:#6f625d}.delete-confirmation-label{color:#665c55;margin-top:17px;font-size:10px;line-height:1.5;display:block}.delete-confirmation-label strong{overflow-wrap:anywhere;color:#9e342e}.delete-confirmation-label input{margin-top:8px}.delete-acknowledgement{color:#665c55;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;margin-top:14px;font-size:9.5px;line-height:1.5;display:grid}.delete-acknowledgement input{accent-color:#b33c35;width:16px;height:16px;margin:1px 0 0}.account-delete-modal form>div button.confirm-delete-button{background:#b33c35;border-color:#b33c35}@media (max-width:1100px){.landing-hero{grid-template-columns:42% 58%;min-height:980px}.landing-hero-brand{margin-bottom:35px}.landing-hero-product{width:76vw;margin-left:-12%}.landing-showcase{grid-template-columns:1.1fr .9fr;gap:40px}}@media (max-width:850px){.landing-nav-links{display:none}.landing-nav-actions{margin-left:auto}.landing-hero{min-height:1080px;padding-top:125px;display:block}.landing-hero-copy{max-width:680px;padding-bottom:0}.landing-hero-brand{margin-bottom:30px}.landing-hero-product{width:105vw;margin:22px 0 0 -8vw}.landing-proof{flex-wrap:wrap}.landing-mode-grid,.landing-feature-section,.landing-showcase{grid-template-columns:1fr}.landing-feature-section{gap:44px}.landing-showcase{padding-block:80px}.landing-showcase-copy{max-width:650px}.landing-inquiry-section{grid-template-columns:1fr;gap:36px;padding:44px}.account-center-shell{grid-template-columns:180px minmax(0,1fr);gap:28px}.plan-limit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:590px){.landing-nav{border-radius:15px;width:calc(100% - 16px);min-height:58px;top:8px}.landing-nav .landing-brand img{width:36px;height:36px}.landing-nav .landing-brand span{font-size:17px}.landing-sign-in{display:none}.landing-nav-cta{min-height:40px;padding:0 12px;font-size:10px}.landing-hero{min-height:900px;padding:105px 20px 40px}.landing-hero-brand{display:none}.landing-hero h1{font-size:clamp(49px,15vw,68px)}.landing-hero-lede{font-size:15px}.landing-hero-actions{flex-direction:column;align-items:stretch}.landing-primary-button,.landing-secondary-button{width:100%}.landing-hero-note{flex-wrap:wrap}.landing-hero-product{width:142vw;margin:36px 0 0 -26vw}.landing-proof{justify-content:flex-start;gap:12px 20px;font-size:10px}.landing-proof i{display:none}.landing-section{width:calc(100% - 28px);padding:90px 0}.landing-section-heading{text-align:left}.landing-section-heading .landing-kicker{justify-content:flex-start}.landing-mode-card{border-radius:22px;min-height:640px;padding:28px 24px 292px}.mode-card-visual{height:250px;bottom:14px;left:14px;right:14px}.visual-node{width:78px}.landing-feature-grid{grid-template-columns:1fr}.landing-feature-grid article{min-height:185px}.landing-showcase{padding:72px 18px}.landing-showcase-window{width:132%;margin-left:-16%}.landing-price-card{padding:26px 22px}.landing-price-card ul{grid-template-columns:1fr}.landing-final-cta{border-radius:24px;flex-direction:column;align-items:stretch;width:calc(100% - 28px);margin-bottom:50px;padding:38px 26px}.landing-final-cta>a{justify-content:center}.landing-inquiry-section{border-radius:24px;width:calc(100% - 28px);margin-bottom:50px;padding:28px 20px}.inquiry-form{grid-template-columns:1fr;padding:20px}.inquiry-field.inquiry-wide{grid-column:auto}.inquiry-submit-row{flex-direction:column;grid-column:auto;align-items:stretch}.inquiry-submit-row button{width:100%}.inquiry-status{grid-column:auto}.team-invite-card form,.invite-link-result{grid-template-columns:1fr}.team-member-row{grid-template-columns:auto minmax(0,1fr)}.team-member-row>em,.team-member-actions{grid-column:2;justify-self:start}.invitation-page{padding:90px 14px 24px}.invitation-page>.landing-brand{top:18px;left:18px}.invitation-card{padding:28px 20px}.landing-footer{flex-wrap:wrap;align-items:flex-start;min-height:150px;padding:24px 0}.landing-footer p{order:3;width:100%}.landing-footer>div{flex-wrap:wrap;gap:14px 20px;width:100%}.legal-nav{width:calc(100% - 28px)}.legal-nav .landing-brand span{font-size:17px}.legal-document{width:calc(100% - 32px);padding:58px 0 80px}.legal-footer{flex-direction:column;align-items:flex-start;width:calc(100% - 28px);padding:20px 0}.account-center-topbar{grid-template-columns:1fr auto;min-height:62px;padding:0 14px}.account-center-topbar .landing-brand span{font-size:17px}.account-center-topbar .account-back-link{grid-area:2/1/auto/-1;justify-content:center;justify-self:stretch;min-height:34px;margin:0 0 9px}.account-center-topbar>.account-menu{grid-area:1/2}.account-center-shell{width:calc(100% - 28px);padding:26px 0 60px;display:block}.account-center-sidebar{margin-bottom:25px;position:static}.account-center-sidebar>.eyebrow,.account-security-note{display:none}.account-center-sidebar nav{grid-template-columns:1fr 1fr}.account-center-sidebar nav a{justify-content:center}.account-panel{padding:17px}.profile-identity-card{grid-template-columns:auto minmax(0,1fr)}.profile-identity-card em{grid-column:2}.account-detail-list>div{grid-template-columns:1fr;gap:4px}.danger-button,.upgrade-panel button{width:100%;margin-left:0}.upgrade-panel>small{margin-left:0}.plan-hero-card{padding:22px}.plan-limit-grid{grid-template-columns:1fr 1fr}}.diagram-property-tabs{background:var(--app-soft);border-radius:9px;grid-template-columns:repeat(2,1fr);gap:3px;margin:12px 0;padding:3px;display:grid}.diagram-property-tabs button{min-height:30px;color:var(--app-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.diagram-property-tabs button[aria-pressed=true]{color:var(--clay-700);background:var(--app-surface-solid);box-shadow:0 1px 4px #3621141f}.diagram-property-tabs button:focus-visible{outline:2px solid var(--clay-700);outline-offset:2px}.diagram-export-option{justify-content:space-between;align-items:center;gap:16px;margin:20px 0;display:flex}.diagram-export-option .property-picker-trigger{width:200px;max-width:65%;height:38px;padding:0 10px;font-size:13px}.context-menu>button:disabled{opacity:.4;cursor:not-allowed;background:0 0}.image-background-action{border:1px solid var(--app-border);width:100%;color:var(--app-ink);background:var(--app-soft);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.image-background-action:disabled{opacity:.4;cursor:not-allowed}.image-background-dialog{width:min(560px,100vw - 36px);max-height:calc(100dvh - 36px);overflow-y:auto}.image-background-dialog .dialog-heading>button{color:var(--app-ink);background:0 0;border:0;font-size:24px}.image-background-preview{border:1px solid var(--app-border);background:repeating-conic-gradient(#ddd 0 25%, #fff 0 50%) 0 / 16px 16px;border-radius:10px;place-items:center;min-height:120px;padding:12px;display:grid}.image-background-preview canvas{object-fit:contain;max-width:100%;max-height:260px}.background-tolerance{grid-template-columns:1fr auto;gap:10px;display:grid}.background-tolerance input{grid-column:1/-1;width:100%}.background-original{gap:8px;margin:14px 0;display:flex}.image-background-dialog small{color:var(--app-muted)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}