:root,[data-theme=light]{--bg:#fbf9fd;--s1:#fff;--s2:#f1edf6;--s3:#e7e1ef;--line:#e3dde9;--outline:#c1c2ec;--t1:#1c1a20;--t2:#4f4858;--t3:#766e81;--brand:#6a35a0;--brand-top:#7b45b3;--on-brand:#fff;--accent:#5d4bb7;--on-accent:#fff;--accent-bg:#5d4bb71a;--gold:#b7791f;--gold-bg:#f5b83d2e;--danger:#c62844;--scrim:#08060c66;--glow-core:#7a3ea72e;--glow-edge:#7a3ea70d;--raise:0 1px 2px #28143c0f;--shadow:0 10px 30px #28143c2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#141218;--s1:#1c1921;--s2:#262230;--s3:#302a3b;--line:#352f40;--outline:#5e4770;--t1:#f4eff7;--t2:#c9c1d4;--t3:#978fa3;--brand:#7a3ea7;--brand-top:#8a4bbb;--on-brand:#fff;--accent:#afb0ff;--on-accent:#1b1640;--accent-bg:#afb0ff24;--gold:#f5b83d;--gold-bg:#f5b83d24;--danger:#ff7a8f;--scrim:#08060c8c;--glow-core:#7a3ea780;--glow-edge:#7a3ea729;--raise:inset 0 1px 0 #ffffff0b;--shadow:0 10px 30px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--primary:var(--accent);--on-primary:var(--on-accent);--secondary:var(--brand);--on-secondary:var(--on-brand);--tertiary:var(--accent);--control-border:var(--line);--primary-container:var(--s1);--on-primary-container:var(--t1);--secondary-container:var(--s2);--on-secondary-container:var(--t1);--background:var(--bg);--on-background:var(--t1);--surface:var(--s1);--surface-variant:var(--s2);--on-surface:var(--t1);--on-surface-variant:var(--t2);--error:var(--danger);--danger-fill:#cc00c5;--on-danger-fill:#fff;--rainbow:linear-gradient(135deg, #e92429, #ef7628 18%, #fcdc07 36%, #09a14a 54%, #29aae1 72%, #5963e3);--fab-gradient:var(--rainbow);--font:"Nunito", system-ui, sans-serif;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--radius:var(--r-md);--radius-lg:var(--r-lg);--radius-card:20px;--pad:16px;--bar-h:68px;--rail-w:80px;--content-max:640px}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--t1);font:500 15px/22px var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}body{background:radial-gradient(70% 220px at 50% 0, var(--glow-core), var(--glow-edge) 60%, transparent 100%) top / 100% 300px no-repeat, var(--bg)}#root{min-height:100dvh}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}a{color:var(--accent)}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:0;margin:0;font-weight:800}h1{font-size:21px;line-height:28px}h2{font-size:17px;line-height:24px}h3{font-size:15px;line-height:22px}p{margin:0}.t-display{letter-spacing:-.01em;font-size:28px;font-weight:800;line-height:34px}.t-title{font-size:21px;font-weight:800;line-height:28px}.t-section{font-size:17px;font-weight:800;line-height:24px}.t-body{font-size:15px;font-weight:500;line-height:22px}.t-label{font-size:14px;font-weight:700;line-height:20px}.t-caption{color:var(--t2);font-size:12.5px;font-weight:600;line-height:16px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--t2)}.dimmer{color:var(--t3)}.gold{color:var(--gold)}.small{font-size:13.5px;line-height:19px}.error-text{color:var(--danger)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{letter-spacing:normal;text-transform:none;white-space:nowrap;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;direction:ltr;flex:none;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.icon.filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.btn{border-radius:var(--r-md);background:linear-gradient(180deg, var(--brand-top), var(--brand));min-height:52px;color:var(--on-brand);letter-spacing:.01em;cursor:pointer;text-align:center;border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:17px;font-weight:800;line-height:24px;text-decoration:none;transition:filter .15s,background .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff29,0 6px 18px #7a3ea759}.btn .icon{font-size:22px}@media (hover:hover){.btn:hover:not(:disabled){filter:brightness(1.06)}}.btn:disabled{opacity:.38;cursor:default}.btn.tonal{background:var(--s2);color:var(--t1);box-shadow:var(--raise)}.btn.outlined{box-shadow:inset 0 0 0 1.5px var(--line);color:var(--t1);background:0 0}.btn.text{box-shadow:none;color:var(--accent);background:0 0;min-height:40px;padding:0 12px;font-size:15px}.btn.sm{border-radius:10px;min-height:40px;padding:0 16px;font-size:15px}.btn.danger{background:var(--danger-fill);box-shadow:none;color:var(--on-danger-fill)}.btn.gold{background:var(--gold-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent);color:var(--gold)}.btn.block{width:100%}.icon-btn{width:48px;height:48px;color:var(--t2);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (hover:hover){.icon-btn:hover:not(:disabled){background:color-mix(in srgb, var(--t1) 8%, transparent)}}.icon-btn:disabled{opacity:.38;cursor:default}.icon-btn.active,.icon-btn.on{background:var(--accent-bg);color:var(--accent)}.create-btn{border-radius:var(--r-lg);background:linear-gradient(180deg, var(--brand-top), var(--brand));width:100%;min-height:64px;color:var(--on-brand);letter-spacing:.01em;cursor:pointer;border:0;justify-content:center;align-items:center;gap:18px;font-size:23px;font-weight:800;display:flex;box-shadow:inset 0 1px #ffffff29,0 6px 18px #7a3ea759}.create-btn:disabled{opacity:.38;cursor:default}.create-btn .brush{filter:drop-shadow(0 2px 3px #00000040);width:46px;height:46px;margin:-6px -6px -6px 0}.card{background:var(--s1);color:var(--t1);border:1px solid color-mix(in srgb, var(--line) 60%, transparent);border-radius:var(--r-lg);box-shadow:var(--raise);padding:var(--pad)}.chip{background:var(--s2);min-height:36px;color:var(--t1);cursor:pointer;white-space:nowrap;border:0;border-radius:18px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;display:inline-flex}.chip .icon{color:var(--t2);font-size:18px}.chip.selected{background:var(--accent-bg);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.chip.selected .icon{color:var(--accent)}.chip:disabled{opacity:.38;cursor:default}.divider{background:var(--line);border:0;height:1px;margin:12px 0}.field{gap:6px;display:grid}.field>label,.field-label{color:var(--t2);font-size:14px;font-weight:700;line-height:20px}.input,.textarea,.select{border:1px solid var(--line);border-radius:var(--r-md);background:var(--s1);width:100%;min-height:52px;color:var(--t1);box-shadow:var(--raise);outline:none;padding:12px 14px;font-size:16px;font-weight:600}.input::placeholder,.textarea::placeholder{color:var(--t3);font-weight:500}.input:focus,.textarea:focus,.select:focus{border:1.5px solid var(--outline);padding:11.5px 13.5px}.textarea{resize:none;field-sizing:content;min-height:96px;max-height:40vh;line-height:23px}input[type=range]{width:100%;accent-color:var(--brand);min-height:32px}input[type=checkbox],input[type=radio]{accent-color:var(--brand);width:20px;height:20px}.switch{flex:none;width:52px;height:32px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch span{background:var(--s3);box-shadow:inset 0 0 0 2px var(--t3);pointer-events:none;border-radius:16px;transition:background .15s;position:absolute;inset:0}.switch span:after{content:"";background:var(--t3);border-radius:50%;width:16px;height:16px;transition:transform .15s,width .15s,height .15s;position:absolute;top:8px;left:8px}.switch input:checked+span{background:var(--brand);box-shadow:none}.switch input:checked+span:after{background:#fff;width:24px;height:24px;top:4px;left:4px;transform:translate(16px)}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.switch input:disabled+span{opacity:.38}.list{display:grid}.list-item{min-height:56px;padding:8px var(--pad);color:var(--t1);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;width:100%;font-size:16px;font-weight:600;line-height:22px;text-decoration:none;display:flex}@media (hover:hover){.list-item:hover{background:color-mix(in srgb, var(--t1) 6%, transparent)}}.list-item:focus-visible{outline-offset:-2px}.list-item>.icon{color:var(--t2)}.list-item .grow{flex:1;min-width:0}.list-item .sub{color:var(--t3);font-size:13px;font-weight:500;line-height:18px;display:block}.list-item>.icon:last-child:not(:first-child){text-align:center;width:24px;color:var(--t3);font-size:22px}.icon-tile{border-radius:var(--r-md);background:var(--accent-bg);width:40px;height:40px;color:var(--accent);flex:none;place-items:center;display:grid}.icon-tile .icon{color:inherit;font-size:22px}.icon-tile.gold{background:var(--gold-bg);color:var(--gold)}.icon-tile img{width:26px}.lgroup{background:var(--s1);box-shadow:var(--raise);border-radius:20px;overflow:hidden}.lgroup>.list-item{min-height:60px;padding:8px 14px}.lgroup>*+.list-item,.lgroup>.list-item+*{border-top:1px solid var(--line)}.lgroup-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0;padding:0 6px 8px;font-size:13px;font-weight:800;line-height:18px}.section-head{justify-content:space-between;align-items:center;gap:8px;min-height:40px;display:flex}.section-head>h2,.section-head>h3,.section-head>.t-section{margin:0;font-size:17px;font-weight:800;line-height:24px}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;display:flex;overflow-x:auto}.tab{min-height:48px;color:var(--t2);cursor:pointer;background:0 0;border:0;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.tab[aria-selected=true],.tab.active{color:var(--accent)}.tab[aria-selected=true]:after,.tab.active:after{content:"";background:var(--accent);border-radius:3px 3px 0 0;width:56px;max-width:80%;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.avatar{object-fit:cover;background:var(--brand);color:#000;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar.default{box-shadow:inset 0 0 0 2px var(--accent)}.avatar.default .icon{font-size:62%}.image-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.image-grid .tile{aspect-ratio:1;background:var(--s2);cursor:pointer;border:0;padding:0;position:relative;overflow:hidden}.image-grid .tile img{object-fit:cover;width:100%;height:100%}@media (width>=840px){.image-grid{grid-template-columns:repeat(4,1fr);gap:4px}}.sheet{width:100%;max-width:var(--content-max);border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--s2);max-height:88dvh;color:var(--t1);box-shadow:var(--shadow);border:0;margin:auto auto 0;padding:0;animation:.18s fade;position:fixed;inset:0;overflow:hidden}.sheet:focus{outline:none}.sheet::backdrop{background:var(--scrim);animation:.15s fade}.sheet-body{overscroll-behavior:contain;max-height:88dvh;padding:0 0 calc(env(safe-area-inset-bottom) + 12px);overflow-y:auto}.sheet-handle{background:var(--t3);opacity:.7;border-radius:2px;width:36px;height:4px;margin:10px auto 12px}.sheet-title{padding:4px var(--pad) 8px;font-size:17px;font-weight:800;line-height:24px}@media (width>=840px){.sheet{border-radius:var(--r-xl);margin:auto}.sheet-body{padding-bottom:16px}}.menu-dialog{color:var(--t1);background:0 0;border:0;max-height:calc(100dvh - 20px);margin:0;padding:0;animation:.15s fade;position:fixed;inset:auto;overflow:visible}.menu-dialog:focus{outline:none}.menu-dialog::backdrop{background:var(--scrim);animation:.15s fade}.menu{background:var(--s3);border-radius:var(--r-md);min-width:220px;padding:6px 0;box-shadow:0 10px 30px #00000073}.menu .list-item{gap:14px;min-height:48px;padding:0 18px 0 16px;font-size:15.5px}.menu .list-item>.icon{font-size:22px}.menu .divider{margin:6px 0}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.toasts{left:50%;bottom:calc(var(--bar-h) + env(safe-area-inset-bottom) + 16px);z-index:60;pointer-events:none;gap:8px;width:min(92vw,480px);display:grid;position:fixed;transform:translate(-50%)}.toast{background:var(--t1);color:var(--bg);border-radius:var(--r-md);box-shadow:var(--shadow);pointer-events:auto;padding:12px 16px;font-weight:700;animation:.18s rise}@media (width>=840px){.toasts{bottom:24px}}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{background:linear-gradient(90deg, var(--s2) 25%, var(--s3) 50%, var(--s2) 75%);background-size:200% 100%;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty{padding:48px var(--pad);text-align:center;color:var(--t2);justify-items:center;gap:12px;display:grid}.empty img{width:96px}.empty h3{color:var(--t1);font-size:17px;line-height:24px}.error-state{padding:40px var(--pad);text-align:center;justify-items:center;gap:12px;display:grid}.error-state-icon{color:var(--danger)}.error-state p{max-width:520px;margin:0;font-weight:600}.expandable-head{width:100%;min-height:56px;color:var(--t1);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:0 4px;font-size:15.5px;font-weight:700;line-height:22px;display:flex}.expandable-head>.icon:first-child,.expandable.open>.expandable-head{color:var(--accent)}.expandable-title{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.expandable-beta{background:var(--s2);height:22px;color:var(--t3);border-radius:11px;align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.expandable-arrow{color:var(--t3);transition:transform .2s}.expandable.open>.expandable-head .expandable-arrow{color:var(--accent);transform:rotate(180deg)}.expandable-body{background:var(--s1);border-radius:var(--r-lg);box-shadow:var(--raise);margin:0 0 8px;padding:14px;animation:.2s ease-out fade}.expandable-body .expandable-head{min-height:48px;font-size:15px}.expandable-body .expandable-body{background:var(--s2)}.center{place-items:center;min-height:40vh;display:grid}.row{align-items:center;gap:8px;display:flex}.stack{gap:12px;display:grid}.hscroll{scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--hscroll-fade)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--hscroll-fade)), transparent);--hscroll-fade:32px;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}@property --hscroll-fade{syntax:"<length>";inherits:false;initial-value:0}@supports (animation-timeline:scroll()){.hscroll{--hscroll-fade:0px;animation:linear both hscroll-fade;animation-timeline:scroll(self inline)}}@keyframes hscroll-fade{0%{--hscroll-fade:48px}to{--hscroll-fade:0px}}.hscroll::-webkit-scrollbar{display:none}.badge{background:var(--accent);height:22px;color:var(--on-accent);border-radius:11px;align-items:center;gap:4px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.page{width:100%;max-width:var(--content-max);padding:0 var(--pad) 24px;margin:0 auto}.page.wide{max-width:1200px}.page-header{min-height:56px;padding:env(safe-area-inset-top) 4px 0 0;margin:0 calc(-1 * var(--pad) + 4px) 4px calc(-1 * var(--pad) + 16px);align-items:center;gap:4px;display:flex}.page-header.has-back{margin-left:calc(-1 * var(--pad) + 4px)}.page-header h1,.page-header h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:21px;font-weight:800;line-height:28px;overflow:hidden}.page-header>.icon-btn:first-child{color:var(--t1)}.page-header>.icon-btn:first-child+h1{padding-left:4px}@media (prefers-reduced-motion:reduce){*,:before,:after,::backdrop{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation-duration:1.6s!important;animation-iteration-count:infinite!important}}.shell{min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.shell-main{min-height:100dvh;padding-bottom:calc(env(safe-area-inset-bottom) + 8px);flex-direction:column;display:flex}.shell-main:focus{outline:none}.shell-fixed .shell-main{height:100dvh;min-height:0;padding-bottom:0;overflow:clip}.input:focus-visible,.textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.skip-link{top:calc(env(safe-area-inset-top) + 8px);z-index:100;border-radius:var(--r-md);background:var(--brand);color:var(--on-brand);padding:8px 16px;font-weight:700;text-decoration:none;position:fixed;left:8px;transform:translateY(calc(-100% - 24px))}.skip-link:focus{transform:none}.shell-auth-error{padding-top:calc(env(safe-area-inset-top) + 24px);justify-items:center;display:grid}.shell .toasts{bottom:calc(env(safe-area-inset-bottom) + 24px)}.shell-fixed .toasts{bottom:calc(env(safe-area-inset-bottom) + 88px)}.shell-fixed:has(.canvas-page[data-drawing]) .toasts{bottom:calc(env(safe-area-inset-bottom) + 288px)}.shell-fixed:has(.crop-page) .toasts{bottom:calc(env(safe-area-inset-bottom) + 144px)}@media (width>=600px){.shell-fixed:has(.canvas-page[data-drawing]) .toasts{bottom:calc(env(safe-area-inset-bottom) + 224px)}}.draw-layer{pointer-events:none;position:absolute;inset:0}.draw-layer[data-editing]{pointer-events:auto}.draw-fit{position:absolute;overflow:hidden}.draw-board{transform-origin:0 0;position:absolute;top:0;left:0}.draw-board .draw-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.draw-layer[data-editing] .draw-input{touch-action:none;cursor:crosshair}.draw-panel{gap:8px;display:grid}.draw-card{border-radius:var(--r-lg);background:var(--s1);min-height:56px;box-shadow:var(--raise), inset 0 0 0 1px color-mix(in srgb, var(--line) 70%, transparent);flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;padding:4px 8px;display:flex}.draw-card .icon-btn{color:var(--t1)}.draw-card .icon-btn.on{color:var(--accent)}.draw-size{justify-content:flex-start;gap:12px;padding:4px 16px;font-size:14px;font-weight:700}.draw-size>.icon{color:var(--t2)}.draw-width{flex:1;min-width:0;min-height:44px}.draw-size-value{text-align:right;font-variant-numeric:tabular-nums;min-width:2ch;color:var(--t2)}.draw-color-chip{width:22px;height:22px;box-shadow:0 0 0 1.5px var(--t1);border-radius:6px;display:block}@media (width>=600px){.draw-panel{grid-template-columns:auto 1fr}.draw-size,.draw-done{grid-column:1/-1}}@media (orientation:landscape) and (height<=500px){.draw-panel{grid-template-columns:minmax(0,1fr)}}.draw-color-dialog{background:0 0;border:0;margin:0;padding:0;animation:.15s fade;position:fixed;inset:auto;overflow:visible}.draw-color-dialog:focus{outline:none}.draw-color-dialog::backdrop{background:var(--scrim)}.draw-color-panel{border-radius:var(--r-lg);background:var(--s1);width:200px;color:var(--t1);box-shadow:var(--shadow);gap:10px;padding:10px;display:grid}.draw-sv,.draw-hue{border-radius:var(--r-sm);touch-action:none;cursor:pointer;width:100%;position:relative}.draw-sv{aspect-ratio:1}.draw-hue{height:56px}.draw-thumb{border-radius:var(--r-sm);pointer-events:none;width:56px;height:56px;position:absolute;box-shadow:inset 0 0 0 2px #fff,0 1px 3px #00000059}.draw-hex{grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;display:grid}.draw-hex label{color:var(--t2);font-size:14px;font-weight:700}.draw-hex .input{min-width:0;min-height:44px;padding:8px 10px;font-family:ui-monospace,monospace}.draw-hex .btn.text{grid-column:1/-1;justify-self:end;min-height:44px}.picker-dialog{width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:var(--r-xl);background:var(--s2);color:var(--t1);box-shadow:var(--shadow);border:0;margin:auto;padding:0;animation:.18s fade;position:fixed;inset:0;overflow:hidden}.picker-dialog[open]{flex-direction:column;display:flex}.picker-dialog:focus{outline:none}.picker-dialog::backdrop{background:var(--scrim)}.picker-actions{flex:none;justify-content:flex-end;padding:4px 12px 12px;display:flex}.picker-actions .btn.text{min-height:44px}.color-dialog{width:min(400px,100vw - 32px)}.color-picker{padding:16px 16px 0;overflow-y:auto}.segmented{border-radius:var(--r-md);background:var(--s1);margin-bottom:12px;padding:3px;display:flex}.segment{color:#000;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:10px;flex:1;font-size:14px;font-weight:700}.segment[aria-selected=true]{color:#fff;background:#6a35a0;box-shadow:inset 0 0 0 1.5px #6a35a0}.color-panel{justify-items:center;gap:8px;display:grid}.swatches{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.swatch{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.swatch .icon{font-size:26px}.swatch:focus-visible{outline:3px solid var(--t1);outline-offset:2px}.hex-field{align-items:center;gap:8px;width:100%;max-width:260px;display:flex}.hex-field label{color:var(--t2);font-size:14px;font-weight:700}.hex-field .input{flex:1;min-width:0;min-height:44px;padding:8px 12px;font-family:ui-monospace,monospace}.hex-chip{width:28px;height:28px;box-shadow:0 0 0 1px var(--line);border-radius:8px;flex:none}.wheel{touch-action:none;margin:4px auto 8px;position:relative}.wheel-ring{cursor:pointer;background:conic-gradient(from 90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0000 calc(100% - 16px),#000 calc(100% - 16px));mask:radial-gradient(circle closest-side,#0000 calc(100% - 16px),#000 calc(100% - 16px))}.wheel-ring:focus-visible,.wheel-square:focus-visible{outline:3px solid var(--t1);outline-offset:2px}.wheel:has(.wheel-ring:focus-visible){outline:3px solid var(--t1);outline-offset:2px;border-radius:50%}.wheel-square{cursor:crosshair;border-radius:4px;position:absolute;top:50%;left:50%;translate:-50% -50%}.wheel-thumb{pointer-events:none;border-radius:50%;width:18px;height:18px;position:absolute;translate:-50% -50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #0006}.font-dialog{height:83.3333dvh}.font-picker{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 12px 0;display:flex}.font-search{border-radius:var(--r-md);background:var(--s1);min-height:48px;color:var(--t2);align-items:center;gap:8px;padding-left:12px;display:flex}.font-search-input{min-width:0;min-height:44px;color:var(--t1);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:16px}.font-search-input::placeholder{color:var(--t2)}.font-search:focus-within{box-shadow:inset 0 0 0 1.5px var(--outline)}.font-search-input::-webkit-search-cancel-button{display:none}.font-language{min-height:44px;padding:8px 12px;font-size:14px}.font-categories{flex-wrap:wrap;gap:4px;display:flex}.font-categories .chip{min-height:44px;font-size:13px}.font-preview{border:0;border-bottom:1px solid var(--line);min-height:48px;color:var(--t1);text-align:center;background:0 0;outline:none;padding:8px 12px;font-size:18px}.font-preview::placeholder{color:var(--t2);font-size:14px}.font-preview:focus{border-bottom-color:var(--accent)}.font-list{overscroll-behavior:contain;flex:1;min-height:0;margin:0 -12px;padding:0;list-style:none;overflow-y:auto}.font-empty{color:var(--t2);text-align:center;margin:0;padding:12px}.font-empty:empty{padding:0}@media (height<=500px){.font-dialog{height:calc(100dvh - 16px)}.font-picker{overflow-y:auto}.font-list{flex:none;min-height:168px;overflow:visible}}.font-row{content-visibility:auto;contain-intrinsic-size:auto 56px;grid-template-columns:1fr auto;align-items:center;padding:0 8px 0 0;display:grid}.font-row.selected{background:var(--accent-bg)}.font-row-main{min-height:56px;color:var(--t1);text-align:left;cursor:pointer;background:0 0;border:0;padding:8px 16px;display:block}.font-row-main:focus-visible{outline-offset:-3px}.font-name{font-size:17px}.font-info{font-family:var(--font);color:var(--t2);margin-left:8px;font-size:11px;font-style:italic}.font-recent{color:var(--t2);padding:0 8px;display:inline-flex}.font-select{min-height:44px}.font-variants{flex-wrap:wrap;grid-column:1/-1;gap:4px;padding:0 16px 12px;display:flex}.font-variants .chip{justify-content:center;min-width:60px;min-height:44px;font-size:13px}.export-blocked{padding:0 var(--pad) 8px;gap:12px;display:grid}.export-blocked p{margin:0}.export-blocked-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.export-blocked-actions .btn{min-height:48px}.canvas-page{isolation:isolate;flex-direction:column;height:100%;display:flex;overflow:clip}.canvas-top{flex:none;margin:0 4px 0 16px}.canvas-top-actions{align-items:center;gap:4px;display:flex}.canvas-top-actions .icon-btn{color:var(--t1)}.canvas-board{min-height:0;margin:0 var(--pad);border-radius:var(--r-xl);background:var(--s2);box-shadow:var(--raise), inset 0 0 0 1px color-mix(in srgb, var(--line) 60%, transparent);flex:1;position:relative;overflow:clip}.canvas-load-error{z-index:3;background:var(--s2);place-items:center;display:grid;position:absolute;inset:0}.canvas-bottom{width:100%;max-width:var(--content-max);padding:12px var(--pad) calc(env(safe-area-inset-bottom) + 12px);flex:none;margin:0 auto}.canvas-actions{gap:12px;display:flex}.canvas-actions[hidden]{display:none}.canvas-add{flex:1}.canvas-save{flex:none;min-width:120px}.board{position:absolute;inset:0;overflow:clip}.board-viewport{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:clip}.board-viewport[data-zoomed]{cursor:grab}.board-viewport:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.board-content{transform-origin:0 0;position:absolute;inset:0}.board-checker{background:repeating-conic-gradient(from 90deg, var(--s3) 0 25%, var(--s2) 0 50%) 0 0 / 40px 40px;position:absolute;inset:0}.item-case{transform-origin:50%;touch-action:none;cursor:grab;position:absolute}.item-case.status-moving{cursor:grabbing}.item-case.status-editing{cursor:auto}.item-case.inert{pointer-events:none}.item-case:focus{outline:none}.item-case:focus-visible>.item-content{outline-offset:2px;outline:3px solid #fff;box-shadow:0 0 0 5px #1c1a20}.item-content{position:absolute}.item-frame{border:2px solid var(--accent);pointer-events:none;position:absolute;inset:48px 16px}.item-handle{width:44px;height:44px;color:var(--t2);touch-action:none;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.item-handle:before{content:"";background:var(--s1);border:1.5px solid var(--accent);border-radius:50%;grid-area:1/1;width:32px;height:32px;box-shadow:0 1px 3px #00000040}.item-handle .icon{grid-area:1/1;font-size:19px;position:relative}.item-handle.corner.top-left{cursor:nwse-resize;top:48px;left:16px;transform:translate(-50%,-50%)}.item-handle.corner.top-right{cursor:nesw-resize;top:48px;right:16px;transform:translate(50%,-50%)}.item-handle.corner.bottom-left{cursor:nesw-resize;bottom:48px;left:16px;transform:translate(-50%,50%)}.item-handle.corner.bottom-right{cursor:nwse-resize;bottom:48px;right:16px;transform:translate(50%,50%)}.item-handle.edge-x{cursor:ew-resize;height:96px;top:50%}.item-handle.edge-x:before{border-radius:32px;width:11px;height:32px}.item-handle.edge-x.left{left:16px;transform:translate(-50%,-50%)}.item-handle.edge-x.right{right:16px;transform:translate(50%,-50%)}.item-handle.edge-y{cursor:ns-resize;width:96px;left:50%}.item-handle.edge-y:before{border-radius:32px;width:32px;height:11px}.item-handle.edge-y.top{top:48px;transform:translate(-50%,-50%)}.item-handle.edge-y.bottom{bottom:48px;transform:translate(-50%,50%)}.item-handle-row{pointer-events:none;justify-content:center;align-items:center;gap:4px;height:32px;display:flex;position:absolute;bottom:0;left:0;right:0}.item-handle-row>.item-handle{pointer-events:auto;flex:none;position:relative}.item-handle:focus-visible{outline:3px solid var(--accent);outline-offset:-4px;border-radius:50%}.image-layer{position:absolute;inset:0}.image-layer img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-width:none;height:100%;display:block}.image-layer img.pending{visibility:hidden}.image-layer-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;display:flex;position:absolute;inset:0;overflow:hidden}.image-layer-state .btn{min-height:44px}.image-layer-state.failed{color:#fff;background:#000000b8;font-size:13px}.text-layer{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.text-layer-text{white-space:pre;transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;line-height:normal;display:inline-block}.text-layer.editing{justify-content:flex-start;align-items:flex-start}.text-layer-input{transform-origin:0 0;white-space:pre;resize:none;touch-action:auto;cursor:text;background:0 0;border:0;border-bottom:1px solid;border-radius:0;flex:none;width:100%;height:100%;padding:4px 2px;line-height:normal}.layer-actions{position:absolute;bottom:10px;right:10px}.layer-actions-btn{background:var(--s1);width:40px;height:40px;color:var(--accent);box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.layer-actions-btn:after{content:"";position:absolute;inset:-2px}.canvas-add-list .list-item,.edit-tools .edit-tool{min-height:58px;padding-block:6px}.edit-tools .edit-tool.danger,.edit-tools .edit-tool.danger .icon-tile{color:var(--danger)}.edit-tools .edit-tool.danger .icon-tile{background:color-mix(in srgb, var(--danger) 12%, transparent)}.sheet .list-item .sub{color:var(--t2)}.layers-empty{padding:8px var(--pad) 4px;margin:0}.layer-list{margin:0 var(--pad);padding:0;list-style:none}.layer-list>.layer-row{cursor:default;gap:4px;padding:4px 6px 4px 4px}@media (hover:hover){.layer-list>.layer-row:hover{background:0 0}}.layer-name{border-radius:var(--r-md);min-width:0;min-height:52px;color:var(--t1);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:4px 8px 4px 6px;display:flex}.layer-name .grow{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.layer-row.selected .layer-name{font-weight:800}@media (hover:hover){.layer-name:hover{background:color-mix(in srgb, var(--t1) 6%, transparent)}}.layers-footer{padding:16px var(--pad) 4px;justify-content:flex-end;display:flex}.zoom-controls{z-index:2;background:var(--s1);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;padding:2px;display:flex;position:absolute;bottom:10px;left:10px}.zoom-controls .icon-btn{width:44px;height:44px;color:var(--t1)}.handoff-status{top:calc(env(safe-area-inset-top) + 60px);z-index:55;pointer-events:none;gap:8px;width:min(92vw,480px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.handoff-item{border-radius:var(--r-md);background:var(--s1);color:var(--t1);box-shadow:var(--shadow);pointer-events:auto;align-items:center;gap:12px;padding:4px 4px 4px 16px;font-weight:700;animation:.18s rise;display:flex}.handoff-item .grow{flex:1;min-width:0}.handoff-item a{color:var(--accent)}.handoff-item .btn.text{min-height:44px}.handoff-dismiss{min-width:44px;padding:0}.handoff-spinner{border:2.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite spin}.cv-dialog-body{padding:0 var(--pad)}.cv-dialog-body p,.cv-dialog-question{margin:0}.cv-dialog-actions{padding:16px var(--pad) 4px;flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.cv-dialog-question{padding:10px var(--pad) 40px;text-align:center}.cv-dialog-icons{max-width:360px;padding:0 var(--pad) 8px;justify-content:space-around;margin:0 auto;display:flex}@media (width>=840px){.canvas-top{margin:0 16px 0 28px}.canvas-board{margin:0 24px}.canvas-bottom{padding-bottom:calc(env(safe-area-inset-bottom) + 16px)}}@media (orientation:landscape) and (height<=500px){.canvas-page{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(240px,320px);display:grid}.canvas-top{grid-column:1/-1}.canvas-board{margin:0 0 calc(env(safe-area-inset-bottom) + 8px) var(--pad);grid-row:2}.canvas-bottom{grid-row:2;align-self:end;max-height:100%;padding-top:0;overflow-y:auto}.canvas-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.handoff-spinner{animation-duration:1.6s!important;animation-iteration-count:infinite!important}}.crop-page{flex-direction:column;height:100%;min-height:0;display:flex}.crop-top{flex:none;margin:0 4px}.crop-stage{min-height:0;margin:0 var(--pad);border-radius:var(--r-xl);box-shadow:var(--raise);background:#141218;flex:1;padding:24px;overflow:hidden}.crop-box{color:#fff;width:100%;height:100%;position:relative}.crop-image{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute}.crop-rect{cursor:move;touch-action:none;position:absolute;box-shadow:inset 0 0 0 1px #fff9,0 0 0 200vmax #0000008a}.crop-rect:focus-visible{outline-offset:0;outline:3px solid #afb0ff}.crop-handle{touch-action:none;place-items:center;width:44px;height:44px;margin:-22px;display:grid;position:absolute}.crop-handle span{background:#fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #00000059}.crop-handle.topLeft{cursor:nwse-resize;top:0;left:0}.crop-handle.topRight{cursor:nesw-resize;top:0;left:100%}.crop-handle.bottomLeft{cursor:nesw-resize;top:100%;left:0}.crop-handle.bottomRight{cursor:nwse-resize;top:100%;left:100%}.crop-controls{width:100%;max-width:var(--content-max);padding:12px var(--pad) calc(env(safe-area-inset-bottom) + 12px);flex:none;gap:12px;margin:0 auto;display:grid}.crop-presets{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.crop-presets .chip{border-radius:22px;justify-content:center;min-width:64px;min-height:44px}.crop-actions{gap:12px;display:flex}.crop-button{flex:1}@media (width>=840px){.crop-top{margin:0 16px}.crop-stage{margin:0 24px}}@media (orientation:landscape) and (height<=500px){.crop-page{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(220px,280px);display:grid}.crop-top{grid-column:1/-1}.crop-stage{margin:0 0 calc(env(safe-area-inset-bottom) + 8px) var(--pad);grid-row:2;padding:12px}.crop-controls{grid-row:2;align-content:end;padding-top:0}}.acct-page{padding-bottom:32px}.acct-error{color:var(--danger);margin:0;font-size:14px;font-weight:600}.acct-notice{border-radius:var(--r-md);background:var(--accent-bg);color:var(--t1);margin:0;padding:12px 14px;font-size:14px;line-height:20px}.acct-uid{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:13px}.acct-input-wrap{align-items:center;display:flex;position:relative}.acct-input-wrap>.icon{color:var(--t2);pointer-events:none;position:absolute;left:12px}.acct-input-wrap .input{padding-left:46px}.acct-input-wrap .acct-eye{position:absolute;right:2px}.acct-input-wrap .input.acct-has-eye{padding-right:52px}.acct-auth{gap:8px;max-width:440px;margin:0 auto;padding-top:4px;display:grid}.acct-robot{width:auto;max-width:52vw;height:clamp(112px,20dvh,196px);margin:0 auto;display:block}.acct-auth-form{gap:16px;display:grid}.acct-info{text-align:center;color:var(--t2);margin:0;font-size:15px;line-height:22px}.acct-google{gap:12px;background:var(--s1)!important;color:var(--t1)!important;box-shadow:inset 0 0 0 1px var(--outline)!important}.acct-google svg{width:20px;height:20px}.acct-or{color:var(--t3);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.acct-or:before,.acct-or:after{content:"";background:var(--line);flex:1;height:1px}.acct-forgot{justify-self:end;margin:-8px -8px -4px 0}.acct-switch-line{color:var(--t2);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-size:15px;display:flex}@media (width>=840px){.acct-auth{grid-template-columns:minmax(0,65fr) minmax(0,35fr);align-items:center;gap:32px;max-width:760px;padding-top:24px}.acct-robot{order:2;width:100%;max-width:240px;height:auto}}.acct-groups{gap:16px;padding-top:4px;display:grid}.acct-group{display:grid}.lgroup>.list-item:disabled{cursor:default}.lgroup>.list-item:disabled>*{opacity:.6}.acct-danger-row,.acct-danger-row .icon-tile{color:var(--danger)}.acct-danger-row .icon-tile{background:color-mix(in srgb, var(--danger) 14%, transparent)}.acct-sheet{padding:0 var(--pad) 8px;gap:12px}.acct-sheet p{margin:0}.acct-sheet strong{color:var(--t1)}.acct-sheet-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.acct-info-row{justify-content:space-between;align-items:baseline;gap:12px;min-height:48px;padding:13px 14px;font-size:15px;line-height:22px;display:flex}.acct-info-row+.acct-info-row,.acct-info-row+.list-item,.list-item+.acct-info-row{border-top:1px solid var(--line)}.acct-info-row>span:first-child{color:var(--t2);flex:none;font-weight:600}.acct-info-row>span:last-child{text-align:right;overflow-wrap:anywhere;align-items:center;gap:4px;min-width:0;font-weight:700;display:inline-flex}.acct-info-row .icon{color:var(--accent)}.acct-form{gap:12px;padding:14px;display:grid}.acct-form>.btn{justify-self:start}.acct-start{justify-content:flex-start}.acct-signed-out{align-items:center;gap:16px;padding:16px;display:flex}.acct-signed-out img{flex:none;width:72px;height:auto}.acct-signed-out h2,.acct-signed-out p{margin:0}.acct-who{align-items:center;gap:16px;padding:16px;display:flex}.acct-who h2,.acct-who p{overflow-wrap:anywhere;margin:0}.acct-page .btn.sm,.acct-page .btn.text{min-height:44px}.acct-skip{justify-self:center}