@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.2f937313.woff2)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__iaM1Ya__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__iaM1Ya__variable{--font-geist-mono:"GeistMono",ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}
@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.92592eb2.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:"GeistSans","GeistSans Fallback"}
.cropper-container{-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;direction:ltr;font-size:0;line-height:0;position:relative}.cropper-container img{backface-visibility:hidden;image-orientation:0deg;width:100%;height:100%;display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{position:absolute;inset:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{outline:1px solid #3399ffbf;width:100%;height:100%;display:block;overflow:hidden}.cropper-dashed{opacity:.5;border:0 dashed #eee;display:block;position:absolute}.cropper-dashed.dashed-h{border-top-width:1px;border-bottom-width:1px;width:100%;height:33.3333%;top:33.3333%;left:0}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;width:33.3333%;height:100%;top:0;left:33.3333%}.cropper-center{opacity:.75;width:0;height:0;display:block;position:absolute;top:50%;left:50%}.cropper-center:before,.cropper-center:after{content:" ";background-color:#eee;display:block;position:absolute}.cropper-center:before{width:7px;height:1px;top:0;left:-3px}.cropper-center:after{width:1px;height:7px;top:-3px;left:0}.cropper-face,.cropper-line,.cropper-point{opacity:.1;width:100%;height:100%;display:block;position:absolute}.cropper-face{background-color:#fff;top:0;left:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;width:5px;top:0;right:-3px}.cropper-line.line-n{cursor:ns-resize;height:5px;top:-3px;left:0}.cropper-line.line-w{cursor:ew-resize;width:5px;top:0;left:-3px}.cropper-line.line-s{cursor:ns-resize;height:5px;bottom:-3px;left:0}.cropper-point{opacity:.75;background-color:#39f;width:5px;height:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;top:50%;right:-3px}.cropper-point.point-n{cursor:ns-resize;margin-left:-3px;top:-3px;left:50%}.cropper-point.point-w{cursor:ew-resize;margin-top:-3px;top:50%;left:-3px}.cropper-point.point-s{cursor:s-resize;margin-left:-3px;bottom:-3px;left:50%}.cropper-point.point-ne{cursor:nesw-resize;top:-3px;right:-3px}.cropper-point.point-nw{cursor:nwse-resize;top:-3px;left:-3px}.cropper-point.point-sw{cursor:nesw-resize;bottom:-3px;left:-3px}.cropper-point.point-se{cursor:nwse-resize;opacity:1;width:20px;height:20px;bottom:-3px;right:-3px}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{opacity:.75;width:5px;height:5px}}.cropper-point.point-se:before{content:" ";opacity:0;background-color:#39f;width:200%;height:200%;display:block;position:absolute;bottom:-50%;right:-50%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{width:0;height:0;display:block;position:absolute}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
@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-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;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.static{position:static}.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}}.block{display:block}.hidden{display:none}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--marketing-lime:#d7ff57;--marketing-lime-hover:#c9f84d;--marketing-ink:#0b0b0b;--bg:#f8faf4;--surface:#ffffffc7;--surface-alt:#fff9;--border:#1118271f;--border-strong:#11182738;--text:var(--marketing-ink);--text-muted:#111827ad;--text-soft:#111827d1;--text-subtle:#11182780;--accent:var(--marketing-lime);--accent-strong:var(--marketing-lime-hover);--accent-text:var(--marketing-ink);--accent-soft:#d7ff5733;--accent-soft-border:#d7ff575c;--accent-secondary:var(--marketing-ink);--btn-glass-blur:10px;--btn-glass-saturation:120%;--btn-glass-highlight:.06;--btn-glass-highlight-hover:.1;--btn-glass-highlight-active:.04;--btn-primary-text:var(--marketing-ink);--btn-primary-bg:var(--marketing-lime);--btn-primary-bg-hover:var(--marketing-lime-hover);--btn-primary-border:#0b0b0be6;--btn-primary-border-hover:#0b0b0bf2;--btn-primary-shadow:0 10px 24px #1118271f;--btn-primary-shadow-hover:0 14px 34px #11182729;--btn-primary-shadow-active:0 8px 20px #11182724;--btn-secondary-text:#111827e0;--btn-secondary-bg:#ffffff80;--btn-secondary-bg-hover:#ffffffc7;--btn-secondary-border:#11182724;--btn-secondary-border-hover:#11182738;--btn-secondary-shadow:0 6px 18px #11182714;--btn-secondary-shadow-hover:0 10px 28px #1118271a;--btn-secondary-shadow-active:0 4px 14px #1118271a;--btn-ghost-text:#111827b8;--btn-ghost-bg-hover:#1118270f;--btn-ghost-border-hover:#1118271f;--btn-danger-text:#7f1d1d;--btn-danger-bg:#dc262624;--btn-danger-bg-hover:#dc26262e;--btn-danger-border:#dc262647;--btn-danger-border-hover:#dc262661;--btn-danger-shadow:0 8px 20px #1118271f;--btn-danger-shadow-hover:0 12px 30px #11182724;--btn-danger-shadow-active:0 6px 18px #11182724;--glass-blur:14px;--glass-saturation:130%;--glass-highlight:.06;--glass-highlight-hover:.09;--glass-surface:var(--surface);--glass-surface-alt:var(--surface-alt);--glass-border:var(--border);--glass-border-strong:var(--border-strong);--glass-shadow:0 18px 40px #1118271a;--glass-shadow-hover:0 24px 56px #1118271f;--glow-1:#d7ff5775;--glow-1-clear:#d7ff5700;--glow-2:#11182714;--glow-2-clear:#11182700;--grid-line:#1118270f;--header-bg:#f8faf4d1;--grain-opacity:.16;--grain-blend:multiply;--scrim:#0b0b0b61;--upload-overlay-from:#f8faf438;--upload-overlay-to:#f8faf4f0;--video-preview-bg:#1118270f}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--surface:#171717b8;--surface-alt:#1717178f;--border:#ffffff1f;--border-strong:#ffffff2e;--text:#fafafa;--text-muted:#ffffffad;--text-soft:#ffffffd1;--text-subtle:#ffffff85;--accent:var(--marketing-lime);--accent-strong:var(--marketing-lime-hover);--accent-text:var(--marketing-ink);--accent-soft:#d7ff5729;--accent-soft-border:#d7ff574d;--btn-secondary-text:#ffffffe6;--btn-secondary-bg:#ffffff0f;--btn-secondary-bg-hover:#ffffff1a;--btn-secondary-border:#ffffff24;--btn-secondary-border-hover:#ffffff38;--btn-secondary-shadow:0 10px 24px #0000004d;--btn-secondary-shadow-hover:0 14px 34px #00000057;--btn-secondary-shadow-active:0 8px 20px #00000052;--glass-shadow:0 18px 40px #0000006b;--glass-shadow-hover:0 24px 56px #00000075;--glow-1:#d7ff5738;--glow-1-clear:#d7ff5700;--glow-2:#d7ff571f;--glow-2-clear:#d7ff5700;--grid-line:#ffffff12;--header-bg:#0a0a0ab8;--grain-opacity:.24;--grain-blend:overlay;--scrim:#0000008c;--upload-overlay-from:#0a0a0a2e;--upload-overlay-to:#0a0a0adb;--video-preview-bg:#00000047}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-geist-sans),ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);position:relative;overflow:auto}body:before{content:"";background:radial-gradient(640px 640px at 12% 8%,var(--glow-1),var(--glow-1-clear)72%),radial-gradient(720px 720px at 88% 12%,var(--glow-2),var(--glow-2-clear)70%),radial-gradient(880px 880px at 50% 96%,#11182712,#11182700 68%);filter:blur(32px);opacity:.95;z-index:0;pointer-events:none;position:fixed;inset:-20%}body:after{content:"";background-image:linear-gradient(120deg,var(--grid-line)1px,transparent 1px),linear-gradient(60deg,var(--grid-line)1px,transparent 1px);opacity:.22;z-index:0;pointer-events:none;background-size:120px 120px;position:fixed;inset:0}.cropper-app{z-index:1;flex-direction:column;min-height:100%;display:flex;position:relative}.ss-grain:after{content:"";pointer-events:none;z-index:9999;opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.app-header{border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-backdrop-filter:blur(var(--glass-blur))saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur))saturate(var(--glass-saturation));z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;position:relative}.app-header:before{z-index:0}.app-header>*{z-index:1;position:relative}.app-note{color:var(--text-muted);text-align:right;border-radius:10px;align-items:center;gap:6px;margin:0;padding:6px 10px;font-size:12px;display:inline-flex}.header-actions{align-items:center;gap:10px;margin-left:auto;display:inline-flex}.theme-toggle{flex:none;gap:8px}.theme-toggle__icon{justify-content:center;align-items:center;display:inline-flex}.theme-toggle__label{letter-spacing:-.01em;font-weight:650}@media (max-width:520px){.header-actions{justify-content:space-between;width:100%}.theme-toggle__label{display:none}}.brand-row{flex-wrap:wrap;flex:auto;align-items:center;gap:12px;display:flex}.brand-group{align-items:center;gap:8px;display:flex}.brand-link{color:inherit;border-radius:8px;align-items:center;gap:8px;margin:-2px -4px;padding:2px 4px;text-decoration:none;transition:background-color .16s,color .16s;display:inline-flex}.brand-link:hover{color:var(--text);background:#1118270f}.brand-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.brand-mark{width:32px;height:32px;box-shadow:none;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:hidden}.brand-mark svg,.brand-mark img{width:100%;height:100%;display:block}.brand-name{letter-spacing:-.01em;text-transform:none;color:var(--text);font-size:13px;font-weight:650}.brand-divider{background:var(--border);width:1px;height:18px}.brand-title{letter-spacing:.2px;color:var(--text);margin:0;font-size:18px;font-weight:600}.cropper-main{z-index:1;flex:auto;grid-template-columns:minmax(0,1fr) 320px;gap:16px;width:100%;max-width:1280px;min-height:0;margin:0 auto;padding:16px;display:grid;position:relative}.ss-glass{isolation:isolate;--glass-sheen-alpha:var(--glass-highlight);border:1px solid var(--glass-border);background:var(--glass-surface);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur))saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur))saturate(var(--glass-saturation));transition:border-color .16s,box-shadow .16s,background .16s;position:relative}.ss-glass:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 160% at 20% 0%,rgba(255,255,255,var(--glass-sheen-alpha))0%,#fff0 62%),linear-gradient(115deg,#fff0 0%,rgba(255,255,255,calc(var(--glass-sheen-alpha)*.6))44%,#fff0 72%);opacity:1;transition:opacity .16s,transform .16s;position:absolute;inset:0;transform:translateY(0)}.ss-glass--alt{background:var(--glass-surface-alt)}.ss-glass--thin{box-shadow:none}.ss-glass--hover:hover{--glass-sheen-alpha:var(--glass-highlight-hover);border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow-hover)}.ss-glass--hover:hover:before{transform:translateY(-2px)}.app-header.ss-glass{background:var(--header-bg);border:none;border-bottom:1px solid var(--border);box-shadow:none}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ss-glass{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.ss-glass,.ss-glass:before{transition:none;transform:none}}.ss-btn{isolation:isolate;-webkit-tap-highlight-color:transparent;cursor:pointer;--btn-glass-sheen-alpha:var(--btn-glass-highlight);-webkit-backdrop-filter:blur(var(--btn-glass-blur))saturate(var(--btn-glass-saturation));backdrop-filter:blur(var(--btn-glass-blur))saturate(var(--btn-glass-saturation));border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:10px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .14s,box-shadow .14s,background .14s,border-color .14s,color .14s;display:inline-flex;position:relative;overflow:hidden}.ss-btn:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 160% at 20% 0%,rgba(255,255,255,var(--btn-glass-sheen-alpha))0%,#fff0 60%),linear-gradient(115deg,#fff0 0%,rgba(255,255,255,var(--btn-glass-sheen-alpha))45%,#fff0 70%);opacity:0;transition:opacity .16s,transform .16s;position:absolute;inset:0;transform:translateY(0)}.ss-btn--primary:before,.ss-btn--secondary:before,.ss-btn--danger:before{opacity:1}.ss-btn:hover{--btn-glass-sheen-alpha:var(--btn-glass-highlight-hover)}.ss-btn:active{--btn-glass-sheen-alpha:var(--btn-glass-highlight-active)}.ss-btn--ghost:hover:before{opacity:1}.ss-btn:hover:before{transform:translateY(-2px)}.ss-btn:active:before{transform:translateY(2px)}.ss-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ss-btn--primary{background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);box-shadow:var(--btn-primary-shadow);color:var(--btn-primary-text)}.ss-btn--primary:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover);box-shadow:var(--btn-primary-shadow-hover);transform:translateY(-2px)scale(1.02)}.ss-btn--primary:active{box-shadow:var(--btn-primary-shadow-active);transform:translateY(0)scale(.98)}.ss-btn--secondary{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);box-shadow:var(--btn-secondary-shadow);color:var(--btn-secondary-text)}.ss-btn--secondary:hover{background:var(--btn-secondary-bg-hover);border-color:var(--btn-secondary-border-hover);box-shadow:var(--btn-secondary-shadow-hover);transform:translateY(-1px)}.ss-btn--secondary:active{box-shadow:var(--btn-secondary-shadow-active);transform:translateY(1px)}.ss-btn--ghost{box-shadow:none;color:var(--btn-ghost-text);background:0 0;border:1px solid #0000}.ss-btn--ghost:hover{background:var(--btn-ghost-bg-hover);border-color:var(--btn-ghost-border-hover);color:var(--text)}.ss-btn--ghost:active{transform:translateY(1px)}.ss-btn--danger{background:var(--btn-danger-bg);border:1px solid var(--btn-danger-border);box-shadow:var(--btn-danger-shadow);color:var(--btn-danger-text)}.ss-btn--danger:hover{background:var(--btn-danger-bg-hover);border-color:var(--btn-danger-border-hover);box-shadow:var(--btn-danger-shadow-hover);transform:translateY(-1px)}.ss-btn--danger:active{box-shadow:var(--btn-danger-shadow-active);transform:translateY(1px)}.ss-btn:disabled,.ss-btn[aria-disabled=true]{opacity:.6;pointer-events:none;transform:none}.btn-compact{border-radius:8px;padding:6px 10px;font-size:11px}@media (prefers-reduced-motion:reduce){.ss-btn{transition:none}.ss-btn:before{transition:none;transform:none}}.ss-input{border:1px solid var(--glass-border);width:100%;-webkit-backdrop-filter:blur(var(--glass-blur))saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur))saturate(var(--glass-saturation));background:var(--glass-surface-alt);color:var(--text);border-radius:10px;padding:10px 12px;font-size:12px;transition:border-color .16s,box-shadow .16s,background .16s}.ss-input::placeholder{color:var(--text-subtle)}.ss-input:hover{border-color:var(--glass-border-strong)}.ss-input:focus{border-color:var(--accent-soft-border)}.ss-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent-soft-border)}.stage{border-radius:18px;flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex;position:relative}.canvas-wrap{border-radius:14px;flex:auto;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative;overflow:hidden}.upload-overlay{color:var(--text-muted);background:linear-gradient(180deg,var(--upload-overlay-from),var(--upload-overlay-to));opacity:1;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;transition:opacity .2s;display:flex;position:absolute;inset:0}.upload-title{color:var(--text);font-size:14px;font-weight:600}.upload-subtitle{color:var(--text-muted);font-size:12px}.video-preview{object-fit:contain;background:var(--video-preview-bg);border-radius:20px;width:100%;height:100%;display:none}.has-image .upload-overlay{opacity:0;pointer-events:none}.canvas-wrap.is-dragging{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft-border),0 0 0 6px var(--accent-soft)}.canvas-wrap.is-dragging .upload-overlay{opacity:1;pointer-events:none;background:linear-gradient(180deg,var(--upload-overlay-from),var(--upload-overlay-to))}.canvas-wrap img{max-width:100%;max-height:100%;display:block}.preview-video{object-fit:cover;background:var(--surface-alt);border-radius:12px;width:100%;height:100%;display:none}.video-mode .preview-video{display:block}.video-mode #preview-box{background-image:none!important}.video-mode #presets-section,.video-mode .post-preview-details,.video-mode #zoom-section,.video-mode #actions-section{display:none}.safe-overlay{border:2px solid var(--accent);box-shadow:0 0 0 9999px var(--scrim);pointer-events:none;z-index:5;position:absolute}.safe-rect{border:1px dashed #fff9;position:absolute;inset:10%}.grid-line{background:var(--grid-line);position:absolute}.grid-line.vertical{width:1px;top:0;bottom:0}.grid-line.horizontal{height:1px;left:0;right:0}.readout{color:var(--text-muted);border-radius:10px;flex-wrap:wrap;gap:12px;padding:10px 12px;font-size:12px;display:flex}.readout strong{color:var(--text);font-weight:600}.panel{border-radius:18px;flex-direction:column;gap:16px;padding:16px;display:flex}.panel h2{letter-spacing:-.01em;text-transform:none;color:var(--text);margin:0;font-size:13px;font-weight:650}.panel p{color:var(--text-muted);margin:0;font-size:12px}.panel-section{gap:10px;display:grid}.panel-section+.panel-section{border-top:1px solid var(--border);padding-top:14px}.presets{gap:8px;display:grid}.preset-btn{text-align:left;justify-content:space-between;width:100%}.preset-btn strong{color:var(--text);font-weight:600}.preset-btn span{color:var(--text-subtle);font-size:11px}.preset-btn.active{border-color:var(--accent);color:var(--text);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent-soft-border)}.controls{gap:8px;display:grid}.controls .ss-btn{justify-content:flex-start;width:100%}.export-row{flex-wrap:wrap;gap:8px;display:flex}.export-row .ss-btn{flex:auto}.google-btn{color:var(--text);justify-content:center;gap:8px;font-weight:600}.google-btn:hover{border-color:var(--accent-soft-border)}.google-logo{filter:none;width:18px;height:18px;display:inline-block}.file-input{color:var(--text-muted);background:0 0;border-style:dashed;justify-content:center;width:100%;font-size:12px}.range-input{width:100%;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}.range-wrap{color:var(--text-muted);gap:6px;font-size:12px;display:grid}.toggle{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.preview-card{border-radius:12px;gap:8px;padding:10px;display:grid}.preview-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.preview-tile{aspect-ratio:4/5;background:var(--surface-alt);border:1px solid var(--border);background-position:50%;background-size:cover;border-radius:6px;width:100%}.preview-tile.is-active{outline:2px solid var(--accent);outline-offset:2px;cursor:grab}.profile-card{border-radius:12px;gap:10px;padding:12px;display:grid}.profile-header{grid-template-columns:44px 1fr;align-items:center;gap:10px;display:grid}.profile-avatar{background:conic-gradient(from 180deg,var(--accent),var(--accent-secondary),#25d366,var(--accent));border-radius:50%;width:44px;height:44px}.profile-meta{color:var(--text-muted);gap:4px;font-size:12px;display:grid}.profile-name{color:var(--text);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.verified-badge{background:var(--accent-secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.profile-stats{color:var(--text-muted);gap:12px;font-size:11px;display:flex}.profile-stats span{color:var(--text);font-weight:600}.thumb-crop{box-shadow:0 0 0 9999px var(--scrim);cursor:grab;border:2px solid #ffffffe6;border-radius:8px;min-width:40px;min-height:40px;position:absolute}.thumb-crop:active{cursor:grabbing}.thumb-handle{cursor:nwse-resize;background:#fff;border:1px solid #1e2433;border-radius:50%;width:12px;height:12px;position:absolute}.thumb-handle.br{cursor:nwse-resize;bottom:-6px;right:-6px}.thumb-handle.bl{cursor:nesw-resize;bottom:-6px;left:-6px}.thumb-handle.tr{cursor:nesw-resize;top:-6px;right:-6px}.thumb-handle.tl{cursor:nwse-resize;top:-6px;left:-6px}.preview-header{color:var(--text-muted);letter-spacing:.4px;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;display:flex}.preview-dot{background:#2c3448;border-radius:50%;width:6px;height:6px}.preview-box{background:var(--surface-alt);border:1px solid var(--border);aspect-ratio:1;background-position:50%;background-size:cover;border-radius:10px;width:100%;position:relative}.preview-note{color:var(--text-muted);font-size:11px;line-height:1.45}.post-preview-details{gap:10px;display:grid}.post-preview-details .preview-note,.post-preview-details .export-row,.profile-card .ss-input,.profile-card .preview-note,.profile-card .export-row{margin-top:2px}#presets-section p{margin-bottom:8px;line-height:1.5}#presets-section .presets{margin-top:2px}@media (min-width:961px){.panel{align-self:start;max-height:calc(100vh - 32px);position:sticky;top:16px;overflow:auto}}:where(button,[role=button],input,a):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:960px){.cropper-main{grid-template-columns:1fr;gap:12px;padding:12px;display:block}.cropper-main>.stage,.cropper-main>.panel{width:100%}.panel{margin-top:12px}.stage{z-index:2}.canvas-wrap{min-height:360px}.readout{gap:8px;font-size:11px}}@media (max-width:640px){.app-header{align-items:flex-start;padding:12px 14px}.app-note{text-align:left;width:100%}.brand-title{font-size:16px}.cropper-main{gap:10px;padding:10px}.stage,.panel{padding:12px}.canvas-wrap{min-height:280px}.controls .ss-btn,.preset-btn{padding:9px 10px;font-size:12px}.preview-card,.profile-card{padding:10px}.profile-stats{flex-wrap:wrap;gap:8px}.thumb-crop{min-width:32px;min-height:32px}}@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}