@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500&display=swap";html,body{font-family:Work Sans,sans-serif;font-optical-sizing:auto;font-style:normal;margin:0;padding:0}body,h1,h2,h3,h4,h5,p,pre{margin:0}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid}ul{list-style:none;margin:0;padding:0}[data-theme=dark]{color-scheme:dark;--background-primary: var(--db-primary);--background-secondary: var(--db-secondary);--background-tertiary: var(--db-tertiary);--background-quaternary: var(--db-quaternary);--foreground-primary: var(--df-primary);--foreground-secondary: var(--df-secondary);--accent-primary: var(--da-primary);--accent-primary-muted: var(--da-primary-muted);--accent-secondary: var(--da-secondary);--accent-tertiary: var(--da-tertiary);--accent-quaternary: var(--da-quaternary)}[data-theme=light]{color-scheme:light;--background-primary: var(--lb-primary);--background-secondary: var(--lb-secondary);--background-tertiary: var(--lb-tertiary);--background-quaternary: var(--lb-quaternary);--foreground-primary: var(--lf-primary);--foreground-secondary: var(--lf-secondary);--accent-primary: var(--la-primary);--accent-primary-muted: var(--la-primary-muted);--accent-secondary: var(--la-secondary);--accent-tertiary: var(--la-tertiary);--accent-quaternary: var(--la-quaternary)}[data-theme]{background-color:var(--background-primary);color:var(--foreground-secondary)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px transparent;border-radius:var(--spacing-8)}::-webkit-scrollbar-thumb{border-radius:var(--spacing-8);-webkit-box-shadow:inset 0 0 6px #aab5ba}:root{--db-primary: #18181a;--db-secondary: #000000;--db-tertiary: #212426;--db-quaternary: #2e3434;--lb-primary: #ffffff;--lb-secondary: #e8eaee;--lb-tertiary: #f3f4f6;--lb-quaternary: #eef0f2;--df-primary: #ffffff;--df-secondary: #8f9da3;--lf-primary: #000000;--lf-secondary: #495e74;--da-primary: #7EFFF5;--da-primary-muted: #426158;--da-secondary: #BB97D8;--da-tertiary: #00D1B8;--da-quaternary: #ff6fe0;--la-primary: #6911d4;--la-primary-muted: #e1d2f5;--la-secondary: #1345aa;--la-tertiary: #8c33eb;--la-quaternary: #ff6fe0;--success-50: #f0f8ff;--success-500: #2d9f8f;--success-950: #0a2927;--warning-50: #fff4ed;--warning-500: #fe4811;--warning-950: #440806;--error-50: #fff0f3;--error-200: #ffcada;--error-500: #ff3277;--error-700: #c80857;--error-950: #500124;--info-50: #f0f8ff;--info-500: #0e9be9;--info-950: #082c49;--app-white: #ffffff;--app-black: #000000;--app-pink: #f49ef7;--app-blue: #75cafc;--app-gold: #fdcd79;--app-indigo: #a9bdfa;--app-red: #faa6b7;--app-yellow: #dee563;--app-purple: #cbaaff;--app-lemon: #b1e96f;--app-orange: #f9b489}:root{--font-weight-regular: 400;--font-weight-bold: 500;--font-line-height-s: 1.2;--font-line-height-m: 1.4;--font-line-height-l: 1.5;--font-size-xs: 10px;--font-size-s: 12px;--font-size-m: 14px;--font-size-l: 16px}code{font-family:Work Sans,sans-serif}.display{font-weight:var(--font-weight-regular);font-size:36px;line-height:var(--font-line-height-s)}.title-s{font-weight:var(--font-weight-regular);font-size:var(--font-size-m);line-height:var(--font-line-height-s)}.title-m{font-weight:var(--font-weight-regular);font-size:20px;line-height:var(--font-line-height-s)}.title-l{font-weight:var(--font-weight-regular);font-size:24px;line-height:1.1}.headline-s{font-weight:var(--font-weight-bold);font-size:var(--font-size-s);line-height:var(--font-line-height-s);text-transform:uppercase}.headline-m{font-weight:var(--font-weight-regular);font-size:var(--font-size-l);line-height:var(--font-line-height-m);text-transform:uppercase}.headline-l{font-weight:var(--font-weight-regular);font-size:18px;line-height:var(--font-line-height-s);text-transform:uppercase}.body-xs{font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);line-height:var(--font-line-height-s)}.body-s{font-weight:var(--font-weight-regular);font-size:var(--font-size-s);line-height:var(--font-line-height-m)}.body-m{font-weight:var(--font-weight-regular);font-size:var(--font-size-m);line-height:var(--font-line-height-l)}.body-l{font-weight:var(--font-weight-regular);font-size:var(--font-size-l);line-height:var(--font-line-height-l)}.caption{font-weight:var(--font-weight-regular);font-size:var(--font-size-s);line-height:var(--font-line-height-s)}code,.code-font{font-weight:var(--font-weight-regular);font-size:var(--font-size-s);line-height:var(--font-line-height-l)}:root{--spacing-4: .25rem;--spacing-8: calc(var(--spacing-4) * 2);--spacing-12: calc(var(--spacing-4) * 3);--spacing-16: calc(var(--spacing-4) * 4);--spacing-20: calc(var(--spacing-4) * 5);--spacing-24: calc(var(--spacing-4) * 6);--spacing-28: calc(var(--spacing-4) * 7);--spacing-32: calc(var(--spacing-4) * 8);--spacing-36: calc(var(--spacing-4) * 9);--spacing-40: calc(var(--spacing-4) * 10)}:where([data-appearance]:is(button),[role=tab]:is(button)){border:2px solid transparent;font-weight:500;font-size:12px;border-radius:8px;line-height:1.2;padding:8px 24px;text-transform:uppercase;font-family:inherit}:where([data-appearance]:is(button),[role=tab]:is(button)):hover:not(:disabled){cursor:pointer}:where([data-appearance]:is(button),[role=tab]:is(button)):focus-visible{outline:none}[data-theme=dark] [data-appearance=primary]:is(button){background-color:var(--da-primary);border:2px solid transparent;color:var(--db-secondary)}[data-theme=dark] [data-appearance=primary]:is(button):hover:not(:disabled){background-color:var(--da-tertiary);border:2px solid var(--da-tertiary)}[data-theme=dark] [data-appearance=primary]:is(button):focus:not(:disabled),[data-theme=dark] [data-appearance=primary]:is(button):focus-visible:not(:disabled){border:2px solid var(--da-primary);background-color:var(--db-tertiary);color:var(--df-secondary)}[data-theme=dark] [data-appearance=primary]:is(button):active:not(:disabled){border:2px solid var(--da-tertiary)}[data-theme=dark] [data-appearance=primary]:is(button):disabled{background-color:transparent;border:2px solid var(--db-quaternary);color:var(--df-secondary)}[data-theme=dark] [data-appearance=primary]:is(button)[data-variant=destructive]{background-color:var(--error-500);border:2px solid transparent}[data-theme=dark] [data-appearance=primary]:is(button)[data-variant=destructive]:hover:not(:disabled){background-color:var(--error-700);border:2px solid var(--error-700)}[data-theme=dark] [data-appearance=primary]:is(button)[data-variant=destructive]:focus:not(:disabled),[data-theme=dark] [data-appearance=primary]:is(button)[data-variant=destructive]:focus-visible:not(:disabled){border:2px solid var(--error-500)}[data-theme=dark] [data-appearance=primary]:is(button)[data-variant=destructive]:active:not(:disabled){background-color:var(--app-red);border:2px solid var(--error-700)}[data-theme=dark] [data-appearance=primary]:is(button)[data-variant=destructive]:disabled{background-color:transparent;border:var(--df-secondary)}[data-theme=dark] [data-appearance=secondary]:is(button){background-color:var(--db-tertiary);color:var(--df-secondary)}[data-theme=dark] [data-appearance=secondary]:is(button):hover:not(:disabled){background-color:var(--db-quaternary);color:var(--da-primary)}[data-theme=dark] [data-appearance=secondary]:is(button):focus:not(:disabled),[data-theme=dark] [data-appearance=secondary]:is(button):focus-visible:not(:disabled){border:2px solid var(--da-primary)}[data-theme=dark] [data-appearance=secondary]:is(button):active:not(:disabled){color:var(--da-primary);border:2px solid var(--db-quaternary)}[data-theme=dark] [data-appearance=secondary]:is(button):disabled{background-color:transparent;border:2px solid var(--db-quaternary)}[data-theme=light] [data-appearance=primary]:is(button){background-color:var(--la-primary);color:var(--lb-primary)}[data-theme=light] [data-appearance=primary]:is(button):hover:not(:disabled){background-color:var(--la-tertiary)}[data-theme=light] [data-appearance=primary]:is(button):focus:not(:disabled),[data-theme=light] [data-appearance=primary]:is(button):focus-visible:not(:disabled){color:var(--lf-secondary);background-color:var(--lb-tertiary);border:2px solid var(--la-primary)}[data-theme=light] [data-appearance=primary]:is(button):active:not(:disabled){border:2px solid var(--la-tertiary)}[data-theme=light] [data-appearance=primary]:is(button):disabled{background-color:transparent;border:2px solid var(--lb-quaternary);color:var(--lf-secondary)}[data-theme=light] [data-appearance=primary]:is(button)[data-variant=destructive]{background-color:transparent;border:2px solid var(--error-200);color:var(--lf-secondary)}[data-theme=light] [data-appearance=primary]:is(button)[data-variant=destructive]:hover:not(:disabled){background-color:var(--error-500);color:var(--lb-secondary);border:2px solid var(--error-500)}[data-theme=light] [data-appearance=primary]:is(button)[data-variant=destructive]:focus:not(:disabled),[data-theme=light] [data-appearance=primary]:is(button)[data-variant=destructive]:focus-visible:not(:disabled){background-color:var(--error-700);color:var(--lb-secondary);border:2px solid var(--error-700)}[data-theme=light] [data-appearance=primary]:is(button)[data-variant=destructive]:active:not(:disabled){background-color:var(--app-red);color:var(--lb-primary);border:2px solid var(--error-700)}[data-theme=light] [data-appearance=primary]:is(button)[data-variant=destructive]:disabled{background-color:var(--error-500);color:var(--lb-secondary)}[data-theme=light] [data-appearance=secondary]:is(button){background-color:var(--lb-tertiary);color:var(--lf-secondary)}[data-theme=light] [data-appearance=secondary]:is(button):hover:not(:disabled){background-color:var(--lb-quaternary);color:var(--la-primary)}[data-theme=light] [data-appearance=secondary]:is(button):focus:not(:disabled),[data-theme=light] [data-appearance=secondary]:is(button):focus-visible:not(:disabled){background-color:var(--lb-tertiary);border:2px solid var(--la-primary);color:var(--lf-secondary)}[data-theme=light] [data-appearance=secondary]:is(button):active:not(:disabled){background-color:var(--lb-tertiary);color:var(--la-primary);outline:2px solid var(--lb-quaternary)}[data-theme=light] [data-appearance=secondary]:is(button):disabled{background-color:transparent;border:2px solid var(--lb-quaternary)}.checkbox-container{align-items:center;color:var(--foreground-secondary);display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container .checkbox-input[type=checkbox]{appearance:none;block-size:var(--spacing-16);border-radius:var(--spacing-4);box-sizing:border-box;cursor:pointer;inline-size:var(--spacing-16);margin:0;position:relative;transition:.12s all ease-in-out}.checkbox-container .checkbox-input[type=checkbox]:after{block-size:8px;border-style:solid;border-width:0;content:"";display:flex;inline-size:5px;margin-block-start:2px;margin-inline-start:5px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.checkbox-container .checkbox-input[type=checkbox]:focus-visible,.checkbox-container .checkbox-input[type=checkbox]:focus-within{outline:none}.checkbox-container label{cursor:pointer;margin-inline-start:var(--spacing-8)}.checkbox-hidden{block-size:1px;border:0;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-theme=dark] .checkbox-input[type=checkbox]{background-color:var(--db-quaternary);border:1px solid var(--df-secondary)}[data-theme=dark] .checkbox-input[type=checkbox]:after{border-color:var(--db-primary)}[data-theme=dark] .checkbox-input[type=checkbox]:hover{background-color:var(--db-quaternary);border:1px solid var(--da-primary-muted)}[data-theme=dark] .checkbox-input[type=checkbox]:focus{background-color:var(--db-quaternary);border:1px solid var(--da-primary)}[data-theme=dark] .checkbox-input[type=checkbox]:checked{background-color:var(--da-primary);border:1px solid var(--da-primary)}[data-theme=dark] .checkbox-input[type=checkbox]:checked:after{border-color:var(--db-primary);border-width:0 2px 2px 0}[data-theme=light] .checkbox-input[type=checkbox]{background-color:var(--lb-quaternary);border:1px solid var(--la-primary)}[data-theme=light] .checkbox-input[type=checkbox]:after{border-color:var(--db-primary)}[data-theme=light] .checkbox-input[type=checkbox]:hover{background-color:var(--lf-secondary);border:1px solid var(--lf-secondary)}[data-theme=light] .checkbox-input[type=checkbox]:focus{border:1px solid var(--lf-secondary)}[data-theme=light] .checkbox-input[type=checkbox]:checked{background-color:var(--la-primary);border:1px solid var(--la-primary)}[data-theme=light] .checkbox-input[type=checkbox]:checked:after{border-color:var(--lb-primary);border-width:0 2px 2px 0}.radio-container{align-items:center;display:flex}.radio-container:not(:last-child){margin-block-end:var(--spacing-8)}.radio-container .radio-input{align-items:center;appearance:none;block-size:var(--spacing-16);border-radius:50%;display:grid;inline-size:var(--spacing-16);justify-content:center;margin:0;margin-block-start:2px;transform:translateY(-.075em)}.radio-container .radio-input:before{border-radius:50%;content:"";transform:scale(0);transition:.12s transform ease-in-out}.radio-container .radio-input:checked:before{transform:scale(1)}.radio-container .radio-input:focus-within{outline:none}.radio-container .radio-label{color:var(--df-secondary);cursor:pointer;margin-inline-start:var(--spacing-8)}[data-theme=dark] .radio-input{background-color:var(--db-quaternary);border:1px solid var(--df-secondary)}[data-theme=dark] .radio-input:before{border:5px solid var(--db-primary)}[data-theme=dark] .radio-input:checked{background-color:var(--da-primary);border:1px solid var(--da-primary)}[data-theme=dark] .radio-input:hover{border:1px solid var(--da-primary-muted)}[data-theme=dark] .radio-input:focus{border:1px solid var(--da-primary)}[data-theme=light] .radio-input{background-color:var(--lb-quaternary);border:1px solid var(--lf-secondary)}[data-theme=light] .radio-input:before{border:5px solid var(--lb-primary)}[data-theme=light] .radio-input:checked{background-color:var(--la-primary);border:1px solid var(--la-primary)}[data-theme=light] .radio-input:hover{border:1px solid var(--la-primary-muted)}[data-theme=light] .radio-input:focus{border:1px solid var(--la-primary)}.icon{display:flex;align-items:center;block-size:var(--spacing-16);cursor:default;font-family:var(--font-size-m);font-size:var(--font-size-m);inline-size:var(--spacing-16);justify-content:center;-webkit-user-select:none;user-select:none}.select{appearance:none;background-position:right 7px center;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none">%0A  <path%0A    d="m4 6 4 4 4-4"%0A    style="%0A      fill: none;%0A      stroke-width: 1;%0A      stroke: rgb(143, 157, 163);%0A      stroke-opacity: 1;%0A    "%0A  />%0A</svg>%0A');background-repeat:no-repeat;block-size:32px;border:1px solid;border-radius:var(--spacing-8);box-sizing:border-box;cursor:pointer;inline-size:100%;font-family:inherit;font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-m);outline:none;padding-inline:var(--spacing-8);text-overflow:ellipsis;white-space:nowrap}.select:disabled{cursor:not-allowed}.select-label-hidden{block-size:1px;border:0;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-theme=dark] .select{background-color:var(--db-tertiary);border-color:var(--db-tertiary);color:var(--df-primary)}[data-theme=dark] .select:hover{background-color:var(--db-quaternary);border-color:var(--db-quaternary)}[data-theme=dark] .select:focus{background-color:var(--db-tertiary);border-color:var(--da-primary)}[data-theme=dark] .select:disabled{background-color:var(--db-primary);border-color:var(--db-quaternary)}[data-theme=light] .select{background-color:var(--lb-tertiary);border-color:var(--lb-tertiary);color:var(--lf-primary)}[data-theme=light] .select:hover{background-color:var(--lb-quaternary);border-color:var(--lb-quaternary)}[data-theme=light] .select:focus{background-color:var(--lb-tertiary);border-color:var(--la-primary)}[data-theme=light] .select:disabled{background-color:var(--lb-primary);border-color:var(--lb-quaternary)}.input-label-hidden{block-size:1px;border:0;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);inline-size:1px;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap}[data-theme=dark] .input{background-color:var(--db-tertiary);border-color:var(--db-tertiary);color:var(--df-primary)}[data-theme=dark] .input:focus{border-color:var(--da-primary)}[data-theme=dark] .input:hover{background-color:var(--db-quaternary);border-color:var(--db-quaternary)}[data-theme=dark] .input:focus{background-color:var(--db-primary);border-color:var(--da-primary)}[data-theme=dark] .input:disabled{background-color:var(--db-primary);border-color:var(--db-quaternary);cursor:not-allowed}[data-theme=dark] .input::placeholder{color:var(--df-secondary)}[data-theme=dark] .input:invalid{background-color:var(--db-primary)}[data-theme=dark] .input.success{background-color:var(--db-primary);border-color:var(--da-tertiary)}[data-theme=dark] .input.error{background-color:var(--db-primary)}[data-theme=light] .input{background-color:var(--lb-tertiary);border-color:var(--lb-tertiary);color:var(--lf-primary)}[data-theme=light] .input:focus{background-color:var(--lb-secondary);border-color:var(--la-primary)}[data-theme=light] .input:hover{background-color:var(--lb-quaternary);border-color:var(--lb-quaternary)}[data-theme=light] .input:focus{background-color:var(--lb-primary);border-color:var(--la-primary)}[data-theme=light] .input:disabled{background-color:var(--lb-primary);border-color:var(--lb-quaternary);cursor:not-allowed}[data-theme=light] .input::placeholder{color:var(--lf-secondary)}[data-theme=light] .input:invalid{background-color:var(--lb-primary)}[data-theme=light] .input.success{background-color:var(--lb-primary);border-color:var(--la-tertiary)}[data-theme=light] .input.error{background-color:var(--lb-primary)}.input{display:flex;border:1px solid;border-radius:var(--spacing-8);font-family:inherit;font-size:var(--font-size-s);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-m);outline:none;padding-block:var(--spacing-8);padding-inline:var(--spacing-8)}.input:invalid{border-color:var(--error-500)}.input.error{border-color:var(--error-500)}:root{color-scheme:dark;--bg: #10161d;--panel: #151d25;--panel-raised: #1b2630;--line: #2b3944;--text: #f1f5f7;--muted: #93a4af;--quiet: #667782;--coral: #ff836b;--mint: #76e0d0;--shadow: rgba(1, 7, 12, .36)}body[data-theme=light]{color-scheme:light;--bg: #f5f4f0;--panel: #ffffff;--panel-raised: #f0eee8;--line: #d9d5cb;--text: #232827;--muted: #6d7774;--quiet: #9aa09d;--coral: #d86d57;--mint: #288d80;--shadow: rgba(75, 69, 57, .12)}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow-x:hidden;background:radial-gradient(circle at 86% 4%,color-mix(in srgb,var(--mint) 12%,transparent),transparent 28%),radial-gradient(circle at 4% 42%,color-mix(in srgb,var(--coral) 9%,transparent),transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea,select,input{font:inherit}button{color:inherit}.shell{padding:22px 22px 20px}.view-panel[hidden]{display:none}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:12px 0 2px;padding:4px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--panel) 76%,black)}.mode-tab{min-height:29px;border:0;border-radius:7px;background:transparent;color:var(--quiet);cursor:pointer;font-size:10px;font-weight:700;transition:color .18s ease,background .18s ease,transform .18s ease}.mode-tab:hover{color:var(--text)}.mode-tab.is-selected{background:var(--panel-raised);color:var(--mint);box-shadow:0 3px 10px var(--shadow)}.mode-tab:active{transform:scale(.98)}.topbar{display:flex;align-items:center;gap:11px;padding-bottom:24px;border-bottom:1px solid var(--line)}.brand-mark{position:relative;display:grid;grid-template-columns:repeat(3,5px);gap:3px;align-items:end;width:25px;height:25px;padding:6px 5px;border:1px solid var(--line);border-radius:8px;background:var(--panel-raised)}.brand-mark span{display:block;border-radius:3px;background:var(--coral)}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:13px;background:var(--mint)}.brand-mark span:nth-child(3){height:10px}.eyebrow,.kicker{margin:0;color:var(--quiet);font-size:9px;font-weight:700;letter-spacing:.14em}h1{margin:2px 0 0;font-size:14px;line-height:1;letter-spacing:-.02em}.live-dot{width:7px;height:7px;margin-left:auto;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px color-mix(in srgb,var(--mint) 12%,transparent)}.intro{padding:27px 0 24px}.intro .kicker{color:var(--coral)}h2{margin:9px 0 12px;font-size:31px;line-height:.98;letter-spacing:-.055em}h2 em{color:var(--mint);font-style:normal}.intro-copy{max-width:310px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.shapes-intro{padding:27px 0 18px}.shapes-intro .kicker{color:var(--mint)}.shape-search{display:flex;align-items:center;gap:8px;min-height:39px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 90%,black);color:var(--mint)}.shape-search:focus-within{border-color:color-mix(in srgb,var(--mint) 60%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 12%,transparent)}.shape-search>span{font-size:20px;line-height:1;transform:translateY(-1px)}.shape-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.shape-search input::placeholder{color:var(--quiet)}.shape-search input::-webkit-search-cancel-button{filter:grayscale(1)}.shape-library{max-height:calc(100vh - 350px);overflow-y:auto;margin-top:18px;padding-right:4px;scrollbar-color:var(--line) transparent;scrollbar-width:thin}.shape-category{margin-bottom:20px}.category-heading{display:flex;align-items:center;gap:7px;margin-bottom:9px}.category-heading h3{color:var(--text);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.category-heading span{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;border-radius:5px;background:var(--panel-raised);color:var(--quiet);font-size:8px}.shape-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.shape-card{display:flex;min-width:0;min-height:69px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:8px 4px 7px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 85%,transparent);color:var(--muted);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.shape-card:hover{border-color:var(--mint);background:color-mix(in srgb,var(--mint) 8%,var(--panel));color:var(--text);transform:translateY(-1px)}.shape-card:active{transform:translateY(0) scale(.97)}.shape-card svg{width:31px;height:31px;color:var(--mint)}.shape-card span{overflow:hidden;max-width:100%;color:inherit;font-size:8px;line-height:1.1;text-align:center;text-overflow:ellipsis;white-space:nowrap}.empty-shapes{padding:25px 10px;color:var(--muted);font-size:11px;text-align:center}.advanced-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;color:var(--quiet)}.advanced-note span{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.advanced-note small{font-size:9px}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:10px}.section-heading>span{color:var(--coral);font-size:10px;font-weight:800;letter-spacing:.08em}h3{margin:0;font-size:12px;letter-spacing:.02em}.quiet-button{margin-left:auto;padding:3px 0;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:10px}.quiet-button:hover{color:var(--mint)}textarea{display:block;width:100%;min-height:190px;resize:vertical;padding:14px 15px;border:1px solid var(--line);border-radius:13px;outline:none;background:color-mix(in srgb,var(--panel) 90%,black);color:var(--text);font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.7;transition:border-color .18s ease,box-shadow .18s ease}textarea:focus{border-color:color-mix(in srgb,var(--mint) 60%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 12%,transparent)}.syntax-hint{display:flex;align-items:center;gap:6px;padding:9px 3px 0;color:var(--quiet);font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.syntax-key{color:var(--mint)}.hint-text{margin-left:4px;font-family:Inter,sans-serif}.options-heading{margin-top:24px}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.style-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer;text-align:left;transition:border-color .18s ease,transform .18s ease,background .18s ease}.style-card:hover{transform:translateY(-1px);border-color:var(--muted)}.style-card.is-selected{border-color:var(--coral);background:color-mix(in srgb,var(--coral) 7%,var(--panel))}.style-card strong{font-size:11px}.style-card small{color:var(--muted);font-size:9px}.style-preview{position:relative;display:block;width:100%;height:48px;overflow:hidden;margin-bottom:4px;border-radius:8px}.style-preview i{position:absolute;display:block;width:36px;height:12px;border-radius:4px}.style-preview i:first-child{top:10px;left:10px}.style-preview i:nth-child(2){right:10px;bottom:10px}.style-preview b{position:absolute;top:17px;left:40px;width:50px;height:1px;transform:rotate(22deg);transform-origin:left}.aurora-preview{background:#0f1720}.aurora-preview i:first-child{background:#ff836b}.aurora-preview i:nth-child(2){background:#76e0d0}.aurora-preview b{background:#d8e1e8}.paper-preview{background:#f4f1ea}.paper-preview i:first-child{background:#e5866e}.paper-preview i:nth-child(2){background:#fffdf8;border:1px solid #d8d1c4}.paper-preview b{background:#b06b55}.control-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;color:var(--muted);font-size:11px}select{min-width:170px;padding:9px 30px 9px 11px;border:1px solid var(--line);border-radius:9px;outline:none;background:var(--panel);color:var(--text);font-size:11px}select:focus{border-color:var(--mint)}.footer-actions{display:flex;gap:9px;margin-top:25px}.primary-button,.secondary-button{min-height:39px;border-radius:10px;cursor:pointer;font-size:11px;font-weight:700;transition:transform .18s ease,filter .18s ease}.primary-button{display:flex;align-items:center;justify-content:space-between;flex:1;padding:0 12px 0 15px;border:1px solid var(--coral);background:var(--coral);color:#211614;box-shadow:0 8px 18px var(--shadow)}.primary-button:hover{filter:brightness(1.07);transform:translateY(-1px)}.primary-button:disabled{cursor:wait;filter:saturate(.4);transform:none}.arrow{font-size:17px;line-height:1}.secondary-button{padding:0 11px;border:1px solid var(--line);background:transparent;color:var(--muted)}.secondary-button:hover{border-color:var(--muted);color:var(--text)}.status{min-height:15px;margin:10px 2px 0;color:var(--quiet);font-size:10px;line-height:1.4}.status[data-tone=success]{color:var(--mint)}.status[data-tone=error]{color:var(--coral)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:no-preference){.shell{animation:appear .35s ease both}@keyframes appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}}