/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-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;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-font-weight: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;--spacing:.25rem;--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);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-surface-2:#1e1d2a;--color-surface-3:#2a2938;--color-surface-4:#363548;--color-accent:#ff6b9d;--color-accent-muted:#ff6b9d26;--color-text:#f0edf5;--color-text-secondary:#b8b0c8;--color-text-muted:#8a8299;--color-border:#ffffff14;--color-border-hover:#ffffff26;--color-overlay:#0c0a14bf}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.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}}.grid{display:grid}.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}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}}*{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#111019;--toolbar:#18171f;--active:#ff6b9d;--canvas-bg:#fff;--toolbar-text:#8e8aa0;--shadow:#00000040;--panel-bg:#222131;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html,body{background:var(--bg);height:100%;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.app{width:100%;height:100dvh;display:flex}.toolbar{background:var(--toolbar);min-height:0;padding:max(12px, var(--safe-top)) 10px 12px 10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;border-right:1px solid #ffffff0a;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:68px;display:flex;overflow:hidden auto}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.options-bar{background:var(--toolbar);-webkit-overflow-scrolling:touch;border-bottom:1px solid #ffffff0a;flex-shrink:0;align-items:center;gap:10px;padding:8px 14px;display:flex;overflow-x:auto;touch-action:pan-x!important}.options-bar.empty{display:none}.options-section{flex-shrink:0;align-items:center;gap:6px;display:flex}.options-label{color:var(--toolbar-text);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500}.options-sep{background:#ffffff1a;flex-shrink:0;width:1px;height:28px}.options-colour-grid{flex-wrap:wrap;gap:3px;max-width:320px;display:flex}.ob-colour{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:22px;height:22px;padding:0;transition:transform .1s}.ob-colour:active{transform:scale(1.2)}.ob-colour.active{box-shadow:0 0 0 1.5px var(--active);border-color:#fff}.ob-colour.white-swatch{box-shadow:inset 0 0 0 1px #00000026}.ob-colour.white-swatch.active{box-shadow:inset 0 0 0 1px #00000026, 0 0 0 1.5px var(--active)}.ob-colour-custom{width:22px;height:22px;color:var(--toolbar-text);cursor:pointer;background:0 0;border:2px dashed #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:600;display:flex}.ob-colour-custom:hover{border-color:var(--active);color:#fff}.rainbow-swatch{background:conic-gradient(#ff6b6b,#ffb347,#ffeb3b,#66bb6a,#42a5f5,#ab47bc,#ff6b6b)}.options-size-grid{align-items:center;gap:4px;display:flex}.ob-size{cursor:pointer;background:#ffffff0f;border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.ob-size.active{border-color:var(--active);background:#ff6b9d26}.options-shape-grid{gap:4px;display:flex}.ob-shape{cursor:pointer;width:28px;height:28px;color:var(--toolbar-text);background:#ffffff0f;border:2px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.ob-shape.active{border-color:var(--active);color:#fff;background:#ff6b9d26}.ob-shape svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px}.options-stamp-grid{gap:3px;display:flex}.ob-stamp{cursor:pointer;background:#ffffff0f;border:2px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:14px;display:flex}.ob-stamp.active{border-color:var(--active);background:#ff6b9d26}.options-variant-grid{gap:4px;display:flex}.ob-variant{height:28px;color:var(--toolbar-text);cursor:pointer;white-space:nowrap;background:#ffffff0f;border:2px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0 10px;font-size:11px;font-weight:500;display:flex}.ob-variant.active{border-color:var(--active);color:#fff;background:#ff6b9d26}.ob-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:2px;outline:none;flex-shrink:0;width:80px;height:3px}.ob-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--active);cursor:pointer;border:2px solid #fff;border-radius:50%;width:14px;height:14px}.ob-slider-value{color:var(--toolbar-text);text-align:right;flex-shrink:0;min-width:28px;font-size:10px}.size-dot{background:#fff;border-radius:50%}.canvas-area{flex:1;justify-content:center;align-items:center;min-width:0;padding:8px;display:flex;position:relative;overflow:hidden}#canvas{background:var(--canvas-bg);border-radius:var(--radius-lg);cursor:crosshair;touch-action:none;max-width:100%;max-height:100%;box-shadow:0 2px 24px #00000059}.tool-btn{cursor:pointer;border-radius:var(--radius-md);width:46px;min-width:42px;height:46px;min-height:42px;color:var(--toolbar-text);touch-action:manipulation;background:#ffffff0a;border:1.5px solid #0000;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.tool-btn:hover{color:#c4bdd6;background:#ffffff14}.tool-btn:active{--tw-scale-x:93%;--tw-scale-y:93%;--tw-scale-z:93%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tool-btn.active{border-color:var(--active);color:#fff;background:#ff6b9d1f;box-shadow:0 0 12px #ff6b9d26}.shortcut-hint{color:var(--toolbar-text);opacity:.5;pointer-events:none;font-size:8px;font-weight:600;line-height:1;position:absolute;bottom:2px;right:4px}.tool-btn.active .shortcut-hint{color:#fff;opacity:.7}.tool-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.tool-sep{background:#ffffff1a;border-radius:1px;flex-shrink:0;width:36px;height:2px}.zoom-controls{z-index:20;background:var(--toolbar);pointer-events:auto;border-radius:10px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 2px 12px #00000040}.zoom-btn{width:32px;height:32px;color:var(--toolbar-text);cursor:pointer;touch-action:manipulation;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:background .1s;display:flex}.zoom-btn:hover{color:#fff;background:#ffffff26}.zoom-btn:active{transform:scale(.92)}.zoom-reset{width:auto;padding:0 10px;font-size:11px;font-weight:500}.zoom-label{color:var(--toolbar-text);text-align:center;-webkit-user-select:none;user-select:none;min-width:44px;font-size:12px;font-weight:500}.settings-panel{z-index:30;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:220px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px;display:none;position:absolute;bottom:12px;left:12px}.settings-panel.open{display:block}.settings-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.settings-row label{color:#e0dce8;white-space:nowrap;font-size:10px;font-weight:500}.settings-toggle{cursor:pointer;touch-action:manipulation;background:#ffffff1f;border:none;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.settings-toggle.on{background:var(--active)}.settings-toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.settings-toggle.on:after{transform:translate(16px)}.settings-select{color:#e0dce8;cursor:pointer;appearance:auto;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;max-width:56px;padding:3px 6px;font-size:10px}.settings-sep{background:#ffffff14;height:1px;margin:6px 0}.settings-range-wrap{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.settings-range{appearance:none;cursor:pointer;background:#ffffff26;border-radius:2px;outline:none;flex:1;height:3px}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--active);cursor:pointer;border:2px solid #fff;border-radius:50%;width:14px;height:14px}.settings-value{color:var(--toolbar-text);text-align:right;min-width:24px;font-size:9px}.cw-overlay{z-index:200;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.cw-overlay.open{display:flex}.cw-panel{width:calc(var(--spacing) * 65);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:20px}.cw-header{margin-bottom:calc(var(--spacing) * 4);justify-content:space-between;align-items:center;display:flex}.cw-title{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-text)}.cw-sb-wrap{height:calc(var(--spacing) * 55);width:calc(var(--spacing) * 55);cursor:crosshair;border-radius:var(--radius-md);touch-action:none;position:relative;overflow:hidden}.cw-sb{width:100%;height:100%;display:block}.cw-sb-cursor{pointer-events:none;height:calc(var(--spacing) * 3.5);width:calc(var(--spacing) * 3.5);border:2px solid #fff;border-radius:3.40282e38px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d,inset 0 0 0 1px #0000004d}.cw-hue-wrap{margin-top:calc(var(--spacing) * 3);height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 55);cursor:crosshair;border-radius:var(--radius-md);touch-action:none;position:relative;overflow:hidden}.cw-hue{width:100%;height:100%;display:block}.cw-hue-cursor{pointer-events:none;width:6px;height:24px;box-shadow:var(--shadow-sm);border:2px solid #fff;border-radius:3px;position:absolute;top:-2px;transform:translate(-50%)}.cw-preview-row{margin-top:calc(var(--spacing) * 3);align-items:center;gap:calc(var(--spacing) * 2.5);display:flex}.cw-preview{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);border-radius:var(--radius-md);border:1px solid var(--color-border-hover);flex-shrink:0}.cw-hex{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-transform:uppercase;--tw-outline-style:none;background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);outline-style:none;flex:1;padding:8px 10px;transition:border-color .15s}.cw-hex:focus{border-color:var(--color-accent)}.cw-presets-label{margin-top:calc(var(--spacing) * 3.5);margin-bottom:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;display:block}.cw-presets{gap:var(--spacing);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.cw-preset-slot{aspect-ratio:1;cursor:pointer;border-radius:var(--radius-sm);border:2px solid #0000;padding:0;transition:transform .1s,border-color .15s}.cw-preset-slot:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.cw-preset-slot.empty{border:2px dashed var(--color-border);background:0 0}.cw-preset-slot:not(.empty):hover{border-color:var(--color-text)}.gallery-overlay{z-index:200;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.gallery-overlay.open{display:flex}.gallery-panel{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:min(600px,100vw - 32px);max-height:min(500px,100vh - 32px);box-shadow:var(--shadow-lg);padding:24px;overflow-y:auto}.gallery-header{margin-bottom:calc(var(--spacing) * 5);align-items:center;gap:calc(var(--spacing) * 3);display:flex}.gallery-title{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-text);flex:1;margin:0}.gallery-upload-btn{cursor:pointer;--tw-border-style:none;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;border-style:none;padding:7px 16px;transition:opacity .15s}.gallery-upload-btn:hover{opacity:.9}.gallery-upload-btn:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.gallery-close{cursor:pointer;--tw-border-style:none;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));border-radius:var(--radius-sm);background:var(--color-surface-3);width:32px;height:32px;color:var(--color-text-secondary);border-style:none;justify-content:center;align-items:center;transition:background .15s;display:flex}.gallery-close:hover{background:var(--color-surface-4);color:var(--color-text)}.gallery-grid{gap:calc(var(--spacing) * 3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.gallery-card{cursor:pointer;border-radius:var(--radius-lg);background:#fff;border:2px solid #0000;flex-direction:column;padding:0;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.gallery-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:scale(1.02)}.gallery-card:active{--tw-scale-x:97%;--tw-scale-y:97%;--tw-scale-z:97%;scale:var(--tw-scale-x) var(--tw-scale-y)}.gallery-card img{aspect-ratio:1;object-fit:cover;width:100%}.gallery-card-label{text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:#444;padding:8px}.ctx-menu{z-index:150;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:150px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px;display:none;position:absolute}.ctx-menu.visible{display:block}.ctx-item{cursor:pointer;text-align:left;width:100%;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-text-primary);border-radius:var(--radius-sm);background:0 0;border:none;padding:7px 12px;transition:background .1s;display:block}.ctx-item:hover{background:var(--color-accent-muted);color:var(--color-text)}.ctx-sep{background:var(--color-border);height:1px;margin:3px 4px}.ctx-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;padding:5px 12px 2px;font-size:9px;display:block}.pbn-overlay{pointer-events:none;z-index:3;display:none;position:absolute}.pbn-overlay.visible{display:block}.grid-overlay{pointer-events:none;z-index:2;border-radius:12px;display:none;position:absolute}.grid-overlay.visible{display:block}.smart-guides-overlay{pointer-events:none;z-index:10;display:none;position:absolute;overflow:hidden}.smart-guides-overlay.visible{display:block}.smart-guide-line{border:1px dashed var(--active);opacity:.7;background:0 0;position:absolute}.smart-guide-line.horizontal{height:0;left:0;right:0}.smart-guide-line.vertical{width:0;top:0;bottom:0}.canvas-text-input{z-index:15;border:1px dashed var(--active);resize:none;white-space:pre-wrap;word-break:break-word;background:0 0;border-radius:2px;outline:none;min-width:40px;min-height:1.4em;padding:2px 4px;font-family:system-ui,-apple-system,sans-serif;font-weight:700;line-height:1.2;position:absolute;overflow:hidden}@media (width<=600px) and (orientation:portrait){.app{flex-direction:column}.toolbar{width:100%;height:auto;padding:8px 8px max(8px, var(--safe-bottom));border-top:1px solid #ffffff0f;flex-direction:row;order:2;justify-content:flex-start;gap:6px;overflow:auto hidden;touch-action:pan-x!important}.main-content{flex:1;order:1}.tool-btn{border-radius:12px;width:46px;min-width:46px;height:46px;min-height:46px}.tool-btn svg{width:22px;height:22px}.shortcut-hint{display:none}.tool-sep{width:2px;height:32px}.options-bar{padding:max(6px, var(--safe-top)) 8px 6px;gap:6px}.options-label{font-size:9px}.ob-colour{width:28px;height:28px}.options-colour-grid{flex-wrap:nowrap;max-width:none}.ob-size,.ob-shape{width:34px;height:34px}.ob-stamp{width:32px;height:32px;font-size:16px}.canvas-area{padding:4px}#canvas{border-radius:8px}.zoom-controls{bottom:8px;right:8px}.zoom-btn{width:36px;height:36px}.settings-panel{width:min(260px,100vw - 16px);bottom:8px;left:8px}}@media (width<=400px) and (orientation:portrait){.tool-btn{border-radius:10px;width:42px;min-width:42px;height:42px;min-height:42px}.ob-colour{width:24px;height:24px}}@media (height<=500px) and (orientation:landscape){.toolbar{width:56px;padding:4px max(6px, var(--safe-right)) 4px max(6px, var(--safe-left));gap:4px}.tool-btn{border-radius:10px;width:40px;min-width:40px;height:40px;min-height:40px}.tool-btn svg{width:20px;height:20px}.shortcut-hint{display:none}.tool-sep{width:28px}.options-bar{padding:4px 8px}.canvas-area{padding:4px}.zoom-controls{padding:2px;bottom:4px;right:4px}.zoom-btn{width:28px;height:28px;font-size:14px}.zoom-label{min-width:36px;font-size:10px}}@media (width>=601px) and (width<=1024px){.toolbar{padding-top:max(12px, var(--safe-top));padding-left:max(10px, var(--safe-left))}.options-bar{padding-right:max(12px, var(--safe-right))}.canvas-area{padding-right:max(8px, var(--safe-right))}}@media (prefers-reduced-motion:reduce){.tool-btn,.ob-colour,.ob-size,.ob-shape,.ob-stamp{transition:none}}@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-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}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-font-weight{syntax:"*";inherits:false}