.flyout-trigger-btn.svelte-1b5lykn{position:relative}.flyout-trigger-btn.active.svelte-1b5lykn{color:#fbbc51!important;background:#f9a91f2e!important;border-color:#f9a91f80!important}.flyout-icon-badge.svelte-1b5lykn{color:#fab338;transition:transform .15s}.flyout-trigger-btn.svelte-1b5lykn:hover .flyout-icon-badge:where(.svelte-1b5lykn){transform:scale(1.1)}.flyout-backdrop.svelte-1b5lykn{z-index:9990;background:0 0;position:fixed;inset:0}.flyout-panel.svelte-1b5lykn{z-index:9999;-webkit-user-select:none;user-select:none;background:#16181d;border:1px solid #32363e;border-radius:12px;width:260px;position:fixed;overflow:hidden;box-shadow:0 12px 36px #000000b3,0 0 0 1px #f9a91f33}.flyout-header.svelte-1b5lykn{background:#1b1d23;border-bottom:1px solid #292c32;justify-content:space-between;align-items:center;padding:.6rem .85rem;display:flex}.flyout-close-btn.svelte-1b5lykn{color:#828997;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:background .1s,color .1s;display:flex}.flyout-close-btn.svelte-1b5lykn:hover{color:#d3d7de;background:#2e3138}.flyout-presets-list.svelte-1b5lykn{flex-direction:column;gap:3px;max-height:330px;padding:.4rem;display:flex;overflow-y:auto}.flyout-preset-item.svelte-1b5lykn{color:#dcdfe5;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.65rem;width:100%;padding:.45rem .65rem;transition:all .12s;display:flex}.flyout-preset-item.svelte-1b5lykn:hover{color:#fff;background:#24272e;border-color:#f9a91f40}.preset-icon-wrap.svelte-1b5lykn{background:#1f2228;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.preset-info.svelte-1b5lykn{flex-direction:column;flex:1;min-width:0;display:flex}.preset-name.svelte-1b5lykn{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.preset-dims.svelte-1b5lykn{color:#747c8b;font-family:JetBrains Mono,monospace;font-size:9.5px}.preset-arrow.svelte-1b5lykn{color:#5d636f;flex-shrink:0;transition:transform .12s,color .12s}.flyout-preset-item.svelte-1b5lykn:hover .preset-arrow:where(.svelte-1b5lykn){color:#fbbc51;transform:translate(2px)}.bottom-controls-bar.svelte-1hxlv6t{z-index:30;-webkit-user-select:none;user-select:none;pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.interaction-hud.svelte-1hxlv6t{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;white-space:nowrap;background:#16181df2;border:1px solid #f9a91f59;border-radius:8px;align-items:center;gap:.4rem;height:32px;padding:.25rem .65rem;display:flex;box-shadow:0 4px 16px #00000073}.hud-icon.svelte-1hxlv6t{color:#f9a91f;justify-content:center;align-items:center;display:flex}.hud-dimensions.svelte-1hxlv6t{color:#f0f2f4;align-items:baseline;gap:.2rem;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:600;display:flex}.hud-input.svelte-1hxlv6t{color:#fbbc51;font-variant-numeric:tabular-nums;text-align:center;cursor:text;appearance:textfield;background:0 0;border:none;border-radius:3px;outline:none;width:48px;padding:0;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:600;transition:background .1s,color .1s}.hud-input.svelte-1hxlv6t::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hud-input.svelte-1hxlv6t::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hud-input.svelte-1hxlv6t:focus{color:#f9fafb;background:#f9a91f26;outline:1px solid #f9a91f80}.hud-sep.svelte-1hxlv6t{color:#747c8b;margin:0 1px;font-size:10px}.hud-unit.svelte-1hxlv6t{color:#828997;font-size:10px;font-weight:400}.hud-badge.svelte-1hxlv6t{color:#fbbc51;background:#f9a91f26;border:1px solid #f9a91f40;border-radius:4px;padding:.1rem .4rem;font-size:10px;font-weight:600}.zoom-controls.svelte-1hxlv6t{-webkit-user-select:none;user-select:none;background:#181b20;border:1px solid #292c32;border-radius:8px;align-items:center;gap:2px;height:32px;padding:3px;display:flex;box-shadow:0 2px 8px #0006}.zoom-btn.svelte-1hxlv6t{color:#828997;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .12s,color .12s;display:flex}.zoom-btn.svelte-1hxlv6t:hover:not(:disabled){color:#d3d7de;background:#292c32}.zoom-btn.svelte-1hxlv6t:disabled{opacity:.3;cursor:not-allowed}.zoom-label.svelte-1hxlv6t{color:#b6bcc9;font-variant-numeric:tabular-nums;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:5px;min-width:42px;height:26px;font-size:11px;font-weight:600;transition:background .12s,color .12s}.zoom-label.svelte-1hxlv6t:hover{color:#fbbc51;background:#292c32}.rename-input.svelte-1kmcjp7{border:1px solid var(--accent);color:var(--text);background:#121417;border-radius:.25rem;outline:none;padding:.1rem .35rem;font-size:11.5px;font-weight:500;line-height:1.3}.rename-input.svelte-1kmcjp7:focus{box-shadow:0 0 0 2px #f9a91f33}.properties-panel.svelte-1kmcjp7{border-top:1px solid #25272d;flex-direction:column;flex-shrink:0;gap:.5rem;display:flex}.prop-row.svelte-1kmcjp7{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.prop-label.svelte-1kmcjp7{color:#747c8b;flex-shrink:0;min-width:44px;font-size:11px}.prop-control.svelte-1kmcjp7{flex:1;align-items:center;min-width:0;display:flex}.prop-value.svelte-1kmcjp7{color:#b6bcc9;text-align:right;flex-shrink:0;min-width:32px;font-family:JetBrains Mono,monospace;font-size:11px}.prop-slider.svelte-1kmcjp7{appearance:none;cursor:pointer;accent-color:#f9a91f;background:#32363e;border-radius:2px;flex:1;min-width:0;height:4px}.prop-number.svelte-1kmcjp7{width:48px;color:var(--text);text-align:center;-moz-appearance:textfield;background:#181b20;border:1px solid #2e3138;border-radius:.25rem;outline:none;padding:.15rem .35rem;font-family:JetBrains Mono,monospace;font-size:11px}.prop-number.svelte-1kmcjp7::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.prop-number.svelte-1kmcjp7::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.prop-number.svelte-1kmcjp7:focus{border-color:var(--accent);box-shadow:0 0 0 2px #f9a91f26}.style-btn.svelte-1kmcjp7{color:#828997;cursor:pointer;-webkit-user-select:none;user-select:none;background:#181b20;border:1px solid #2e3138;border-radius:.25rem;justify-content:center;align-items:center;gap:.25rem;padding:.25rem .4rem;transition:all .12s;display:flex}.style-btn.svelte-1kmcjp7:hover{color:#d3d7de;border-color:#454a54}.style-btn.active.svelte-1kmcjp7{color:#fbbc51;background:#f9a91f1f;border-color:#f9a91f}.color-swatch.svelte-1kmcjp7{cursor:pointer;border:1px solid #40454f;border-radius:4px;flex-shrink:0;width:22px;height:22px;position:relative;overflow:hidden}.color-input.svelte-1kmcjp7{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.artboard-tab.svelte-1n46o8q{color:#abb0ba;background:#1d2025;border:1px solid #2e3138}.artboard-tab.svelte-1n46o8q:hover{color:#e2e4e9;background:#23272e;border-color:#3c4049}.artboard-tab.active.svelte-1n46o8q{color:#fbbc51;background:#f9a91f1f;border-color:#f9a91f66}.remove-artboard-btn.svelte-1n46o8q{color:#747c8b;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;margin-left:2px;padding:0;transition:all .12s;display:inline-flex}.remove-artboard-btn.svelte-1n46o8q:hover{color:#e96363;background:#e64d4d33}.resizer-handle.svelte-1n46o8q{cursor:col-resize;z-index:20;-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;width:12px;margin:0 -2px;transition:background .15s;display:flex}.resizer-line.svelte-1n46o8q{background:var(--border);border-radius:2px;width:3px;height:36px;transition:all .15s}.resizer-handle.svelte-1n46o8q:hover .resizer-line:where(.svelte-1n46o8q),.resizer-handle.resizing.svelte-1n46o8q .resizer-line:where(.svelte-1n46o8q){background:var(--accent);height:100%;box-shadow:0 0 10px #f9a91f80}.mobile-bottom-nav.svelte-1n46o8q{z-index:40;background:#14161a;border-top:1px solid #25272d}.mobile-nav-btn.svelte-1n46o8q{color:#828997;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:.35rem .75rem;font-size:10px;font-weight:500;transition:all .15s;display:flex}.mobile-nav-btn.svelte-1n46o8q:hover{color:var(--text)}.mobile-nav-btn.active.svelte-1n46o8q{color:var(--accent);background:#f9a91f1a}.mobile-nav-btn.svelte-1n46o8q:disabled{opacity:.35;cursor:not-allowed}.mobile-badge.svelte-1n46o8q{background:var(--accent);color:#101318;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:9px;font-weight:700;display:flex;position:absolute;top:2px;right:12px}.mobile-sheet-overlay.svelte-1n46o8q{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;background:#000000b3;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.mobile-sheet-content.svelte-1n46o8q{background:#16181d;border-top:1px solid #2e3138;border-radius:16px 16px 0 0;flex-direction:column;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 -8px 24px #00000080}.mobile-sheet-header.svelte-1n46o8q{background:#1b1d22;border-bottom:1px solid #292c32;justify-content:space-between;align-items:center;padding:.65rem 1rem;display:flex}.mobile-sheet-body.svelte-1n46o8q{flex:1;padding:.5rem;overflow-y:auto}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-14{bottom:calc(var(--spacing) * 14)}.left-1\/2{left:50%}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-20{height:calc(var(--spacing) * 20)}.h-\[360px\]{height:360px}.h-full{height:100%}.max-h-\[50\%\]{max-height:50%}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-20{width:calc(var(--spacing) * 20)}.w-full{width:100%}.max-w-\[90\%\]{max-width:90%}.max-w-\[110px\]{max-width:110px}.max-w-lg{max-width:var(--container-lg)}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[var\(--accent\)\]{color:var(--accent)}.uppercase{text-transform:uppercase}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:text-white:hover{color:var(--color-white)}}@media (width>=40rem){.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}}@media (width>=48rem){.md\:bottom-5{bottom:calc(var(--spacing) * 5)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:max-w-\[420px\]{max-width:420px}.md\:gap-3{gap:calc(var(--spacing) * 3)}.md\:p-2\.5{padding:calc(var(--spacing) * 2.5)}.md\:px-4{padding-inline:calc(var(--spacing) * 4)}}@media (width>=64rem){.lg\:w-3{width:calc(var(--spacing) * 3)}.lg\:gap-3{gap:calc(var(--spacing) * 3)}.lg\:p-3{padding:calc(var(--spacing) * 3)}}}:root{--surface-0:#121417;--surface-1:#181b20;--surface-2:#22252b;--surface-3:#2b2f36;--surface-4:#373b43;--accent:#f9a91f;--accent-dim:#b67f20;--accent-glow:#ffc766;--muted:#6b7280;--border:#32363e;--danger:#e64d4d;--success:#2ecc70;--text:#e8eaee;--text-dim:#9096a2}*,:before,:after{box-sizing:border-box}html,body{background:var(--surface-0);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}#app{flex-direction:column;height:100%;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-1)}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:.875rem}.panel-section{border-bottom:1px solid var(--border);padding:.75rem}.panel-section:last-child{border-bottom:none}.panel-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;font-size:10px;font-weight:600}.btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:13px;font-weight:500;line-height:1;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent);color:#101318;border-color:var(--accent);font-weight:600}.btn-primary:hover{background:var(--accent-glow);border-color:var(--accent-glow)}.btn-primary:active{transform:scale(.97)}.btn-ghost{color:var(--text-dim);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-3);color:var(--text);border-color:var(--surface-4)}.btn-ghost:active{transform:scale(.97)}.btn-ghost.active{color:var(--accent);background:#f9a91f1f;border-color:#f9a91f4d}.btn-danger{color:var(--danger);background:0 0;border-color:#e64d4d4d}.btn-danger:hover{border-color:var(--danger);background:#e64d4d1a}.btn-icon{border-radius:.5rem;width:2rem;height:2rem;padding:.5rem}.tool-btn{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:.5rem;flex-direction:column;align-items:center;gap:.25rem;width:100%;padding:.5rem .375rem;font-size:10px;font-weight:500;transition:all .15s;display:flex}.tool-btn:hover{background:var(--surface-3);color:var(--text)}.tool-btn.active{color:var(--accent);background:#f9a91f1f;border-color:#f9a91f40}.template-grid{grid-template-columns:repeat(2,1fr);gap:.375rem;display:grid}.template-btn{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;color:var(--text-dim);-webkit-user-select:none;user-select:none;border-radius:.5rem;flex-direction:column;align-items:center;gap:.35rem;padding:.625rem .375rem;font-size:10px;font-weight:500;transition:all .15s;display:flex}.template-btn:hover{background:var(--surface-3);border-color:var(--accent-dim);color:var(--text)}.template-btn:active{transform:scale(.95)}.template-btn svg{color:var(--muted);transition:color .15s}.template-btn:hover svg{color:var(--accent)}.layer-item{cursor:pointer;background:var(--surface-2);border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:.5rem .625rem;transition:all .12s;display:flex}.layer-item:hover{border-color:var(--border);background:var(--surface-3)}.layer-item.selected{background:#f9a91f14;border-color:#f9a91f66}.layer-thumb{background:var(--surface-3);border:1px solid var(--border);border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.layer-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:500;overflow:hidden}.layer-actions{opacity:0;gap:.25rem;transition:opacity .1s;display:flex}.layer-item:hover .layer-actions{opacity:1}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--surface-4);color:var(--text);white-space:nowrap;pointer-events:none;opacity:0;border:1px solid var(--border);z-index:100;border-radius:.375rem;padding:.25rem .5rem;font-size:11px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1}.progress-bar{background:var(--surface-3);border-radius:2px;height:3px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .2s}.upload-zone{border:2px dashed var(--border);background:var(--surface-1);border-radius:1.25rem;transition:all .2s}.upload-zone.drag-over{border-color:var(--accent);background:#f9a91f0d}.badge{letter-spacing:.03em;border-radius:9999px;align-items:center;padding:.15rem .5rem;font-size:10px;font-weight:600;display:inline-flex}.badge-accent{color:var(--accent-glow);background:#f9a91f26}.canvas-container canvas{cursor:default}.canvas-container.tool-polygon canvas{cursor:crosshair!important}.canvas-container.tool-select canvas{cursor:default}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.2s forwards fadeIn}@keyframes pulse-ring{0%{box-shadow:0 0 #f9a91f66}70%{box-shadow:0 0 0 8px #f9a91f00}to{box-shadow:0 0 #f9a91f00}}.pulse{animation:1.5s infinite pulse-ring}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}