/*! tailwindcss v4.3.2 | 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-border-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-ease: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;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--radius-lg:.5rem;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,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}:root{--tw-background:210 40% 98%;--tw-foreground:215 25% 27%;--tw-card:0 0% 100%;--tw-card-foreground:215 25% 27%;--tw-primary:184 28% 62%;--tw-primary-foreground:0 0% 100%;--tw-secondary:210 40% 96%;--tw-secondary-foreground:215 25% 27%;--tw-muted:210 40% 96%;--tw-muted-foreground:215 16% 47%;--tw-border:214 32% 91%;--tw-accent:344 76% 80%;--tw-accent-foreground:215 25% 27%;--tw-radius:1rem}.dark{--tw-background:222.2 84% 4.9%;--tw-foreground:210 40% 98%;--tw-card:222.2 84% 4.9%;--tw-card-foreground:210 40% 98%;--tw-primary:217.2 91.2% 59.8%;--tw-primary-foreground:222.2 47.4% 11.2%;--tw-secondary:217.2 32.6% 17.5%;--tw-secondary-foreground:210 40% 98%;--tw-muted:217.2 32.6% 17.5%;--tw-muted-foreground:215 20.2% 65.1%;--tw-border:217.2 32.6% 17.5%;--tw-accent:217.2 32.6% 17.5%;--tw-accent-foreground:210 40% 98%}html,body,#root{height:100%;margin:0}body{background:var(--bg,hsl(var(--tw-background)));color:var(--text,hsl(var(--tw-foreground)));overscroll-behavior:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Noto Sans SC,sans-serif}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.\!container{width:100%!important}@media (width>=40rem){.\!container{max-width:40rem!important}}@media (width>=48rem){.\!container{max-width:48rem!important}}@media (width>=64rem){.\!container{max-width:64rem!important}}@media (width>=80rem){.\!container{max-width:80rem!important}}@media (width>=96rem){.\!container{max-width:96rem!important}}.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}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-auto{height:auto}.max-w-full{max-width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-crosshair{cursor:crosshair}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.blur{--tw-blur:blur(8px);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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@font-face{font-family:MTR Sung;src:url(/fonts/mtr-sung.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:"夜照飛 12";src:url(/fonts/nightgazer-12.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:"夜照飛 16";src:url(/fonts/nightgazer-16.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Unifont;src:url(/fonts/unifont.otf)format("opentype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block}.ap-portal{background:var(--bg);width:100%;height:100%;min-height:100dvh;color:var(--text);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:stretch;display:flex}.ap-shell{background:radial-gradient(ellipse 90% 55% at 12% -8%, var(--shell-glow-a,transparent) 0%, transparent 58%), radial-gradient(ellipse 70% 45% at 92% 8%, var(--shell-glow-b,transparent) 0%, transparent 52%), var(--bg);flex-direction:column;flex:1;width:100%;max-width:100%;min-height:100dvh;margin:0;display:flex;position:relative;overflow:hidden}.ap-mobile-icon-btn{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);width:40px;height:40px;color:var(--text);font-size:var(--icon-md);cursor:pointer;place-items:center;transition:background .15s,color .15s,border-color .15s;display:grid}.ap-mobile-icon-btn:hover{color:var(--primary-600);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-mobile-icon-btn:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--line))}}.ap-mobile-icon-btn:hover{background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-mobile-icon-btn:hover{background:color-mix(in srgb, var(--primary-100) 50%, var(--surface))}}.ap-mobile-icon-btn:active{background:var(--primary-100);color:var(--primary)}.ap-mobile-stepper{border-bottom:none;padding:0 0 10px}.ap-desktop-stepper{display:none}.ap-mobile-stepper-track{background:var(--line);border-radius:999px;height:3px;margin:0 16px 10px;overflow:hidden}.ap-mobile-stepper-fill{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--brand-gradient-end));height:100%;transition:width .25s;display:block}.ap-mobile-stepper-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:0 12px;display:flex;overflow-x:auto}.ap-mobile-stepper-scroll::-webkit-scrollbar{display:none}.ap-mobile-step{border:1px solid var(--line);background:var(--card);min-height:36px;color:var(--muted);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.ap-mobile-step:disabled{opacity:.4;cursor:not-allowed}.ap-mobile-step--active{border-color:var(--primary);background:var(--primary-100);color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.ap-mobile-step--done:not(.ap-mobile-step--active){color:var(--primary);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-mobile-step--done:not(.ap-mobile-step--active){border-color:color-mix(in srgb, var(--primary) 35%, var(--line))}}.ap-sheet-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ap-sheet-backdrop--portal{z-index:300}.ap-overlay-root{z-index:300;pointer-events:none;background:0 0;width:auto;height:auto;min-height:0;display:block;position:fixed;inset:0}.ap-overlay-root .ap-sheet-backdrop{pointer-events:auto;background:#00000073}.ap-overlay-root .ap-sheet{background:var(--card);color:var(--text)}.ap-sheet{width:100%;max-width:var(--app-width);background:var(--card);max-height:85vh;padding-bottom:env(safe-area-inset-bottom,16px);border-radius:20px 20px 0 0;animation:.28s ap-sheet-up}@keyframes ap-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ap-sheet-handle{background:var(--line);border-radius:999px;width:36px;height:4px;margin:10px auto 0}.ap-sheet-head{justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}.ap-sheet-title{margin:0;font-size:18px;font-weight:800}.ap-sheet-close{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;font-size:24px;display:grid}.ap-sheet-body{padding:4px 16px 20px;overflow-y:auto}.ap-sheet-section{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:18px}.ap-sheet-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.ap-sheet-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:12px;font-weight:800}.ap-sheet-note{border-radius:var(--r-md);background:var(--primary-100);color:var(--primary);align-items:center;gap:8px;margin:0;padding:12px;font-size:13px;font-weight:600;display:flex}.ap-sheet-field{flex-direction:column;gap:6px;display:flex}.ap-sheet-field-label{color:var(--text);font-size:13px;font-weight:700}.ap-sheet-input{width:100%;min-height:var(--touch-min);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text);box-sizing:border-box;outline:none;padding:11px 12px;font-size:15px}.ap-sheet-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.ap-sheet-field-hint{color:var(--muted);font-size:12px;line-height:1.5}.ap-sheet-generate-btn{width:100%;margin-top:8px}.ap-topbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 0 14px;display:flex}.ap-brand{align-items:center;gap:12px;min-width:0;display:flex}.ap-brand-mark{border-radius:var(--r-md);background:linear-gradient(145deg, var(--primary) 0%, var(--brand-gradient-end) 100%);color:#fff;width:42px;height:42px;box-shadow:0 4px 14px var(--primary-shadow);flex-shrink:0;place-items:center;font-size:20px;display:grid}.ap-brand-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:18px;font-weight:800;line-height:1.2}.ap-brand-sub{color:var(--muted);margin:2px 0 0;font-size:12px;font-weight:500}.ap-badge{background:var(--primary-100);color:var(--primary);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.ap-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ap-workspace-body{min-height:0;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.ap-footer{text-align:center;color:var(--muted);flex-shrink:0;padding:10px 0 16px;font-size:12px;font-weight:500}.ap-stepper{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;gap:6px;padding:10px 16px;display:flex}.ap-step{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ap-step:hover:not(:disabled){background:var(--card);color:var(--text);border-color:var(--line)}.ap-step--active{background:var(--primary-100);color:var(--primary);border-color:var(--border-hover)}.ap-step--done:not(.ap-step--active){color:var(--text)}.ap-step:disabled{opacity:.4;cursor:not-allowed}.ap-step-num{background:var(--step-muted-bg);width:22px;height:22px;color:var(--muted);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.ap-step--active .ap-step-num{background:var(--primary);color:#fff}.ap-step--done .ap-step-num{background:var(--primary-100);color:var(--primary)}.ap-page-head{margin-bottom:18px}.ap-page-head--compact{margin-bottom:8px}.ap-page-head--compact .ap-page-title{font-size:17px}.ap-page-head--compact .ap-page-desc{margin-top:4px;font-size:12px;line-height:1.4}.ap-page-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:20px;font-weight:800}.ap-page-desc{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.55}.ap-pick-grid{grid-template-columns:1fr;gap:10px;display:grid}.ap-pick-card{text-align:left;border:1px solid var(--line);background:var(--card);border-radius:var(--r-lg);cursor:pointer;box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;min-height:120px;padding:16px;transition:all .15s;display:flex}.ap-pick-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover)}.ap-pick-card--active{border-color:var(--primary);background:linear-gradient(180deg, var(--pick-active-start) 0%, var(--card) 100%);box-shadow:0 0 0 3px var(--primary-glow)}.ap-icon-box{border-radius:var(--r-md);background:var(--primary-100);width:42px;height:42px;color:var(--primary);place-items:center;font-size:24px;display:grid}.ap-pick-card--active .ap-icon-box{background:var(--primary);color:#fff}.ap-pick-title{color:var(--text);font-size:15px;font-weight:700;line-height:1.3}.ap-pick-desc{color:var(--muted);font-size:12px;line-height:1.45}.ap-upload{border:2px dashed var(--upload-border);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--surface) 0%, #fff 100%);cursor:pointer;flex:none;place-items:center;min-height:200px;padding:24px;transition:all .15s;display:grid}.ap-upload:hover,.ap-upload--active{border-color:var(--primary);background:linear-gradient(180deg, var(--upload-hover-start) 0%, #fff 100%);box-shadow:var(--shadow-hover)}.ap-upload-icon{color:var(--primary);font-size:52px}.ap-upload-title{color:var(--text);margin:14px 0 4px;font-size:16px;font-weight:700}.ap-upload-hint{color:var(--muted);margin:0;font-size:13px}.ap-btn{min-height:var(--touch-min);border-radius:var(--radius-button,var(--btn-radius,var(--r-md)));cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:700;transition:all .12s;display:inline-flex}.ap-btn:disabled{opacity:.45;cursor:not-allowed}.ap-btn--primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px var(--primary-shadow)}.ap-btn--primary:hover:not(:disabled){background:var(--primary-600)}.ap-btn--ghost{background:var(--card);color:var(--text);border-color:var(--line)}.ap-btn--ghost:hover:not(:disabled){border-color:var(--border-hover);color:var(--primary)}.ap-btn--secondary{background:var(--card);color:var(--text);border-color:var(--line)}.ap-btn--secondary:hover:not(:disabled){border-color:var(--border-hover);color:var(--primary);background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-btn--secondary:hover:not(:disabled){background:color-mix(in srgb, var(--primary-100) 35%, var(--card))}}.ap-btn--rounded{border-radius:var(--radius-button,var(--btn-radius,var(--r-pill)))}.ap-btn--danger{background:var(--danger);color:#fff;border-color:var(--danger)}.ap-btn--primary.ap-btn--danger{background:var(--danger);border-color:var(--danger);box-shadow:0 2px 8px var(--danger)}@supports (color:color-mix(in lab, red, red)){.ap-btn--primary.ap-btn--danger{box-shadow:0 2px 8px color-mix(in srgb, var(--danger) 35%, transparent)}}.ap-actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:20px;display:flex}.ap-actions .ap-btn{width:100%}.ap-actions--between{flex-direction:row;align-items:stretch;gap:10px}.ap-actions--between>div{flex:1;gap:10px;min-width:0;display:flex}.ap-actions--between>div .ap-btn{flex:1;width:auto}.ap-field label{color:var(--text);letter-spacing:0;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.ap-range{width:100%;accent-color:var(--primary)}.ap-range-val{color:var(--text);margin-top:6px;font-size:14px;font-weight:700;display:block}.ap-info-strip{border-radius:var(--r-md);background:var(--primary-100);color:var(--primary);align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.ap-canvas-frame{border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--bg) 0%, var(--canvas-bg-end) 100%);flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;overflow:auto}.ap-tool-tabs{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);gap:4px;padding:4px;display:flex}.ap-tool-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 10px;font-size:12px;font-weight:700}.ap-tool-tab--active{background:var(--primary);color:#fff;box-shadow:0 2px 6px var(--primary-shadow)}.ap-chip{border:1px solid var(--line);background:var(--card);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.ap-chip-dot{border:1px solid #00000014;border-radius:3px;width:12px;height:12px}.ap-sidebar{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;flex-shrink:0;gap:12px;width:100%;padding:16px;display:flex}.ap-edit-layout{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.ap-input-field{flex-direction:column;gap:6px;min-width:0;display:flex}.ap-input-field--compact{gap:4px}.ap-input-label{color:var(--text);letter-spacing:0;font-size:13px;font-weight:700;display:block}.ap-input-field--compact .ap-input-label{font-size:11px}.ap-input-hint{color:var(--muted);font-size:12px;font-weight:600;line-height:1.4}.ap-input,.ap-text-input,textarea.ap-text-input{border:1.5px solid var(--line);width:100%;min-height:44px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.ap-input,.ap-text-input,textarea.ap-text-input{border:1.5px solid color-mix(in srgb, var(--line) 88%, var(--text))}}.ap-input,.ap-text-input,textarea.ap-text-input{border-radius:var(--r-md);color:var(--text);background:var(--card);box-shadow:inset 0 1px 2px var(--text);outline:none;font-size:14px;font-weight:600;line-height:1.45;transition:border-color .15s,box-shadow .15s,background .15s}@supports (color:color-mix(in lab, red, red)){.ap-input,.ap-text-input,textarea.ap-text-input{box-shadow:inset 0 1px 2px color-mix(in srgb, var(--text) 6%, transparent)}}.ap-input::placeholder,.ap-text-input::placeholder,textarea.ap-text-input::placeholder{color:var(--muted);font-weight:500}.ap-input:hover:not(:disabled):not(:focus),.ap-text-input:hover:not(:disabled):not(:focus),textarea.ap-text-input:hover:not(:disabled):not(:focus){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-input:hover:not(:disabled):not(:focus),.ap-text-input:hover:not(:disabled):not(:focus),textarea.ap-text-input:hover:not(:disabled):not(:focus){border-color:color-mix(in srgb, var(--primary) 40%, var(--line))}}.ap-input:hover:not(:disabled):not(:focus),.ap-text-input:hover:not(:disabled):not(:focus),textarea.ap-text-input:hover:not(:disabled):not(:focus){background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-input:hover:not(:disabled):not(:focus),.ap-text-input:hover:not(:disabled):not(:focus),textarea.ap-text-input:hover:not(:disabled):not(:focus){background:color-mix(in srgb, var(--primary) 3%, var(--card))}}.ap-input:focus,.ap-text-input:focus,textarea.ap-text-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-glow)}.ap-input--textarea,textarea.ap-input,textarea.ap-text-input{resize:vertical;min-height:72px}.ap-input--select,.ap-text-color-select{appearance:none;border:1.5px solid var(--line);min-height:44px;padding:10px 32px 10px 12px}@supports (color:color-mix(in lab, red, red)){.ap-input--select,.ap-text-color-select{border:1.5px solid color-mix(in srgb, var(--line) 88%, var(--text))}}.ap-input--select,.ap-text-color-select{border-radius:var(--r-md);color:var(--text);background-color:var(--card);box-shadow:inset 0 1px 2px var(--text);font-size:14px;font-weight:600;line-height:1.45}@supports (color:color-mix(in lab, red, red)){.ap-input--select,.ap-text-color-select{box-shadow:inset 0 1px 2px color-mix(in srgb, var(--text) 6%, transparent)}}.ap-input--select,.ap-text-color-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;transition:border-color .15s,box-shadow .15s,background .15s}.ap-input--select:hover:not(:disabled):not(:focus),.ap-text-color-select:hover:not(:disabled):not(:focus){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-input--select:hover:not(:disabled):not(:focus),.ap-text-color-select:hover:not(:disabled):not(:focus){border-color:color-mix(in srgb, var(--primary) 40%, var(--line))}}.ap-input--select:hover:not(:disabled):not(:focus),.ap-text-color-select:hover:not(:disabled):not(:focus){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-input--select:hover:not(:disabled):not(:focus),.ap-text-color-select:hover:not(:disabled):not(:focus){background-color:color-mix(in srgb, var(--primary) 3%, var(--card))}}.ap-input--select:focus,.ap-text-color-select:focus{border-color:var(--primary);background-color:var(--surface);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.ap-search{border:1.5px solid var(--line);width:100%;min-height:44px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.ap-search{border:1.5px solid color-mix(in srgb, var(--line) 88%, var(--text))}}.ap-search{border-radius:var(--r-md);color:var(--text);background:var(--card);box-shadow:inset 0 1px 2px var(--text);outline:none;font-size:14px;font-weight:600;line-height:1.45}@supports (color:color-mix(in lab, red, red)){.ap-search{box-shadow:inset 0 1px 2px color-mix(in srgb, var(--text) 6%, transparent)}}.ap-search{transition:border-color .15s,box-shadow .15s,background .15s}.ap-search::placeholder{color:var(--muted);font-weight:500}.ap-search:hover:not(:disabled):not(:focus){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-search:hover:not(:disabled):not(:focus){border-color:color-mix(in srgb, var(--primary) 40%, var(--line))}}.ap-search:hover:not(:disabled):not(:focus){background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-search:hover:not(:disabled):not(:focus){background:color-mix(in srgb, var(--primary) 3%, var(--card))}}.ap-search:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-glow)}.ap-palette-grid{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);grid-template-columns:repeat(6,1fr);gap:4px;max-height:min(280px,40vh);padding:8px;display:grid;overflow-y:auto}.ap-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:5px;padding:0}.ap-swatch--active{border-color:var(--primary);box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--primary)}.ap-stat-row{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:13px;font-weight:700;display:flex}.ap-stat-row strong{color:var(--text)}.ap-grid-2{grid-template-columns:1fr;gap:12px;display:grid}.ap-size-panel{border:none;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:14px 0}.ap-size-panel:last-child{border-bottom:none}.ap-size-panel--compact{padding:10px 0}.ap-compare-merge{flex-direction:column;gap:0;display:flex}.ap-size-panel-head--tools{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.ap-aspect-lock{border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .12s;display:inline-flex}.ap-aspect-lock:hover{border-color:var(--border-hover);color:var(--text)}.ap-aspect-lock--on{background:var(--primary-100);border-color:var(--primary);color:var(--primary)}.ap-aspect-badge{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.ap-size-summary-lock{color:var(--primary);font-weight:700}.ap-size-suggest{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:4px 8px;font-size:13px;font-weight:700}.ap-size-suggest:hover{background:var(--primary-100)}.ap-size-panel-subtitle{color:var(--text);margin:0 0 8px;font-size:14px;font-weight:700}.ap-size-summary-note{color:var(--muted);font-weight:500}.ap-size-summary--pixelit{border-radius:var(--r-md);background:var(--primary-50,#6366f114);padding:8px 12px}.ap-size-summary{color:var(--muted);margin:12px 0 0;font-size:13px;font-weight:600}.ap-size-readout{align-items:baseline;gap:6px;margin-top:12px;display:flex}.ap-size-readout-num{color:var(--primary);letter-spacing:.5px;font-size:20px;font-weight:800}.ap-size-readout-label{color:var(--muted);font-size:12px;font-weight:600}.ap-size-summary strong{color:var(--text)}.ap-draw-board-steppers{flex-wrap:wrap;gap:12px 20px;margin-top:4px;display:flex}.ap-draw-board-steppers--sheet{margin-top:2px}.ap-num-stepper{flex:140px;align-items:center;gap:10px;display:flex}.ap-num-stepper-label{color:var(--muted);white-space:nowrap;font-size:13px}.ap-num-stepper-controls{border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);align-items:center;gap:2px;padding:2px;display:inline-flex}.ap-num-stepper-btn{border-radius:calc(var(--r-md) - 2px);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;font-size:18px;line-height:1;display:grid}.ap-num-stepper-btn:hover:not(:disabled){background:var(--surface)}.ap-num-stepper-btn:disabled{opacity:.35;cursor:not-allowed}.ap-num-stepper-val{text-align:center;font-variant-numeric:tabular-nums;min-width:28px;color:var(--text);padding:0 4px;font-size:15px;font-weight:700}.ap-num-stepper-val-wrap{flex:1;justify-content:center;align-items:center;gap:1px;min-width:0;display:inline-flex}.ap-num-stepper-val--input{text-align:center;width:100%;min-width:28px;max-width:52px;font:inherit;font-variant-numeric:tabular-nums;color:var(--text);background:0 0;border:none;border-radius:4px;outline:none;margin:0;padding:0 2px;font-weight:700}.ap-num-stepper-val--input:focus{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-num-stepper-val--input:focus{background:color-mix(in srgb, var(--primary) 12%, transparent)}}.ap-num-stepper-suffix{color:var(--muted);flex-shrink:0;font-size:11px;font-weight:700}.ap-style-hero{border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--surface) 0%, var(--card) 100%);box-shadow:var(--shadow-card);grid-template-columns:1fr;gap:16px;padding:16px;display:grid}.ap-style-hero-preview-scroll{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);width:100%;padding:8px;overflow:hidden}.ap-style-hero-preview{width:100%;max-height:min(42vh,300px);aspect-ratio:var(--board-aspect,1);border-radius:var(--r-sm);border:1px solid var(--line);background:repeating-conic-gradient(var(--checker-a) 0% 25%, var(--checker-b) 0% 50%) 0 0 / 16px 16px;place-items:center;margin-inline:auto;display:grid;overflow:hidden}.ap-style-hero-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:pixelated;display:block}.ap-style-hero-img--source{image-rendering:auto}.ap-preview-compare{--board-aspect:1;grid-template-columns:1fr;align-items:stretch;gap:12px;display:grid}.ap-preview-compare-item{flex-direction:column;gap:8px;min-width:0;display:flex}.ap-preview-compare-label{color:var(--text);font-size:13px;font-weight:700}.ap-preview-compare-frame{width:100%;aspect-ratio:var(--board-aspect,1);border-radius:var(--r-md);border:1px solid var(--line);background:repeating-conic-gradient(var(--checker-a) 0% 25%, var(--checker-b) 0% 50%) 0 0 / 16px 16px;justify-content:center;align-items:center;max-height:min(42vh,300px);display:flex;position:relative;overflow:hidden}.ap-preview-compare-frame .ap-style-loading{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ap-preview-compare-img{object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;max-height:min(42vh,300px);display:block}.ap-algo-card .ap-preview-compare-frame{aspect-ratio:1;isolation:isolate;flex-shrink:0;width:100%;height:auto;min-height:0;max-height:none}.ap-algo-card .ap-preview-compare-img{object-fit:contain;object-position:center;width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0}.ap-preview-compare-img--pixel{image-rendering:pixelated}.ap-api-offline{border-radius:var(--r-md);border:1px solid var(--warn,#d97706);align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-api-offline{border:1px solid color-mix(in srgb, var(--warn,#d97706) 40%, var(--line))}}.ap-api-offline{background:var(--warn,#d97706)}@supports (color:color-mix(in lab, red, red)){.ap-api-offline{background:color-mix(in srgb, var(--warn,#d97706) 8%, var(--surface))}}.ap-api-offline{color:var(--muted);font-size:13px}.ap-api-hint{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:12px;display:flex}.ap-api-hint code{font-size:11px}.ap-api-hint--warn{border-color:var(--warn,#d97706)}@supports (color:color-mix(in lab, red, red)){.ap-api-hint--warn{border-color:color-mix(in srgb, var(--warn,#d97706) 35%, var(--line))}}.ap-api-hint--warn{color:var(--text)}.ap-compare-mode{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.ap-compare-mode--stream{color:#059669;background:#0596691f}.ap-compare-mode--batch{color:#d97706;background:#d977061f}.ap-api-offline strong{color:var(--text);margin-bottom:4px;display:block}.ap-api-offline code{word-break:break-all;font-size:12px}.ap-algo-loading{margin-bottom:12px}.ap-algo-grid{grid-template-columns:1fr;align-items:start;gap:12px;display:grid}.ap-algo-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.ap-algo-grid--compact .ap-algo-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.ap-import-studio--image-ready .ap-import-studio-form{gap:14px}.ap-import-studio-size{margin:0}.ap-algo-card{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;flex-direction:column;gap:8px;min-width:0;padding:0;transition:opacity .15s;display:flex}.ap-algo-card--source{cursor:default}.ap-algo-card:hover:not(.ap-algo-card--source){opacity:.92}.ap-algo-card--active .ap-algo-card-name{color:var(--primary)}.ap-algo-card--active .ap-preview-compare-frame{box-shadow:0 0 0 2px var(--primary)}.ap-algo-card-head{flex-direction:column;gap:2px;min-width:0;display:flex}.ap-algo-card-name{min-width:0;color:var(--text);flex-wrap:wrap;align-items:baseline;gap:4px 6px;font-size:14px;font-weight:800;line-height:1.3;display:flex}.ap-algo-ref{color:var(--primary);white-space:nowrap;font-weight:800}.ap-algo-ref-desc{min-width:0;color:var(--muted);font-weight:600;line-height:1.35}.ap-algo-grid--compact .ap-algo-card-name{font-size:12px}.ap-algo-grid--compact .ap-algo-ref-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box;overflow:hidden}.ap-algo-grid--compact .ap-algo-card-meta{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.ap-algo-grid--compact .ap-algo-badge{margin-left:0}.ap-algo-card-meta{color:var(--muted);font-size:11px;font-weight:600}.ap-algo-card-desc{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.ap-algo-card-check{z-index:2;color:#fff;background:var(--primary);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:8px;left:8px}@supports (color:color-mix(in lab, red, red)){.ap-algo-card-check{background:color-mix(in srgb, var(--primary) 88%, #000)}}.ap-algo-card-check{pointer-events:none}.ap-compare-progress--compact{min-width:0;margin-bottom:10px;font-size:12px}.ap-algo-selected{color:var(--muted);margin:14px 0 0;font-size:13px}.ap-algo-selected-id{opacity:.7;margin-left:4px}.ap-preview-compare-frame--focus{max-height:min(52vh,420px)}.ap-algo-focus{margin-top:8px}.ap-compare-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.ap-compare-filters{gap:6px;display:flex}.ap-compare-filter{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;padding:6px 12px;font-size:13px;font-weight:700;transition:border-color .15s,color .15s,background .15s}.ap-compare-filter:hover{border-color:var(--border-hover);color:var(--text)}.ap-compare-filter--active{border-color:var(--primary);background:var(--primary-100);color:var(--primary)}.ap-compare-progress{color:var(--muted);align-items:center;gap:10px;min-width:140px;font-size:12px;font-weight:700;display:flex}.ap-compare-progress-bar{background:var(--line);border-radius:999px;flex:1;min-width:80px;height:6px;overflow:hidden}.ap-compare-progress-fill{background:var(--primary);border-radius:999px;height:100%;transition:width .25s}.ap-algo-badge{vertical-align:middle;color:var(--accent,#6366f1);background:var(--accent,#6366f1);border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:800;display:inline-block}@supports (color:color-mix(in lab, red, red)){.ap-algo-badge{background:color-mix(in srgb, var(--accent,#6366f1) 12%, transparent)}}.ap-algo-card--pending{opacity:.55;pointer-events:none}.ap-preview-compare-frame--skeleton{aspect-ratio:1;background:linear-gradient(90deg, var(--line) 0%, var(--line) 50%, var(--line) 100%);width:100%}@supports (color:color-mix(in lab, red, red)){.ap-preview-compare-frame--skeleton{background:linear-gradient(90deg, var(--line) 0%, color-mix(in srgb, var(--line) 60%, var(--surface)) 50%, var(--line) 100%)}}.ap-preview-compare-frame--skeleton{background-size:200% 100%;animation:1.2s ease-in-out infinite ap-shimmer}.ap-skeleton-text{color:var(--muted)}@keyframes ap-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ap-source-mode{gap:10px;margin-bottom:16px;display:flex}.ap-source-mode-btn{border-radius:var(--r-md);border:2px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.ap-source-mode-btn:hover{border-color:var(--border-hover);color:var(--text)}.ap-source-mode-btn--active{border-color:var(--accent,#6366f1);color:var(--accent,#6366f1);background:var(--accent,#6366f1)}@supports (color:color-mix(in lab, red, red)){.ap-source-mode-btn--active{background:color-mix(in srgb, var(--accent,#6366f1) 10%, var(--surface))}}.ap-pattern-crop-wrap{flex-direction:column;gap:8px;display:flex}.ap-pattern-crop-stage{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;max-height:min(48vh,420px);position:relative;overflow:hidden}.ap-pattern-crop-img{object-fit:contain;pointer-events:none;width:100%;max-height:min(48vh,420px);display:block}.ap-pattern-crop-box{border:2px solid var(--accent,#6366f1);cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 9999px #00000073}.ap-pattern-crop-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ap-pattern-crop-hint{color:var(--muted);font-size:12px;font-weight:600}.ap-pattern-preview-single{max-width:min(100%,360px);margin-inline:auto}.ap-preview-mode-tabs{gap:8px;margin-bottom:12px;display:flex}.ap-preview-mode-tab{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:700}.ap-preview-mode-tab:hover:not(:disabled){border-color:var(--border-hover);color:var(--text)}.ap-preview-mode-tab--active{border-color:var(--accent,#6366f1);color:var(--accent,#6366f1);background:var(--accent,#6366f1)}@supports (color:color-mix(in lab, red, red)){.ap-preview-mode-tab--active{background:color-mix(in srgb, var(--accent,#6366f1) 8%, var(--surface))}}.ap-preview-mode-tab:disabled{opacity:.5;cursor:not-allowed}.ap-preview-mode-sep{background:var(--line);align-self:center;width:1px;height:24px;margin:0 4px}.ap-compare-toolbar-right{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ap-compare-sort{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.ap-compare-sort select{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--text);padding:4px 8px;font-size:12px;font-weight:700}.ap-ab-compare{--board-aspect:1;flex-direction:column;gap:8px;display:flex}.ap-ab-compare-frame{width:100%;max-height:min(52vh,420px);aspect-ratio:var(--board-aspect);border-radius:var(--r-md);border:1px solid var(--line);background:repeating-conic-gradient(var(--checker-a) 0% 25%, var(--checker-b) 0% 50%) 0 0 / 16px 16px;position:relative;overflow:hidden}.ap-ab-compare-after{position:absolute;inset:0}.ap-ab-compare-img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.ap-ab-compare-after .ap-ab-compare-img{position:absolute;inset:0}.ap-ab-compare-handle{background:var(--accent,#6366f1);pointer-events:none;z-index:2;width:3px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #fffc}.ap-ab-compare-slider{width:100%;accent-color:var(--accent,#6366f1)}.ap-ab-compare-labels{color:var(--muted);justify-content:space-between;font-size:12px;font-weight:700;display:flex}.ap-algo-pager{flex-direction:column;gap:10px;min-width:0;display:flex}.ap-algo-pager-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.ap-algo-pager-tabs::-webkit-scrollbar{display:none}.ap-algo-pager-tab{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--muted);cursor:pointer;border-radius:999px;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:800;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.ap-algo-pager-tab--active{border-color:var(--primary);background:var(--primary-100);color:var(--primary)}.ap-algo-pager-tab-dot{background:var(--accent,#6366f1);border-radius:50%;width:6px;height:6px}.ap-algo-pager-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;gap:12px;scroll-padding-inline:0;display:flex;overflow-x:auto}.ap-algo-pager-track::-webkit-scrollbar{display:none}.ap-algo-pager-page{scroll-snap-align:center;scroll-snap-stop:always;flex-direction:column;flex:0 0 100%;gap:8px;min-width:0;display:flex}.ap-algo-pager-pair{text-align:left;cursor:zoom-in;background:0 0;border:none;grid-template-columns:1fr;align-items:stretch;gap:10px;width:100%;padding:0;display:grid}.ap-algo-pager-cell{flex-direction:column;gap:6px;min-width:0;display:flex}.ap-algo-pager-label{height:20px;min-height:20px;color:var(--text);align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex;overflow:hidden}.ap-algo-pager-label .ap-algo-ref-desc{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ap-algo-pager-frame{--board-aspect:1;width:100%;aspect-ratio:var(--board-aspect,1);border-radius:var(--r-md);border:1px solid var(--line);background:repeating-conic-gradient(var(--checker-a) 0% 25%, var(--checker-b) 0% 50%) 0 0 / 14px 14px;flex-shrink:0;max-height:min(34vh,320px);position:relative;overflow:hidden}.ap-algo-pager-page--active .ap-algo-pager-cell:last-child .ap-algo-pager-frame{box-shadow:0 0 0 2px var(--primary)}.ap-algo-pager-img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.ap-algo-pager-meta{text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:8px;min-width:0;padding-inline:2px;display:flex}.ap-algo-pager-meta strong{color:var(--text);font-size:13px;font-weight:800}.ap-algo-pager-meta span{color:var(--muted);font-size:12px;font-weight:600;line-height:1.4}.ap-algo-pager-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.ap-algo-pager-dots{align-items:center;gap:6px;display:flex}.ap-algo-pager-dot{background:var(--muted);border:none;border-radius:50%;width:8px;height:8px;padding:0}@supports (color:color-mix(in lab, red, red)){.ap-algo-pager-dot{background:color-mix(in srgb, var(--muted) 35%, transparent)}}.ap-algo-pager-dot{cursor:pointer}.ap-algo-pager-dot--active{background:var(--primary);border-radius:999px;width:18px}.ap-algo-pager-fullscreen{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--text);cursor:pointer;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.ap-algo-pager-fullscreen:disabled{opacity:.5;cursor:not-allowed}.ap-algo-pager-hint{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:11px;font-weight:600;display:flex}.ap-algo-fullscreen{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#06080ef5;flex-direction:column;display:flex;position:fixed;inset:0}.ap-algo-fullscreen-head{padding:10px 12px;padding-top:max(10px, env(safe-area-inset-top,0px));border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.ap-algo-fullscreen-title{text-align:center;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ap-algo-fullscreen-title strong{font-size:14px;font-weight:800}.ap-algo-fullscreen-title em{color:#ffffff8c;font-size:11px;font-style:normal;font-weight:600}.ap-algo-fullscreen-nav{gap:4px;display:flex}.ap-algo-fullscreen-btn{border-radius:var(--r-md);color:#ffffffbf;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;min-height:36px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.ap-algo-fullscreen-btn:disabled{opacity:.35;cursor:not-allowed}.ap-algo-fullscreen-btn:hover:not(:disabled){color:#fff;background:#ffffff0f}.ap-algo-fullscreen-body{min-height:0;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom,0px));flex:1;justify-content:center;align-items:center;display:flex}.ap-algo-fullscreen-body .ap-ab-compare{width:min(100%,720px)}.ap-algo-fullscreen-body .ap-ab-compare-frame{max-height:min(68vh,560px)}.ap-algo-fullscreen-body .ap-ab-compare-labels{color:#ffffffa6}.ap-algo-fullscreen-dots{padding:0 16px 16px;padding-bottom:max(16px, env(safe-area-inset-bottom,0px));justify-content:center;gap:8px;display:flex}.ap-algo-fullscreen-dots .ap-algo-pager-dot{background:#ffffff47}.ap-algo-fullscreen-dots .ap-algo-pager-dot--active{background:#fff}.ap-style-hero-board-size{color:var(--muted);margin:8px 0 0;font-size:13px;font-weight:600}.ap-style-hero-board-size strong{color:var(--text)}.ap-style-hero-board-ratio{font-weight:500}.ap-style-hero-meta{min-width:0}.ap-style-hero-name{letter-spacing:-.02em;color:var(--text);font-size:22px;font-weight:800}.ap-style-hero-desc{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.55}.ap-style-hero-stats{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:14px;font-size:13px;font-weight:600;display:flex}.ap-compare-all-btn{border-radius:var(--r-md);border:1px dashed var(--line);background:var(--surface);color:var(--muted);cursor:pointer;align-items:center;gap:6px;margin-top:14px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .12s;display:inline-flex}.ap-compare-all-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-100)}.ap-compare-all-btn:disabled{opacity:.6;cursor:wait}.ap-style-hero-stats strong{color:var(--primary);font-size:18px;font-weight:800}.ap-style-hero-hint{color:var(--muted);align-items:center;gap:6px;margin:12px 0 0;font-size:12px;display:flex}.ap-style-compare{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.ap-style-option{border:2px solid var(--line);border-radius:var(--r-lg);background:var(--card);cursor:pointer;text-align:center;flex-direction:column;align-items:stretch;gap:8px;padding:10px;transition:all .15s;display:flex}.ap-style-option:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover)}.ap-style-option--active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.ap-style-option-thumb{aspect-ratio:1;border-radius:var(--r-sm);background:repeating-conic-gradient(var(--checker-a) 0% 25%, var(--checker-b) 0% 50%) 0 0 / 12px 12px;border:1px solid var(--line);position:relative;overflow:hidden}.ap-style-option-thumb img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.ap-style-thumb-skeleton{width:100%;height:100%;color:var(--primary);opacity:.5;place-items:center;font-size:28px;display:grid}.ap-style-option-check{color:var(--primary);filter:drop-shadow(0 1px 2px #ffffffe6);font-size:22px;position:absolute;top:6px;right:6px}.ap-style-option-label{color:var(--text);font-size:13px;font-weight:700}.ap-style-option-sub{color:var(--muted);font-size:11px;font-weight:600}.ap-style-loading{color:var(--muted);flex-direction:column;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.ap-style-loading .ap-spin{color:var(--primary);font-size:32px}.ap-spin{animation:.9s linear infinite ap-spin}@keyframes ap-spin{to{transform:rotate(360deg)}}.ap-style-error{border-radius:var(--r-md);color:#b91c1c;background:#fef2f2;margin:0;padding:10px 14px;font-size:13px;font-weight:600}.ap-topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.ap-sheet .ap-theme-picker{background:0 0;border:none;flex-direction:column;align-items:stretch;gap:8px;padding:0}.ap-sheet .ap-theme-chip{width:100%;min-height:var(--touch-min);border-radius:14px;justify-content:flex-start;padding:10px 14px}.ap-sheet .ap-theme-chip-label{display:inline}.ap-sheet .ap-ui-pref-toggle{width:100%;min-height:var(--touch-min);box-sizing:border-box;border-radius:14px;padding:12px 14px}.ap-render-mode-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ap-render-mode-picker--compact{margin-bottom:4px}.ap-render-mode-picker--compact .ap-render-mode-chip{min-height:72px;font-size:13px}.ap-render-mode-chip{border:2px solid var(--line);background:var(--bg);min-height:88px;color:var(--text);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 10px;font-size:14px;font-weight:800;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.ap-render-mode-chip-icon{color:var(--muted);font-size:28px}.ap-render-mode-chip:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ap-render-mode-chip:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}}.ap-render-mode-chip--active{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ap-render-mode-chip--active{background:color-mix(in srgb, var(--accent) 10%, var(--card))}}.ap-render-mode-chip--active{box-shadow:0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.ap-render-mode-chip--active{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 25%, transparent)}}.ap-render-mode-chip--active .ap-render-mode-chip-icon{color:var(--accent)}.ap-color-system-picker{flex-direction:column;gap:12px;display:flex}.ap-color-system-picker__section{flex-direction:column;gap:8px;display:flex}.ap-color-system-picker__row{grid-template-columns:1fr 1fr;align-items:end;gap:8px;display:grid}.ap-color-system-picker__row--single{grid-template-columns:1fr}.ap-color-system-field{flex-direction:column;gap:4px;min-width:0;display:flex}.ap-color-system-field__label{color:var(--muted);font-size:11px;font-weight:700}.ap-color-system-select{border:1px solid var(--border,var(--line));background-color:var(--surface);width:100%;min-height:36px;color:var(--text);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:10px;padding:6px 28px 6px 10px;font-size:13px;font-weight:600}.ap-color-system-select:disabled{opacity:.55}.ap-color-system-picker--compact .ap-color-system-select{min-height:32px;font-size:12px}.ap-color-system-picker__label{color:var(--muted);font-size:12px;font-weight:600}.ap-color-system-picker__chips{flex-wrap:wrap;gap:8px;display:flex}.ap-color-system-picker--compact{gap:10px}.ap-color-system-picker--compact .ap-color-system-picker__chips{gap:6px}.ap-color-system-chip{border:1px solid var(--border);background:var(--surface);min-width:72px;color:var(--text);cursor:pointer;border-radius:10px;flex:calc(33.333% - 8px);padding:10px 8px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s}.ap-color-system-picker--compact .ap-color-system-chip{flex:calc(50% - 6px);padding:8px 6px;font-size:12px}.ap-color-system-chip:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ap-color-system-chip:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}}.ap-color-system-chip--active{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ap-color-system-chip--active{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}}.ap-color-system-chip--active{color:var(--accent)}.ap-color-system-available-btn{border:1px solid var(--line);background:var(--card,var(--surface));width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:8px;margin-top:4px;padding:10px 12px;display:flex}.ap-color-system-available-btn:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-color-system-available-btn:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--line))}}.ap-color-system-available-btn--open,.ap-color-system-available-btn--active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-color-system-available-btn--open,.ap-color-system-available-btn--active{border-color:color-mix(in srgb, var(--primary) 45%, var(--line))}}.ap-color-system-available-btn--open,.ap-color-system-available-btn--active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-color-system-available-btn--open,.ap-color-system-available-btn--active{background:color-mix(in srgb, var(--primary) 8%, var(--surface))}}.ap-color-system-available-btn__icon{color:var(--primary);flex-shrink:0;font-size:20px}.ap-color-system-available-btn__label{flex:1;font-size:13px;font-weight:700}.ap-color-system-available-btn__badge{color:#c23b3b;white-space:nowrap;font-size:11px;font-weight:700}.ap-color-system-available-btn__chevron{color:var(--muted);flex-shrink:0;font-size:16px}.ap-color-system-picker__section .ap-excluded-colors{margin-top:10px}.ap-excluded-colors{flex-direction:column;gap:.65rem;display:flex}.ap-excluded-colors__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ap-excluded-colors__summary{color:var(--muted,#667085);align-items:center;gap:.4rem;margin:0;font-size:.875rem;display:inline-flex}.ap-excluded-colors__summary-icon{color:var(--primary,var(--accent));flex-shrink:0;font-size:1.15rem}.ap-excluded-colors__clear{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.25rem;padding:.25rem 0;font-size:.8125rem;display:inline-flex}.ap-excluded-colors__grid{max-height:280px;overflow:auto}.ap-palette-chip--excluded{opacity:.72}.ap-palette-chip--excluded .ap-palette-chip-color{position:relative}.ap-palette-chip-excluded-icon{color:#c23b3b;filter:drop-shadow(0 0 1px #fff)drop-shadow(0 0 1px #fff);pointer-events:none;font-size:14px;line-height:1;position:absolute;top:2px;right:2px}.ap-excluded-colors--compact .ap-excluded-colors__grid{max-height:220px}.ap-ui-pref-panel{flex-direction:column;gap:10px;display:flex}.ap-ui-pref-toggle{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.ap-ui-pref-panel .ap-ui-pref-toggle{width:100%;min-height:var(--touch-min);box-sizing:border-box;white-space:normal;border-radius:14px;justify-content:space-between;gap:12px;padding:12px 14px}.ap-ui-pref-toggle input{accent-color:var(--primary);cursor:pointer;margin:0}.ap-ui-pref-select{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);min-height:34px;color:var(--text);font-family:var(--font-ui);cursor:pointer;padding:0 10px;font-size:13px;font-weight:700}.ap-switch{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.ap-switch--disabled{opacity:.55;cursor:not-allowed}.ap-switch-control{flex-shrink:0;width:40px;height:22px;position:relative}.ap-switch-input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.ap-switch-input:disabled{cursor:not-allowed}.ap-switch-track{background:var(--muted);border-radius:999px;width:100%;height:100%;display:block;position:relative}@supports (color:color-mix(in lab, red, red)){.ap-switch-track{background:color-mix(in srgb, var(--muted) 28%, var(--line))}}.ap-switch-track{border:1px solid var(--muted)}@supports (color:color-mix(in lab, red, red)){.ap-switch-track{border:1px solid color-mix(in srgb, var(--muted) 22%, var(--line))}}.ap-switch-track{transition:background .16s,border-color .16s,box-shadow .16s}.ap-switch-thumb{background:var(--surface);width:16px;height:16px;box-shadow:0 1px 3px var(--text);border-radius:50%;position:absolute;top:50%;left:2px}@supports (color:color-mix(in lab, red, red)){.ap-switch-thumb{box-shadow:0 1px 3px color-mix(in srgb, var(--text) 18%, transparent)}}.ap-switch-thumb{transition:transform .16s;transform:translateY(-50%)}.ap-switch-input:checked+.ap-switch-track{background:var(--primary);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-switch-input:checked+.ap-switch-track{border-color:color-mix(in srgb, var(--primary) 72%, var(--line))}}.ap-switch-input:checked+.ap-switch-track{box-shadow:0 0 0 1px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-switch-input:checked+.ap-switch-track{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 22%, transparent)}}.ap-switch-input:checked+.ap-switch-track .ap-switch-thumb{background:var(--primary-foreground,#fff);transform:translate(18px,-50%)}.ap-switch-input:focus-visible+.ap-switch-track{outline:2px solid var(--primary-glow,var(--primary))}@supports (color:color-mix(in lab, red, red)){.ap-switch-input:focus-visible+.ap-switch-track{outline:2px solid var(--primary-glow,color-mix(in srgb, var(--primary) 45%, transparent))}}.ap-switch-input:focus-visible+.ap-switch-track{outline-offset:2px}.ap-switch-label{color:var(--text);flex:1;font-size:12px;font-weight:600;line-height:1.45}.ap-theme-picker{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);align-items:center;gap:4px;padding:4px;display:flex}.ap-theme-picker-label{color:var(--muted);place-items:center;padding:0 6px;font-size:18px;display:grid}.ap-theme-chip{cursor:pointer;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;transition:all .12s;display:inline-flex}.ap-theme-chip:hover{background:var(--surface);color:var(--text)}.ap-theme-chip--active{background:var(--primary-100);color:var(--primary);border-color:var(--border-hover)}.ap-theme-swatch{border:1px solid #00000014;border-radius:50%;flex-shrink:0;width:12px;height:12px}.ap-theme-chip-label{white-space:nowrap}@media (width<=640px){.ap-theme-chip-label{display:none}}.ap-import-preview-img{object-fit:contain;max-width:100%;max-height:min(360px,50vh);box-shadow:0 8px 24px var(--image-shadow);border-radius:12px}.ap-import-mode-tabs{gap:8px;display:flex}.ap-import-head{flex-direction:column;gap:12px;display:flex}.ap-import-head .ap-page-head{margin:0}.ap-scene-select{flex-direction:column;flex:1;gap:28px;min-height:0;padding:4px 0 8px;display:flex}.ap-scene-hero{text-align:center;padding:8px 12px 4px;position:relative;overflow:hidden}.ap-scene-hero-deco{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ap-scene-float-bead{background:var(--c);opacity:.85;width:14px;height:14px;animation:4.5s ease-in-out infinite ap-scene-float;animation-delay:calc(var(--i) * -.7s);border-radius:4px;position:absolute;box-shadow:inset 0 -2px #0000001f,inset 0 1px #ffffff59,0 4px 12px #00000014}.ap-scene-float-bead:first-child{top:12%;left:8%;transform:rotate(-8deg)}.ap-scene-float-bead:nth-child(2){width:11px;height:11px;top:18%;right:10%;transform:rotate(12deg)}.ap-scene-float-bead:nth-child(3){width:10px;height:10px;bottom:20%;left:14%}.ap-scene-float-bead:nth-child(4){width:12px;height:12px;bottom:28%;right:12%;transform:rotate(-15deg)}.ap-scene-float-bead:nth-child(5){width:9px;height:9px;top:42%;right:22%}@keyframes ap-scene-float{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-6px) rotate(calc(var(--r,0deg) + 6deg))}}.ap-scene-hero-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin:0 0 8px;font-size:11px;font-weight:800}.ap-scene-hero-title{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text) 0%, var(--primary) 55%, var(--brand-gradient-end) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(22px,4vw,28px);font-weight:900;line-height:1.2}.ap-scene-hero-desc{max-width:520px;color:var(--muted);margin:10px auto 0;font-size:14px;line-height:1.6}.ap-scene-grid{grid-template-columns:1fr;gap:14px;display:grid}.ap-scene-grid--two{width:100%;max-width:none;margin:0}.ap-scene-card{text-align:left;background:var(--card);cursor:pointer;box-shadow:0 2px 8px #0000000a, 0 12px 32px var(--image-shadow);border:2px solid #0000;border-radius:18px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.ap-scene-card:hover{box-shadow:0 8px 20px #0000000f, 0 20px 48px var(--image-shadow);transform:translateY(-4px)scale(1.01)}.ap-scene-card--text{--scene-grad-a:var(--warning-100)}@supports (color:color-mix(in lab, red, red)){.ap-scene-card--text{--scene-grad-a:color-mix(in srgb, var(--warning-100) 80%, #fff)}}.ap-scene-card--text{--scene-grad-b:var(--warning)}@supports (color:color-mix(in lab, red, red)){.ap-scene-card--text{--scene-grad-b:color-mix(in srgb, var(--warning) 28%, #fff)}}.ap-scene-card--text{--scene-accent:var(--warning);--scene-glow:var(--warning)}@supports (color:color-mix(in lab, red, red)){.ap-scene-card--text{--scene-glow:color-mix(in srgb, var(--warning) 32%, transparent)}}.ap-scene-card--qr{--scene-grad-a:var(--accent-secondary)}@supports (color:color-mix(in lab, red, red)){.ap-scene-card--qr{--scene-grad-a:color-mix(in srgb, var(--accent-secondary) 28%, #fff)}}.ap-scene-card--qr{--scene-grad-b:var(--accent-secondary)}@supports (color:color-mix(in lab, red, red)){.ap-scene-card--qr{--scene-grad-b:color-mix(in srgb, var(--accent-secondary) 55%, #fff)}}.ap-scene-card--qr{--scene-accent:var(--accent-secondary)}@supports (color:color-mix(in lab, red, red)){.ap-scene-card--qr{--scene-accent:color-mix(in srgb, var(--accent-secondary) 55%, var(--primary))}}.ap-scene-card--qr{--scene-glow:var(--accent-secondary)}@supports (color:color-mix(in lab, red, red)){.ap-scene-card--qr{--scene-glow:color-mix(in srgb, var(--accent-secondary) 35%, transparent)}}.ap-scene-card--draw{--scene-grad-a:var(--success-100)}@supports (color:color-mix(in lab, red, red)){.ap-scene-card--draw{--scene-grad-a:color-mix(in srgb, var(--success-100) 80%, #fff)}}.ap-scene-card--draw{--scene-grad-b:var(--success)}@supports (color:color-mix(in lab, red, red)){.ap-scene-card--draw{--scene-grad-b:color-mix(in srgb, var(--success) 28%, #fff)}}.ap-scene-card--draw{--scene-accent:var(--success);--scene-glow:var(--success)}@supports (color:color-mix(in lab, red, red)){.ap-scene-card--draw{--scene-glow:color-mix(in srgb, var(--success) 32%, transparent)}}.ap-scene-card--image{--scene-grad-a:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-scene-card--image{--scene-grad-a:color-mix(in srgb, var(--primary-100) 85%, #fff)}}.ap-scene-card--image{--scene-grad-b:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-scene-card--image{--scene-grad-b:color-mix(in srgb, var(--primary) 22%, #fff)}}.ap-scene-card--image{--scene-accent:var(--primary);--scene-glow:var(--primary-glow)}.ap-scene-card--ai{--scene-grad-a:var(--accent-100)}@supports (color:color-mix(in lab, red, red)){.ap-scene-card--ai{--scene-grad-a:color-mix(in srgb, var(--accent-100) 85%, #fff)}}.ap-scene-card--ai{--scene-grad-b:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ap-scene-card--ai{--scene-grad-b:color-mix(in srgb, var(--accent) 30%, #fff)}}.ap-scene-card--ai{--scene-accent:var(--accent);--scene-glow:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ap-scene-card--ai{--scene-glow:color-mix(in srgb, var(--accent) 32%, transparent)}}.ap-scene-card:hover{border-color:var(--scene-accent);box-shadow:0 8px 20px #0000000f, 0 20px 48px var(--scene-glow)}.ap-scene-visual{background:repeating-conic-gradient(var(--checker-a) 0% 25%, var(--checker-b) 0% 50%) 0 0 / 12px 12px;border-bottom:1px solid var(--line);justify-content:center;align-items:center;min-height:168px;padding:16px;display:flex;position:relative;overflow:hidden}.ap-scene-visual--ai{background:linear-gradient(145deg, var(--scene-grad-a) 0%, var(--scene-grad-b) 100%), repeating-conic-gradient(var(--checker-a) 0% 25%, var(--checker-b) 0% 50%) 0 0 / 12px 12px}.ap-scene-preview-img{object-fit:contain;filter:drop-shadow(0 2px 8px #0000001f);border-radius:8px;width:auto;max-width:100%;height:auto;max-height:140px;display:block}.ap-scene-preview-img--bead{image-rendering:auto}.ap-scene-preview-img--photo{object-fit:cover;aspect-ratio:1;border-radius:14px;max-height:120px}.ap-scene-preview-placeholder{color:var(--muted);flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.ap-scene-preview-spin{color:var(--scene-accent,var(--primary));font-size:28px;animation:.9s linear infinite ap-spin}.ap-scene-preview-badge{color:#fff;background:var(--scene-accent);box-shadow:0 4px 12px var(--scene-glow);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;bottom:12px;left:12px}.ap-scene-visual-icon{color:#fff;background:var(--scene-accent);width:36px;height:36px;box-shadow:0 4px 12px var(--scene-glow);border-radius:10px;place-items:center;font-size:20px;display:grid;position:absolute;top:12px;right:12px}.ap-scene-body{flex-direction:column;flex:1;gap:10px;padding:16px 18px 18px;display:flex}.ap-scene-card-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ap-scene-card-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:18px;font-weight:900}.ap-scene-tags{flex-wrap:wrap;gap:6px;display:flex}.ap-scene-tag{letter-spacing:.02em;color:var(--scene-accent);background:var(--scene-accent);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}@supports (color:color-mix(in lab, red, red)){.ap-scene-tag{background:color-mix(in srgb, var(--scene-accent) 12%, transparent)}}.ap-scene-tag{border:1px solid var(--scene-accent)}@supports (color:color-mix(in lab, red, red)){.ap-scene-tag{border:1px solid color-mix(in srgb, var(--scene-accent) 28%, transparent)}}.ap-scene-card-desc{color:var(--muted);flex:1;margin:0;font-size:13px;line-height:1.55}.ap-scene-cta{width:100%;min-height:44px;color:var(--scene-accent);background:var(--scene-accent);border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:10px 14px;font-size:14px;font-weight:800;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-scene-cta{background:color-mix(in srgb, var(--scene-accent) 10%, var(--card))}}.ap-scene-cta{border:1px solid var(--scene-accent)}@supports (color:color-mix(in lab, red, red)){.ap-scene-cta{border:1px solid color-mix(in srgb, var(--scene-accent) 22%, transparent)}}.ap-scene-cta{box-sizing:border-box;transition:gap .15s,background .15s}.ap-scene-card:active{transform:scale(.985)}.ap-scene-card:hover .ap-scene-cta{background:var(--scene-accent);gap:10px}@supports (color:color-mix(in lab, red, red)){.ap-scene-card:hover .ap-scene-cta{background:color-mix(in srgb, var(--scene-accent) 16%, var(--card))}}:is(.ap-workspace-body:has(.ap-import-studio),.ap-workspace-body:has(.ap-import-workspace)){padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));overflow:hidden}.ap-text-import-workspace,.ap-import-workspace{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.ap-import-studio{--studio-accent:var(--scene-accent,var(--primary));flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow:hidden}.ap-import-studio--qr{--studio-accent:var(--accent-secondary)}@supports (color:color-mix(in lab, red, red)){.ap-import-studio--qr{--studio-accent:color-mix(in srgb, var(--accent-secondary) 55%, var(--primary))}}.ap-import-studio--text{--studio-accent:var(--warning)}.ap-import-studio--image{--studio-accent:var(--primary)}.ap-import-studio-head{flex-shrink:0;align-items:flex-start;gap:10px;padding:0;display:flex}.ap-import-studio-head-icon{background:var(--studio-accent);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-import-studio-head-icon{background:color-mix(in srgb, var(--studio-accent) 14%, var(--card))}}.ap-import-studio-head-icon{color:var(--studio-accent);flex-shrink:0;font-size:20px}.ap-import-studio-head-text{color:var(--muted);margin:0;padding-top:2px;font-size:13px;font-weight:600;line-height:1.5}.ap-import-studio-layout{flex:1;grid-template-columns:1fr;gap:12px;min-height:0;display:grid;overflow:hidden}.ap-import-studio--upload-only{flex-direction:column;justify-content:center;align-items:stretch;display:flex}.ap-import-studio--upload-only .ap-import-studio-layout--upload{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:clamp(16px,3vh,40px) clamp(16px,4vw,48px);display:flex!important}.ap-import-studio-form--upload-hero{align-self:center;width:min(100%,720px);max-width:720px;margin-inline:auto;flex:none!important;overflow:visible!important}.ap-import-studio-section--upload-hero{background:0 0;border:none;gap:0;width:100%;margin:0;padding:0}.ap-import-studio-section--upload-hero .ap-import-studio-section-title{display:none}.ap-import-studio-dropzone--hero{border-width:2.5px;border-radius:24px;gap:16px;width:100%;min-height:min(64vh,520px);padding:clamp(32px,6vh,56px) clamp(24px,4vw,40px)}.ap-import-studio-dropzone--hero .ap-import-studio-dropzone-icon{border-radius:24px;width:88px;height:88px;font-size:44px}.ap-import-studio-dropzone--hero strong{font-size:20px}.ap-import-studio-dropzone--hero .ap-import-studio-dropzone-hint{font-size:14px}.ap-import-studio-preview{flex-direction:column;flex-shrink:0;min-width:0;display:flex}.ap-import-studio-compare{flex-direction:column;min-width:0;min-height:0;padding-right:2px;display:flex;overflow:auto}.ap-import-studio-compare .ap-import-studio-section--compare{flex:1;min-height:0}.ap-import-studio--image-ready .ap-import-studio-layout{grid-template-columns:1fr}.ap-import-studio--image-ready .ap-algo-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-import-studio-preview-frame{--board-aspect:1;width:100%;max-width:min(100%,520px);aspect-ratio:var(--board-aspect);border-radius:var(--r-lg);border:1px solid var(--line);background:repeating-conic-gradient(var(--checker-a) 0% 25%, var(--checker-b) 0% 50%) 0 0 / 14px 14px;justify-content:center;align-items:center;max-height:min(40vh,340px);margin-inline:auto;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff6}.ap-import-studio-preview-img{object-fit:contain;width:100%;height:100%;display:block}.ap-import-studio-preview-img--pixel{image-rendering:pixelated}.ap-import-studio-preview-img--photo{image-rendering:auto}.ap-import-studio-preview-empty{text-align:center;max-width:280px;color:var(--muted);flex-direction:column;align-items:center;gap:10px;display:flex}.ap-import-studio-preview-empty svg{opacity:.55;font-size:40px}.ap-import-studio-preview-empty p{margin:0;font-size:13px;font-weight:600;line-height:1.45}.ap-import-studio-stats{color:var(--studio-accent);text-align:center;margin:0;font-size:12px;font-weight:700}.ap-import-studio-form{flex-direction:column;gap:10px;min-width:0;display:flex}.ap-import-studio-section{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);flex-direction:column;gap:10px;padding:14px;display:flex}.ap-import-studio-section-title{color:var(--text);align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;display:flex}.ap-import-studio-section-desc{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.ap-import-studio-section-title svg{color:var(--studio-accent);font-size:18px}.ap-import-studio-dropzone{border:2px dashed var(--studio-accent);flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:128px;padding:16px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-import-studio-dropzone{border:2px dashed color-mix(in srgb, var(--studio-accent) 38%, var(--line))}}.ap-import-studio-dropzone{border-radius:var(--r-md);background:var(--studio-accent)}@supports (color:color-mix(in lab, red, red)){.ap-import-studio-dropzone{background:color-mix(in srgb, var(--studio-accent) 5%, var(--surface))}}.ap-import-studio-dropzone{color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,transform .12s}.ap-import-studio-dropzone:hover{border-color:var(--studio-accent);background:var(--studio-accent)}@supports (color:color-mix(in lab, red, red)){.ap-import-studio-dropzone:hover{background:color-mix(in srgb, var(--studio-accent) 9%, var(--surface))}}.ap-import-studio-dropzone:active{transform:scale(.995)}.ap-import-studio-dropzone-icon{background:var(--studio-accent);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-import-studio-dropzone-icon{background:color-mix(in srgb, var(--studio-accent) 14%, var(--card))}}.ap-import-studio-dropzone-icon{color:var(--studio-accent);font-size:24px}.ap-import-studio-dropzone strong{font-size:14px;font-weight:800}.ap-import-studio-dropzone-hint,.ap-import-studio-dropzone-label{color:var(--muted);text-align:center;font-size:12px;font-weight:600;line-height:1.4}.ap-import-studio-dropzone-thumb{border-radius:var(--r-md);object-fit:cover;border:1px solid var(--line);width:72px;height:72px}.ap-import-tool-btn{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;place-items:center;padding:0;transition:border-color .15s,background .15s,color .15s;display:inline-grid;position:relative}.ap-import-tool-btn svg{font-size:20px}.ap-import-tool-btn:hover,.ap-import-tool-btn--active{border-color:var(--studio-accent);color:var(--studio-accent);background:var(--studio-accent)}@supports (color:color-mix(in lab, red, red)){.ap-import-tool-btn:hover,.ap-import-tool-btn--active{background:color-mix(in srgb, var(--studio-accent) 8%, var(--surface))}}.ap-import-tool-btn-badge{color:#fff;background:var(--studio-accent);pointer-events:none;border-radius:4px;padding:0 3px;font-size:9px;font-style:normal;font-weight:800;line-height:1.3;position:absolute;bottom:2px;right:2px}.ap-import-params-sheet{max-height:min(78vh,640px)}.ap-import-params-sheet .ap-sheet-body{flex-direction:column;gap:12px;display:flex}.ap-import-studio-footer--actions-only{flex-direction:row;justify-content:stretch;align-items:center;gap:10px}.ap-import-studio-footer--actions-only .ap-import-studio-footer-actions{flex:1;align-items:center;gap:10px;width:100%;display:flex}.ap-import-studio-footer--actions-only .ap-import-studio-footer-actions .ap-btn--primary{flex:1;min-width:0}.ap-import-studio-footer--mobile-live{padding-top:8px;padding-bottom:max(8px, env(safe-area-inset-bottom,0px));flex-direction:column;gap:8px;display:flex}.ap-import-live-blocksize{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:0;display:grid}.ap-import-live-blocksize label{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:800}.ap-import-live-blocksize .ap-range{width:100%;min-width:0}.ap-import-live-blocksize .ap-range-val{text-align:right;min-width:1.5em;color:var(--text);font-size:13px;font-weight:800}.ap-import-studio-footer--mobile-live .ap-import-studio-footer-actions{align-items:center;gap:8px;width:100%;display:flex}.ap-import-studio-footer--mobile-live .ap-import-studio-footer-actions .ap-btn--primary{flex:1;min-width:0}.ap-import-live-grid{min-width:4.5em;color:var(--text);flex-shrink:0;align-items:baseline;gap:4px;padding:0 2px;display:inline-flex}.ap-import-live-grid strong{letter-spacing:.02em;color:var(--primary);font-size:15px;font-weight:800}.ap-import-live-grid em{color:var(--muted);font-size:11px;font-style:normal;font-weight:700}.ap-algo-pager-tab{border-radius:var(--r-md);flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px}.ap-algo-pager-tab-ref{font-size:13px;font-weight:800;line-height:1.2}.ap-algo-pager-tab-strength{max-width:100%;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.ap-algo-pager-tab--active .ap-algo-pager-tab-strength{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-algo-pager-tab--active .ap-algo-pager-tab-strength{color:color-mix(in srgb, var(--primary) 75%, var(--muted))}}.ap-algo-pager--mobile .ap-algo-pager-tab{border-radius:999px;flex:1;align-items:center;padding:8px 10px}.ap-algo-pager--mobile .ap-algo-pager-label{font-size:11px}.ap-algo-pager--mobile .ap-algo-pager-fullscreen{justify-content:center;width:36px;height:36px;padding:0}.ap-algo-pager--mobile .ap-algo-pager-hint{display:none}.ap-image-edit-entry{border:1px dashed var(--studio-accent);align-items:center;gap:10px;width:100%;padding:12px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-image-edit-entry{border:1px dashed color-mix(in srgb, var(--studio-accent) 40%, var(--line))}}.ap-image-edit-entry{border-radius:var(--r-md);background:var(--studio-accent)}@supports (color:color-mix(in lab, red, red)){.ap-image-edit-entry{background:color-mix(in srgb, var(--studio-accent) 6%, var(--surface))}}.ap-image-edit-entry{color:var(--studio-accent);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.ap-image-edit-entry:hover{border-color:var(--studio-accent);background:var(--studio-accent)}@supports (color:color-mix(in lab, red, red)){.ap-image-edit-entry:hover{background:color-mix(in srgb, var(--studio-accent) 10%, var(--surface))}}.ap-image-edit-entry>svg:first-child{flex-shrink:0;font-size:20px}.ap-image-edit-entry span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ap-image-edit-entry strong{color:var(--text);font-size:13px;font-weight:800}.ap-image-edit-entry em{color:var(--muted);font-size:11px;font-style:normal;font-weight:600}.ap-image-edit-entry-chevron{color:var(--muted);flex-shrink:0;font-size:16px}.ap-image-edit-overlay{--overlay-text:#ffffffeb;--overlay-muted:#ffffff8c;--overlay-line:#ffffff1a;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#06080ef7;flex-direction:column;display:flex;position:fixed;inset:0}.ap-image-edit-header{border-bottom:1px solid var(--overlay-line);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.ap-image-edit-header-btn{border-radius:var(--r-md);min-height:36px;color:var(--overlay-muted);cursor:pointer;background:0 0;border:none;padding:0 12px;font-size:14px;font-weight:700;transition:color .12s,background .12s}.ap-image-edit-header-btn:hover{color:var(--overlay-text);background:#ffffff0f}.ap-image-edit-header-btn--primary{color:var(--studio-accent,var(--primary))}@supports (color:color-mix(in lab, red, red)){.ap-image-edit-header-btn--primary{color:color-mix(in srgb, var(--studio-accent,var(--primary)) 70%, #fff)}}.ap-image-edit-title{color:var(--overlay-text);font-size:15px;font-weight:800}.ap-image-edit-modebar{flex-shrink:0;justify-content:center;gap:8px;padding:10px 14px 6px;display:flex}.ap-image-edit-mode{min-height:36px;color:var(--overlay-muted,#ffffff8c);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:0 22px;font-size:13px;font-weight:700;transition:all .12s}.ap-image-edit-mode--active{background:var(--studio-accent,var(--primary));border-color:var(--studio-accent,var(--primary));color:#fff}.ap-image-edit-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:12px;display:flex;position:relative;overflow:hidden}.ap-image-edit-canvas{border-radius:var(--r-md);background:repeating-conic-gradient(var(--checker-a) 0% 25%, var(--checker-b) 0% 50%) 0 0 / 14px 14px;touch-action:none;cursor:move;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%;display:block;box-shadow:0 8px 40px #0006}.ap-image-edit-canvas--align{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;cursor:grab;background:#0a0c12;border-radius:0}.ap-image-edit-canvas--align:active{cursor:grabbing}.ap-image-edit-overlay--align .ap-image-edit-stage,.ap-image-edit-overlay--stage .ap-image-edit-stage{touch-action:none;cursor:grab;padding:0}.ap-image-edit-hint{color:#fffc;white-space:nowrap;pointer-events:none;background:#0000008c;border-radius:999px;margin:0;padding:6px 14px;font-size:12px;font-weight:600;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.ap-image-edit-overlay--align .ap-image-edit-hint,.ap-image-edit-overlay--stage .ap-image-edit-hint{white-space:normal;text-align:center;max-width:min(92vw,420px);line-height:1.35;bottom:16px}.ap-grid-align-stage{touch-action:none;flex:1;justify-content:center;align-items:center;gap:12px;min-height:0;padding:8px;display:flex}.ap-grid-align-stage--landscape{flex-direction:row}.ap-grid-align-stage--portrait{flex-direction:column}.ap-grid-align-cell{background:#0a0c12;border-radius:4px;flex:none;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000059}.ap-grid-align-canvas{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.ap-grid-align-canvas:active{cursor:grabbing}.ap-grid-align-preview-canvas{image-rendering:pixelated}.ap-grid-align-preview-empty{color:#ffffff73;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:12px;font-size:13px;font-weight:600;display:flex}.ap-grid-align-preview-empty--overlay{pointer-events:none;background:#0a0c12;position:absolute;inset:0}.ap-grid-align-label{color:#ffffffe6;pointer-events:none;background:#0000008c;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.ap-grid-align-hint{padding:8px 16px calc(12px + env(safe-area-inset-bottom,0px));text-align:center;color:#ffffffa6;flex-shrink:0;margin:0;font-size:12px;font-weight:600;line-height:1.4}.ap-grid-align-toolbar{flex-wrap:wrap;justify-content:center;gap:6px 8px}.ap-grid-align-toolbar-label{color:var(--studio-accent,var(--primary));margin-right:4px;font-size:12px;font-weight:800}.ap-grid-align-toolbar-muted{color:#ffffff73;margin-left:2px;font-size:11px;font-weight:700}.ap-grid-align-toolbar-sep{background:#ffffff1f;align-self:stretch;width:1px;min-height:22px;margin:0 4px}.ap-grid-align-toolbar-hint{color:#ffffff80;text-align:center;padding:2px 8px;font-size:12px;font-weight:600;line-height:1.35}@media (width<=640px){.ap-grid-align-toolbar{gap:4px 6px;padding-inline:8px}.ap-grid-align-toolbar-hint{flex:100%;padding:4px 4px 0;font-size:11px}.ap-grid-align-toolbar-sep,.ap-grid-align-toolbar-muted{display:none}}.ap-image-edit-toolbar{padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;border-top:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:6px;display:flex;overflow-x:auto}.ap-image-edit-toolbar--grid{flex-wrap:wrap;justify-content:center;gap:8px 14px}.ap-image-edit-tool{border-radius:var(--r-md);border:1px solid var(--overlay-line,#ffffff1a);min-height:34px;color:var(--overlay-muted,#ffffff8c);cursor:pointer;background:#ffffff0a;flex-shrink:0;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:700;transition:all .12s;display:inline-flex}.ap-image-edit-tool:hover{color:var(--overlay-text,#ffffffeb);background:#ffffff14}.ap-image-edit-tool--active{color:#fff;background:var(--studio-accent,var(--primary))}@supports (color:color-mix(in lab, red, red)){.ap-image-edit-tool--active{background:color-mix(in srgb, var(--studio-accent,var(--primary)) 85%, #000)}}.ap-image-edit-tool--active{border-color:#0000}.ap-image-edit-tool:disabled{opacity:.4;cursor:default}.ap-image-edit-rot-invert{display:inline-flex}.ap-image-edit-rot-invert svg{transform:scaleX(-1)}.ap-image-edit-gridcount{text-align:center;flex-basis:100%}.ap-image-edit-gridcount-num{color:var(--studio-accent,var(--primary));font-size:15px;font-weight:800}.ap-image-edit-gridslider{flex:200px;min-width:180px}.ap-image-edit-gridslider label{color:var(--muted)}.ap-image-edit-toolbar .ap-range,.ap-image-edit-toolbar .ap-range-val{accent-color:var(--studio-accent,var(--primary))}.ap-import-studio-settings{flex-direction:column;gap:12px;display:flex}.ap-import-setting-row{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.ap-import-setting-row__meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ap-import-setting-row__label{color:var(--text);white-space:nowrap;font-size:13px;font-weight:700}.ap-import-setting-row__hint{color:var(--studio-accent);font-size:11px;font-weight:600;line-height:1.3}.ap-import-setting-row__control{flex-shrink:0}.ap-import-setting-row__control .ap-num-stepper{flex:none}.ap-import-setting-row__control .ap-num-stepper-btn{width:40px;height:40px}.ap-import-studio-font-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ap-import-studio-font-field{flex-direction:column;gap:6px;min-width:0;display:flex}.ap-import-studio-font-label{color:var(--text);font-size:13px;font-weight:700}.ap-import-studio-font-field .ap-input,.ap-import-studio-font-field select{width:100%;min-height:44px}.ap-text-tool-settings{flex-direction:column;gap:12px;display:flex}.ap-text-tool-settings--import .ap-text-font-rail{width:100%}.ap-text-tool-settings__fonts{flex-direction:column;gap:6px;min-width:0;display:flex}.ap-text-tool-settings__font-label{color:var(--text);margin:0;font-size:13px;font-weight:700}.ap-text-font-rail__item--inherit .ap-text-font-rail__glyph{color:var(--muted);font-size:14px;font-weight:800}.ap-import-studio-ec-tabs{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.ap-import-studio-ec-tab{border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--surface);min-height:40px;color:var(--muted);cursor:pointer;font-size:13px;font-weight:800;transition:border-color .15s,background .15s,color .15s}.ap-import-studio-ec-tab:hover{border-color:var(--studio-accent)}@supports (color:color-mix(in lab, red, red)){.ap-import-studio-ec-tab:hover{border-color:color-mix(in srgb, var(--studio-accent) 45%, var(--line))}}.ap-import-studio-ec-tab:hover{color:var(--text)}.ap-import-studio-ec-tab--active{border-color:var(--studio-accent);background:var(--studio-accent)}@supports (color:color-mix(in lab, red, red)){.ap-import-studio-ec-tab--active{background:color-mix(in srgb, var(--studio-accent) 12%, var(--card))}}.ap-import-studio-ec-tab--active{color:var(--studio-accent)}.ap-import-studio-preview-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.ap-import-studio-preview-tabs{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:4px;padding:3px;display:flex}.ap-import-studio-preview-tab{min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 12px;font-size:11px;font-weight:800}.ap-import-studio-preview-tab--active{background:var(--studio-accent);color:#fff}.ap-import-studio-preview-img--smooth{image-rendering:auto}.ap-import-studio-preview-img--photo{image-rendering:auto;object-fit:contain}.ap-import-studio-footer-actions{justify-content:flex-end;align-items:center;gap:8px;width:100%;display:flex}.ap-import-studio-footer-actions .ap-btn--primary{flex:1}.ap-import-studio-colors{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ap-bead-color-picker{flex-direction:column;gap:4px;min-width:0;display:flex}.ap-bead-color-picker__trigger{border:1.5px solid var(--line);align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-bead-color-picker__trigger{border:1.5px solid color-mix(in srgb, var(--line) 88%, var(--text))}}.ap-bead-color-picker__trigger{border-radius:var(--r-md);background:var(--card);color:var(--text);cursor:pointer;box-shadow:inset 0 1px 2px var(--text)}@supports (color:color-mix(in lab, red, red)){.ap-bead-color-picker__trigger{box-shadow:inset 0 1px 2px color-mix(in srgb, var(--text) 6%, transparent)}}.ap-bead-color-picker__trigger{transition:border-color .15s,box-shadow .15s,background .15s}.ap-bead-color-picker__trigger:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-bead-color-picker__trigger:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--line))}}.ap-bead-color-picker__trigger:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-bead-color-picker__trigger:hover{background:color-mix(in srgb, var(--primary) 3%, var(--card))}}.ap-bead-color-picker__swatch{border:1px solid var(--text);border-radius:8px;width:28px;height:28px}@supports (color:color-mix(in lab, red, red)){.ap-bead-color-picker__swatch{border:1px solid color-mix(in srgb, var(--text) 12%, transparent)}}.ap-bead-color-picker__swatch{flex-shrink:0}.ap-bead-color-picker__code{text-align:left;flex:1;min-width:0;font-size:14px;font-weight:800}.ap-bead-color-picker__icon{color:var(--primary);flex-shrink:0;font-size:18px}.ap-bead-color-picker__panel{flex-direction:column;gap:10px;display:flex}.ap-bead-color-picker__grid{max-height:min(52vh,420px)}.ap-import-studio-source-bar{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);width:100%;color:var(--text);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:12px 14px;display:flex}.ap-import-studio-source-bar-icon{color:var(--studio-accent);flex-shrink:0;font-size:20px}.ap-import-studio-source-bar-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ap-import-studio-source-bar-copy strong{font-size:12px;font-weight:800}.ap-import-studio-source-bar-copy em{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-style:normal;font-weight:600;overflow:hidden}.ap-import-studio-source-bar-chevron{color:var(--muted);flex-shrink:0;font-size:16px}.ap-import-studio-source-collapse{background:var(--studio-accent);border:none;border-radius:999px;align-self:flex-end;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-import-studio-source-collapse{background:color-mix(in srgb, var(--studio-accent) 10%, var(--card))}}.ap-import-studio-source-collapse{color:var(--studio-accent);cursor:pointer;font-size:12px;font-weight:700}.ap-import-studio--source-collapsed .ap-import-studio-layout{gap:8px;overflow:hidden}.ap-import-studio--source-collapsed .ap-import-studio-preview-frame{max-height:min(32vh,220px)}.ap-import-studio--source-collapsed .ap-import-studio-form{flex:1;min-height:0;padding-bottom:2px;overflow-y:auto}.ap-import-studio--source-collapsed .ap-import-studio-footer-hint{display:none}@media (width<=899px){.ap-import-studio--source-collapsed .ap-import-studio-footer{gap:0;padding:12px 14px}.ap-import-studio--source-collapsed .ap-import-studio-section{padding:12px 14px}}.ap-import-studio-error{border-radius:var(--r-md);background:#e11;margin:0;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.ap-import-studio-error{background:color-mix(in srgb, #e11 8%, var(--card))}}.ap-import-studio-error{color:#c62828;border:1px solid #ee11113d;font-size:13px;font-weight:600}.ap-import-studio-footer{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);box-shadow:0 -4px 20px var(--text);flex-direction:column;flex-shrink:0;gap:10px;margin-top:auto;padding:14px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-import-studio-footer{box-shadow:0 -4px 20px color-mix(in srgb, var(--text) 6%, transparent)}}.ap-import-studio-footer-hint{color:var(--muted);align-items:flex-start;gap:8px;margin:0;font-size:12px;font-weight:600;line-height:1.45;display:flex}.ap-import-studio-footer-hint svg{color:var(--studio-accent);flex-shrink:0;margin-top:1px;font-size:16px}.ap-import-studio-footer .ap-btn--primary{justify-content:center;width:100%;min-height:48px}@media (width<=899px){.ap-workspace-body:has(.ap-import-studio){padding-inline:max(14px, env(safe-area-inset-left,0px)) max(14px, env(safe-area-inset-right,0px));padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));overflow:hidden}.ap-import-step--text,.ap-import-step--qr,.ap-import-step--image{flex:1;min-height:0;overflow:hidden}.ap-import-studio-layout{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow:hidden}.ap-import-studio-preview{flex-shrink:0}.ap-algo-pager-frame{aspect-ratio:1;max-height:none}.ap-import-studio--params-sheet .ap-import-studio-layout{flex-direction:column;flex:1;min-height:0;display:flex}.ap-import-studio--params-sheet .ap-import-studio-compare{flex-direction:column;flex:1;min-height:0;max-height:none;display:flex;overflow:hidden}.ap-import-studio--params-sheet .ap-import-studio-section--compare{flex-direction:column;flex:1;gap:0;min-height:0;margin:0;display:flex}.ap-import-studio--params-sheet .ap-algo-pager{flex-direction:column;flex:1;gap:0;min-height:0;display:flex}.ap-import-studio--params-sheet .ap-algo-pager-track{flex:1;align-items:stretch;height:100%;min-height:0}.ap-import-studio--params-sheet .ap-algo-pager-page{gap:0;height:100%;min-height:0}.ap-import-studio--params-sheet .ap-algo-pager-pair{grid-template-rows:1fr 1fr;grid-template-columns:1fr;gap:8px;height:100%;min-height:0;display:grid}.ap-import-studio--params-sheet .ap-algo-pager-cell{place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.ap-import-studio--params-sheet .ap-algo-pager-frame{aspect-ratio:1;width:min(100cqw,100cqh);max-width:100%;height:min(100cqw,100cqh);max-height:100%;margin:0}.ap-import-studio--params-sheet .ap-algo-pager-hint{display:none}.ap-import-studio-footer--actions-only,.ap-import-studio-footer--mobile-live{padding-top:8px;padding-bottom:max(8px, env(safe-area-inset-bottom,0px))}.ap-import-studio-compare{flex:1.35;min-height:0;max-height:min(58vh,560px)}.ap-import-studio--image-ready .ap-algo-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.ap-compare-filters{flex-wrap:wrap}.ap-compare-toolbar{gap:8px}.ap-compare-progress{min-width:0}.ap-import-studio-preview-frame{max-height:min(34vh,240px)}.ap-import-studio-form{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:4px;overflow-y:auto}.ap-import-studio--upload-only .ap-import-studio-layout--upload{flex-direction:column;justify-content:center;align-items:center;display:flex!important}.ap-import-studio--upload-only .ap-import-studio-form--upload-hero{width:min(100%,720px);padding-bottom:0;flex:none!important;overflow:visible!important}.ap-import-studio-footer{flex-shrink:0}}@media (width>=900px){.ap-algo-pager--desktop{gap:10px}.ap-algo-pager--desktop .ap-algo-pager-tabs{gap:8px}.ap-algo-pager--desktop .ap-algo-pager-tab{border-radius:var(--r-md);flex-direction:column;flex:1 1 0;justify-content:center;align-items:flex-start;gap:2px;min-width:0;padding:8px 10px}.ap-algo-pager--desktop .ap-algo-pager-tab-strength{-webkit-line-clamp:1;width:100%}.ap-algo-pager--desktop .ap-algo-pager-pair{grid-template-columns:1fr 1fr;align-items:start;gap:12px}.ap-algo-pager--desktop .ap-algo-pager-cell{gap:8px}.ap-algo-pager--desktop .ap-algo-pager-frame{max-height:min(46vh,420px)}.ap-algo-pager--desktop .ap-algo-pager-meta{margin-top:2px}.ap-algo-pager-pair{grid-template-columns:1fr 1fr;gap:8px}.ap-algo-pager-frame{max-height:min(40vh,340px)}.ap-algo-pager-tab{flex:1 1 0;min-width:0}.ap-import-studio--image-ready .ap-import-studio-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr)}.ap-import-studio-layout{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:16px;display:grid;overflow:hidden}.ap-import-studio--image-ready .ap-algo-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-import-studio-compare{-webkit-overflow-scrolling:touch;overflow:auto}.ap-import-studio-preview-frame{max-height:min(52vh,420px)}.ap-import-studio-form{padding-right:2px;overflow-y:auto}.ap-import-studio-footer{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.ap-import-studio-footer-hint{flex:1;min-width:0}.ap-import-studio-footer .ap-btn--primary{flex-shrink:0;width:auto;min-width:200px}.ap-import-studio-footer-actions{flex-shrink:0;width:auto}.ap-import-studio-footer-actions .ap-btn--primary{flex:initial;min-width:200px}}.ap-text-stage,.ap-import-stage{flex-direction:column;flex:1;gap:8px;min-height:0;padding:0 2px;transition:padding-bottom .2s ease-out;display:flex}.ap-text-stage-preview,.ap-import-stage-preview{flex:1;justify-content:center;align-items:center;min-height:0;padding:4px 0 8px;display:flex}.ap-import-stage-toolbar{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.ap-text-live-inputs{flex-shrink:0;grid-template-columns:1fr 1fr;gap:8px;display:grid}.ap-field--compact{gap:4px}.ap-field--compact label{font-size:11px}.ap-text-live-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.ap-text-live-size{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:700}.ap-text-live-tabs{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:4px;padding:3px;display:flex}.ap-text-live-tab{min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 12px;font-size:11px;font-weight:800}.ap-text-live-tab--active{background:var(--primary);color:#fff}.ap-text-live-frame,.ap-import-preview-frame{--board-aspect:1;width:min(100%,min(92vw,520px));max-height:100%;aspect-ratio:var(--board-aspect);border-radius:var(--r-md);border:1px solid var(--line);background:repeating-conic-gradient(var(--checker-a) 0% 25%, var(--checker-b) 0% 50%) 0 0 / 12px 12px;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000014}.ap-import-preview-img{object-fit:contain;width:100%;height:100%;display:block}.ap-import-preview-img--pixel{image-rendering:pixelated}.ap-import-preview-empty{text-align:center;color:var(--muted);padding:24px 16px;font-size:13px;font-weight:600;line-height:1.45}.ap-touch-target{min-height:44px}.ap-text-live-img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.ap-text-live-img--smooth{image-rendering:auto}.ap-text-algo-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.ap-text-algo-tab{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);min-height:44px;color:var(--muted);cursor:pointer;padding:8px 10px;font-size:12px;font-weight:800}.ap-text-algo-tab--active{border-color:var(--primary);background:var(--primary-100);color:var(--primary)}.ap-bottom-sheet{z-index:30;border-top:1px solid var(--line);background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0px);border-radius:16px 16px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #0000001f}.ap-bottom-sheet-handle{cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;padding:10px 16px 6px;display:flex}.ap-bottom-sheet-handle:active{cursor:grabbing}.ap-bottom-sheet-grab{background:var(--muted);border-radius:999px;width:40px;height:4px}@supports (color:color-mix(in lab, red, red)){.ap-bottom-sheet-grab{background:color-mix(in srgb, var(--muted) 35%, transparent)}}.ap-bottom-sheet-mini{flex-shrink:0;align-items:center;gap:10px;padding:0 14px 10px;display:flex}.ap-bottom-sheet-mini-label{color:var(--text);flex-shrink:0;font-size:12px;font-weight:700}.ap-bottom-sheet-mini-actions{flex:1;justify-content:flex-end;min-width:0;display:flex}.ap-bottom-sheet-mini-actions .ap-btn{min-height:44px;padding-inline:16px}.ap-bottom-sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;min-height:0;padding:4px 14px 14px;display:flex;overflow-y:auto}.ap-bottom-sheet-body .ap-btn--primary{width:100%;min-height:48px;margin-top:4px}.ap-import-step{gap:var(--space-step,8px);flex-direction:column;flex:1;min-height:0;display:flex}.ap-import-step--text,.ap-import-step--qr,.ap-import-step--image,.ap-import-step--workspace{overflow:hidden}.ap-import-upload-compact{border:1px dashed var(--line);border-radius:var(--r-md);background:var(--card);cursor:pointer;align-items:center;gap:10px;min-height:52px;padding:10px 12px;display:flex}.ap-import-upload-compact:hover{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-import-upload-compact:hover{background:color-mix(in srgb, var(--primary) 6%, var(--card))}}.ap-import-upload-compact-thumb{border-radius:var(--r-sm);object-fit:cover;flex-shrink:0;width:40px;height:40px}.ap-import-upload-compact .ap-import-inline-icon{color:var(--muted);flex-shrink:0;font-size:22px}.ap-import-upload-compact-text{min-width:0;color:var(--muted);flex:1;font-size:12px;font-weight:600;line-height:1.4}.ap-import-preview-empty .ap-import-inline-icon{color:var(--muted);margin-bottom:8px;font-size:32px}.ap-text-import,.ap-text-fields{flex-direction:column;gap:12px;display:flex}.ap-text-import-form{background:0 0;border:none;border-radius:0;flex-direction:column;gap:14px;padding:0;display:flex}.ap-text-color-grid{grid-template-columns:1fr;gap:12px;display:grid}.ap-text-color-row{align-items:center;gap:8px;display:flex}.ap-text-color-swatch{border:1px solid var(--line);border-radius:6px;flex-shrink:0;width:28px;height:28px}.ap-text-color-select{flex:1;min-width:0}.ap-text-import-preview{text-align:center}.ap-text-preview-compare{text-align:left}.ap-text-preview-compare .ap-text-preview-frame{max-width:none}.ap-text-preview-frame{--board-aspect:1;width:100%;max-width:min(100%,520px);max-height:min(52vh,420px);aspect-ratio:var(--board-aspect);border-radius:var(--r-md);border:1px solid var(--line);background:repeating-conic-gradient(var(--checker-a) 0% 25%, var(--checker-b) 0% 50%) 0 0 / 16px 16px;justify-content:center;align-items:center;margin-inline:auto;display:flex;overflow:hidden}.ap-text-preview-img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.ap-text-preview-img--smooth{image-rendering:auto}.ap-text-font-select{width:100%}.ap-style-step{flex-direction:column;flex:1;gap:18px;min-height:0;display:flex}.ap-guide-section{flex-direction:column;gap:14px;display:flex}.ap-guide-section-head{align-items:flex-start;gap:12px;display:flex}.ap-guide-step-num{background:var(--primary);color:#fff;width:28px;height:28px;box-shadow:0 2px 8px var(--primary-shadow);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.ap-guide-section-title{color:var(--text);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:800}.ap-guide-section-desc{color:var(--muted);margin:4px 0 0;font-size:13px}.ap-guide-grid{grid-template-columns:1fr;gap:10px;display:grid}.ap-guide-card{border:2px solid var(--line);border-radius:var(--r-lg);background:var(--card);text-align:left;cursor:pointer;box-shadow:var(--shadow-card);flex-direction:column;gap:10px;padding:14px;transition:all .15s;display:flex}.ap-guide-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover)}.ap-guide-card--active{border-color:var(--primary);background:linear-gradient(180deg, var(--pick-active-start) 0%, var(--card) 100%);box-shadow:0 0 0 3px var(--primary-glow)}.ap-guide-card-top{align-items:flex-start;gap:10px;display:flex}.ap-guide-card-titles{flex:1;min-width:0}.ap-guide-card-name{color:var(--text);font-size:14px;font-weight:800;line-height:1.3}.ap-guide-card-sub{color:var(--muted);margin-top:3px;font-size:11px;font-weight:600;line-height:1.4}.ap-guide-card-check{color:var(--primary);flex-shrink:0;font-size:20px}.ap-guide-tags{flex-wrap:wrap;gap:5px;display:flex}.ap-guide-tag{background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.ap-guide-tag--good{background:var(--primary-100);color:var(--primary-600);border-color:#0000}.ap-guide-tag--bad{color:#b45309;background:#fef2f2;border-color:#fde8d8}.ap-guide-mini-thumb{border-radius:var(--r-sm);border:1px solid var(--line);aspect-ratio:1;max-height:72px;margin-top:2px;overflow:hidden}.ap-guide-mini-thumb img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;background:repeating-conic-gradient(var(--checker-a) 0% 25%, var(--checker-b) 0% 50%) 0 0 / 10px 10px}.ap-guide-decision{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text);padding:10px 14px;font-size:13px}.ap-guide-decision summary{cursor:pointer;color:var(--primary);align-items:center;gap:8px;font-weight:700;list-style:none;display:flex}.ap-guide-decision summary::-webkit-details-marker{display:none}.ap-guide-decision-list{color:var(--muted);margin:12px 0 4px;padding-left:20px;font-weight:600;line-height:1.65}.ap-guide-detail{border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--surface) 0%, var(--card) 100%);box-shadow:var(--shadow-card);padding:16px}.ap-guide-detail-head{color:var(--text);align-items:center;gap:8px;font-size:14px;display:flex}.ap-guide-detail-head svg{color:var(--primary);font-size:22px}.ap-guide-detail-desc{color:var(--muted);margin:10px 0 14px;font-size:13px;line-height:1.55}.ap-guide-detail-cols{grid-template-columns:1fr;gap:12px;display:grid}.ap-guide-detail-block{border-radius:var(--r-md);border:1px solid var(--line);padding:12px}.ap-guide-detail-block--good{background:var(--primary-100);border-color:#0000}.ap-guide-detail-block--bad{background:#fffaf5;border-color:#fde8d8}.ap-guide-detail-label{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.ap-guide-detail-block--good .ap-guide-detail-label{color:var(--primary-600)}.ap-guide-detail-block--bad .ap-guide-detail-label{color:#c2410c}.ap-guide-grid-hint,.ap-guide-mismatch{align-items:flex-start;gap:8px;margin:12px 0 0;font-size:12px;font-weight:600;line-height:1.55;display:flex}.ap-guide-grid-hint{color:var(--muted)}.ap-guide-grid-hint svg{color:var(--primary);flex-shrink:0;margin-top:1px;font-size:16px}.ap-guide-mismatch{border-radius:var(--r-md);color:#92400e;background:#fffbeb;border:1px solid #fde68a;padding:10px 12px}.ap-guide-mismatch svg{flex-shrink:0;margin-top:0;font-size:18px}.ap-workspace-body:has(.ap-edit-workspace){flex-direction:column;flex:1 1 0;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.ap-main:has(.ap-edit-workspace){flex:1 1 0;min-height:0;overflow:hidden}.ap-shell:has(.ap-edit-workspace--float){max-width:100%;box-shadow:none}:is(.ap-shell:has(.ap-edit-workspace--float) .ap-site-header,.ap-shell:has(.ap-edit-workspace--float) .ap-mobile-stepper){display:none}.ap-edit-workspace{background:var(--bg);flex:1 1 0;min-height:0;position:relative;overflow:hidden}.ap-edit-workspace--float{isolation:isolate;flex:none;width:100%;height:100%;position:absolute;inset:0}.ap-edit-canvas-stage{touch-action:none;position:absolute;inset:0;overflow:hidden}.ap-edit-workspace--float .ap-bead-editor-viewport{background:var(--bg);border-radius:0;width:100%;height:100%;min-height:0;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.ap-edit-workspace--float .ap-bead-editor-viewport{background:color-mix(in srgb, var(--bg) 92%, var(--line))}}.ap-edit-workspace--float .ap-bead-editor-hint{display:none}.ap-edit-workspace--mobile-nav{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;display:flex}.ap-edit-workspace--mobile-nav .ap-edit-pop-panel{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default}.ap-edit-mobile-nav{min-height:calc(var(--header-h,52px) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 6px 0 8px;background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-edit-mobile-nav{background:color-mix(in srgb, var(--bg) 88%, #fff)}}.ap-edit-mobile-nav{border-bottom:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.ap-edit-mobile-nav{border-bottom:1px solid color-mix(in srgb, var(--line) 65%, transparent)}}.ap-edit-mobile-nav{z-index:25}.ap-edit-mobile-nav-left{flex-shrink:0;align-items:center;gap:0;display:flex}.ap-edit-mobile-nav-divider{background:var(--line);width:1px;height:18px;margin:0 2px}@supports (color:color-mix(in lab, red, red)){.ap-edit-mobile-nav-divider{background:color-mix(in srgb, var(--line) 80%, transparent)}}.ap-edit-mobile-nav-divider{flex-shrink:0}.ap-edit-mobile-nav-brand{flex-shrink:0;min-width:0;padding-right:2px}.ap-edit-mobile-nav-right{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;justify-content:flex-end;align-items:flex-end;gap:0;min-width:0;display:flex;overflow-x:auto}.ap-edit-mobile-nav-right::-webkit-scrollbar{display:none}.ap-edit-mobile-nav-action{width:auto;min-width:36px;height:auto;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 3px;font-size:16px;display:flex}.ap-edit-mobile-nav-action-inner{flex-direction:column;align-items:center;gap:1px;line-height:1;display:flex}.ap-edit-mobile-nav-action-label{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;max-width:36px;font-size:9px;font-weight:800;overflow:hidden}.ap-edit-mobile-nav-action--active{background:var(--primary-100);color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-mobile-nav-action--active{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--primary) 45%, transparent)}}.ap-edit-mobile-nav-action--finish,.ap-edit-mobile-nav-action--primary{color:var(--primary)}.ap-edit-mobile-nav--complete{background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-edit-mobile-nav--complete{background:color-mix(in srgb, var(--primary-100) 35%, var(--bg))}}.ap-edit-mobile-nav-icon{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;font-size:18px;display:grid}.ap-edit-mobile-nav-icon:disabled{opacity:.35;cursor:not-allowed}.ap-edit-mobile-nav-icon--active{background:var(--primary-100);color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-mobile-nav-icon--active{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--primary) 45%, transparent)}}.ap-edit-mobile-nav-icon--finish{color:var(--primary)}.ap-edit-studio-nav{min-height:calc(var(--header-h,52px) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 6px 0 8px;background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-edit-studio-nav{background:color-mix(in srgb, var(--bg) 88%, #fff)}}.ap-edit-studio-nav{border-bottom:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.ap-edit-studio-nav{border-bottom:1px solid color-mix(in srgb, var(--line) 65%, transparent)}}.ap-edit-studio-nav{z-index:25}.ap-edit-workspace--studio .ap-edit-studio-nav{min-height:var(--header-h,52px);padding-top:0}.ap-edit-studio-nav-left{flex-shrink:0;align-items:center;gap:0;display:flex}.ap-edit-studio-nav-divider{background:var(--line);width:1px;height:18px;margin:0 2px}@supports (color:color-mix(in lab, red, red)){.ap-edit-studio-nav-divider{background:color-mix(in srgb, var(--line) 80%, transparent)}}.ap-edit-studio-nav-divider{flex-shrink:0}.ap-edit-studio-nav-brand{flex-shrink:0;min-width:0;padding-right:2px}.ap-edit-studio-nav-right{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;justify-content:flex-end;align-items:flex-end;gap:0;min-width:0;display:flex;overflow-x:auto}.ap-edit-studio-nav-right::-webkit-scrollbar{display:none}.ap-edit-studio-nav-action{width:auto;min-width:36px;height:auto;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 3px;font-size:16px;display:flex}.ap-edit-studio-nav-action-inner{flex-direction:column;align-items:center;gap:1px;line-height:1;display:flex}.ap-edit-studio-nav-action-label{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;max-width:36px;font-size:9px;font-weight:800;overflow:hidden}.ap-edit-workspace--studio .ap-edit-studio-nav-action-label{max-width:44px;font-size:10px}.ap-edit-studio-nav-action--active{background:var(--primary-100);color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-studio-nav-action--active{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--primary) 45%, transparent)}}.ap-edit-studio-nav-action--finish,.ap-edit-studio-nav-action--settings{color:var(--primary)}.ap-edit-studio-nav-action--icon-only{flex-shrink:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.ap-edit-studio-nav-action--icon-only svg{width:20px;height:20px;font-size:20px}.ap-edit-studio-nav-action--primary{color:var(--primary)}.ap-edit-studio-nav--complete{background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-edit-studio-nav--complete{background:color-mix(in srgb, var(--primary-100) 35%, var(--bg))}}.ap-edit-studio-nav-icon{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;font-size:18px;display:grid}.ap-edit-studio-nav-icon:disabled{opacity:.35;cursor:not-allowed}.ap-edit-studio-nav--desktop{flex-shrink:0;justify-content:flex-end;align-items:flex-end;display:flex}.ap-edit-float-tool.ap-edit-tool-btn--has-props{--edit-tool-props-mark-radius:6px;position:relative;overflow:visible}.ap-edit-float-tool.ap-edit-tool-btn--has-props .ap-edit-tool-props-mark{width:11px;height:11px;display:block}.ap-edit-workspace--mobile-nav .ap-edit-float-bottom{padding:2px 6px env(safe-area-inset-bottom,0px)}@media (display-mode:standalone){.ap-edit-workspace--mobile-nav .ap-edit-float-bottom{padding-bottom:max(0px, env(safe-area-inset-bottom,0px))}}.ap-edit-stage--mobile{touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}.ap-edit-stage--mobile .ap-edit-canvas-stage{position:absolute;inset:0}.ap-edit-empty{color:var(--muted);flex:1;place-items:center;padding:24px;font-size:14px;font-weight:600;display:grid}.ap-edit-float-top{z-index:25;padding:calc(6px + env(safe-area-inset-top,0px)) 8px 6px;pointer-events:none;justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;top:0;left:0;right:0}.ap-edit-float-top-left{pointer-events:none;flex-shrink:1;align-items:center;gap:4px;min-width:0;display:flex}.ap-edit-float-top-left .ap-edit-float-icon,.ap-edit-float-top-actions .ap-edit-float-icon,.ap-edit-float-top-actions .ap-edit-float-done,.ap-edit-float-top-actions .ap-edit-zoom-block{pointer-events:auto}.ap-edit-zoom-control{border:1px solid var(--line);border-radius:10px;align-items:center;gap:2px;margin-right:4px;padding:2px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-edit-zoom-control{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.ap-edit-zoom-control{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-edit-zoom-control{background:color-mix(in srgb, var(--card) 88%, transparent)}}.ap-edit-zoom-btn{min-width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:0 6px;font-size:15px;font-weight:700;line-height:1}.ap-edit-zoom-btn:hover{background:var(--accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){.ap-edit-zoom-btn:hover{background:color-mix(in oklab, var(--accent,#2563eb) 12%, transparent)}}.ap-edit-zoom-icon{font-size:16px;line-height:1}.ap-edit-zoom-label{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;color:var(--text);padding:0 2px;font-size:11px;font-weight:800}.ap-edit-float-chip{border:1px solid var(--line);border-radius:999px;max-width:min(36vw,180px);padding:5px 9px}@supports (color:color-mix(in lab, red, red)){.ap-edit-float-chip{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.ap-edit-float-chip{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-edit-float-chip{background:color-mix(in srgb, var(--card) 82%, transparent)}}.ap-edit-float-chip{-webkit-backdrop-filter:blur(14px);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden;box-shadow:0 4px 16px #00000014}.ap-edit-float-top-actions{pointer-events:none;border:1px solid var(--line);border-radius:14px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-edit-float-top-actions{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.ap-edit-float-top-actions{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-edit-float-top-actions{background:color-mix(in srgb, var(--card) 82%, transparent)}}.ap-edit-float-top-actions{-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 16px #00000014}.ap-edit-float-top--mobile-icons{gap:8px}.ap-edit-float-top--mobile-icons .ap-edit-float-top-left{flex-shrink:0}.ap-edit-float-top--mobile-icons .ap-edit-float-top-actions{scrollbar-width:none;flex-wrap:nowrap;flex:1;justify-content:flex-end;min-width:0;overflow-x:auto}.ap-edit-float-top--mobile-icons .ap-edit-float-top-actions::-webkit-scrollbar{display:none}.ap-edit-float-icon--finish{color:var(--primary)}.ap-edit-float-icon--finish:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-float-icon--finish:hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}}.ap-edit-float-back{flex-shrink:0}.ap-edit-float-icon{width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;font-size:20px;display:grid}.ap-edit-float-icon:disabled{opacity:.35;cursor:not-allowed}.ap-edit-float-icon--active{background:var(--primary-100);color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-float-icon--active{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--primary) 45%, transparent)}}.ap-edit-float-icon--badge{position:relative}.ap-edit-float-icon--badge:after{content:attr(data-badge);color:#fff;text-align:center;pointer-events:none;background:#c23b3b;border-radius:999px;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:-2px;right:-2px}.ap-edit-palette-action-bar{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.ap-edit-palette-action-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.ap-edit-palette-action-btn:hover{border-color:var(--primary);color:var(--primary)}.ap-edit-palette-action-btn .iconify{font-size:16px}.ap-edit-palette-action-icon{color:var(--primary);flex-shrink:0;font-size:18px}.ap-edit-palette-action-text{color:var(--muted);flex:1;margin:0;font-size:12px;line-height:1.35}.ap-edit-palette-action-cancel{flex-shrink:0}.ap-usage-colors{flex-direction:column;gap:10px;min-height:0;display:flex}.ap-usage-colors__stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ap-usage-colors__stat{border:1px solid var(--line);background:var(--card,var(--surface));border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.ap-usage-colors__stat-label{color:var(--muted);font-size:11px;font-weight:600}.ap-usage-colors__stat-value{color:var(--text);font-size:18px;font-weight:800}.ap-usage-colors__list{overscroll-behavior:contain;flex-direction:column;gap:6px;max-height:min(52vh,420px);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ap-usage-colors__list>li{display:block}.ap-usage-colors__card{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:stretch;min-width:0;display:flex;overflow:hidden}.ap-usage-colors__card:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-usage-colors__card:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--line))}}.ap-usage-colors__card--selected,.ap-usage-colors__card--highlight{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-usage-colors__card--selected,.ap-usage-colors__card--highlight{background:color-mix(in srgb, var(--primary) 10%, var(--surface))}}.ap-usage-colors__card--replacing{border-color:var(--primary)}.ap-usage-colors__main{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.ap-usage-colors__row{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}.ap-usage-colors__row:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-usage-colors__row:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--line))}}.ap-usage-colors__row--selected{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-usage-colors__row--selected{background:color-mix(in srgb, var(--primary) 10%, var(--surface))}}.ap-usage-colors__row--highlight{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-usage-colors__row--highlight{background:color-mix(in srgb, var(--primary) 10%, var(--surface))}}.ap-usage-colors__row--replacing{border-color:var(--primary)}.ap-usage-colors__swatch{border:1px solid #00000014;border-radius:8px;flex-shrink:0;width:28px;height:28px}.ap-usage-colors__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.ap-usage-colors__code{color:var(--text);font-size:13px;font-weight:800}.ap-usage-colors__count{color:var(--muted);font-size:11px;font-weight:600}.ap-usage-colors__actions{border-left:1px solid var(--line);flex-shrink:0;align-items:stretch;display:flex}.ap-usage-colors__action{width:40px;min-height:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;display:inline-flex}.ap-usage-colors__action .iconify{font-size:18px}.ap-usage-colors__action:hover{color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-usage-colors__action:hover{background:color-mix(in srgb, var(--primary) 8%, transparent)}}.ap-usage-colors__action--on{color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-usage-colors__action--on{background:color-mix(in srgb, var(--primary) 12%, var(--surface))}}.ap-edit-float-done{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;min-height:34px;margin-left:2px;padding:0 12px;font-size:13px;font-weight:800}.ap-edit-float-bottom{--edit-dock-btn:30px;--edit-dock-icon:17px;z-index:25;padding:5px 8px calc(5px + env(safe-area-inset-bottom,0px));pointer-events:none;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.ap-edit-float-bottom-stack{pointer-events:none;flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.ap-edit-float-bottom-row{scrollbar-width:none;pointer-events:none;align-items:center;gap:6px;max-width:100%;display:flex;overflow-x:auto}.ap-edit-float-bottom-row::-webkit-scrollbar{display:none}.ap-edit-mobile-studio{gap:6px;width:100%;max-width:100%}.ap-edit-mobile-studio-tools-row{pointer-events:none;width:100%}.ap-edit-mobile-studio-props-row{pointer-events:auto;width:100%;padding:0 1px}.ap-edit-mobile-studio .ap-edit-mobile-tool-props-chip-row{gap:2px;min-height:34px;padding:1px}.ap-edit-mobile-studio .ap-edit-mobile-tool-props-chip{width:34px;height:34px;font-size:14px}.ap-edit-mobile-studio .ap-edit-mobile-tool-props-chip--text{flex:1;min-width:0;padding:0 6px;font-size:12px;font-weight:800}.ap-edit-mobile-studio .ap-edit-mobile-mirror-bar .ap-edit-mirror-sub-btn--row{gap:6px;min-height:34px;padding:0 8px}.ap-edit-mobile-studio .ap-edit-mobile-mirror-bar .ap-edit-mirror-sub-btn--row .ap-edit-tool-icon{width:20px;height:20px}.ap-edit-mobile-studio .ap-edit-mobile-mirror-bar .ap-edit-mirror-sub-btn--row span{font-size:12px}.ap-edit-mobile-tool-props{background:0 0;border:none;justify-content:center;align-items:center;width:100%;min-height:0;padding:0;display:flex}.ap-edit-mobile-tool-props-chip-row{width:max-content;max-width:100%;min-height:calc(var(--edit-dock-btn,30px) + 4px);border:1px solid var(--line);border-radius:11px;justify-content:center;align-items:center;gap:4px;padding:2px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-edit-mobile-tool-props-chip-row{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.ap-edit-mobile-tool-props-chip-row{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-edit-mobile-tool-props-chip-row{background:color-mix(in srgb, var(--card) 82%, transparent)}}.ap-edit-mobile-tool-props-chip-row{-webkit-backdrop-filter:blur(14px);box-sizing:border-box;box-shadow:0 4px 16px #00000014}.ap-edit-mobile-tool-props-chip-row--wide{width:100%}.ap-edit-mobile-tool-props-chip{width:var(--edit-dock-btn,30px);height:var(--edit-dock-btn,30px);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.ap-edit-mobile-tool-props-chip--text{width:auto;min-width:56px;padding:0 8px;font-size:11px;font-weight:700}.ap-edit-mobile-tool-props-chip--active{background:var(--primary-100);color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-mobile-tool-props-chip--active{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--primary) 45%, transparent)}}.ap-edit-mobile-mirror-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;padding:2px 3px;display:grid}.ap-edit-mobile-mirror-bar .ap-edit-mirror-sub-btn--row{flex:initial;width:100%;min-width:0;height:auto;min-height:var(--edit-dock-btn,34px);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:0 10px;display:flex}.ap-edit-mobile-mirror-bar .ap-edit-mirror-sub-btn--row .ap-edit-tool-icon{flex-shrink:0;width:18px;height:18px}.ap-edit-mobile-mirror-bar .ap-edit-mirror-sub-btn--row span{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;min-width:0;font-size:11px;font-weight:800;line-height:1.2;display:block;overflow:hidden}.ap-edit-mobile-mirror-bar .ap-edit-mirror-sub-btn--row.ap-edit-float-tool--active{background:var(--primary-100);color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-mobile-mirror-bar .ap-edit-mirror-sub-btn--row.ap-edit-float-tool--active{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--primary) 45%, transparent)}}.ap-edit-mobile-tool-props-chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.ap-edit-mobile-tool-props-chips--pair .ap-edit-brush-chip--text{min-width:64px}.ap-edit-mobile-studio-tools-grid{pointer-events:auto;--edit-dock-btn:30px;--edit-dock-icon:22px;flex-flow:wrap;place-content:flex-start;gap:1px;width:100%;min-width:0;padding:1px;display:flex}.ap-edit-mobile-studio-tools-grid .ap-edit-float-tool{width:var(--edit-dock-btn);height:var(--edit-dock-btn);border-radius:6px}.ap-edit-mobile-studio-tools-grid .ap-edit-tool-icon{width:var(--edit-dock-icon);height:var(--edit-dock-icon)}.ap-edit-mobile-studio-tools-grid .ap-edit-float-tool.ap-edit-tool-btn--has-props .ap-edit-tool-props-mark{width:10px;height:10px;display:block}.ap-edit-mobile-studio-tools-grid.ap-edit-float-tools-compact{pointer-events:auto;border:1px solid var(--line);border-radius:11px;flex-flow:wrap;place-content:flex-start;gap:1px;padding:1px}@supports (color:color-mix(in lab, red, red)){.ap-edit-mobile-studio-tools-grid.ap-edit-float-tools-compact{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.ap-edit-mobile-studio-tools-grid.ap-edit-float-tools-compact{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-edit-mobile-studio-tools-grid.ap-edit-float-tools-compact{background:color-mix(in srgb, var(--card) 82%, transparent)}}.ap-edit-mobile-studio-tools-grid.ap-edit-float-tools-compact{-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 16px #00000014}.ap-edit-mobile-studio-tools-scroll{-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:none;pointer-events:auto;width:100%;min-width:0;display:block;overflow:auto hidden}.ap-edit-mobile-studio-tools-scroll::-webkit-scrollbar{display:none}.ap-edit-mobile-studio-tools-inner{pointer-events:auto;align-items:center;gap:4px;width:max-content;min-width:100%;padding:2px;display:inline-flex}.ap-edit-mobile-studio-tools-inner.ap-edit-float-tools-compact{pointer-events:auto;border:1px solid var(--line);border-radius:11px}@supports (color:color-mix(in lab, red, red)){.ap-edit-mobile-studio-tools-inner.ap-edit-float-tools-compact{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.ap-edit-mobile-studio-tools-inner.ap-edit-float-tools-compact{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-edit-mobile-studio-tools-inner.ap-edit-float-tools-compact{background:color-mix(in srgb, var(--card) 82%, transparent)}}.ap-edit-mobile-studio-tools-inner.ap-edit-float-tools-compact{-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 16px #00000014}.ap-edit-mobile-studio-color-row{pointer-events:auto;width:100%}.ap-edit-mobile-studio-color-row .ap-edit-color-dock{box-sizing:border-box;pointer-events:auto;width:100%;max-width:100%}.ap-edit-mirror-bar{scrollbar-width:none;align-items:center;gap:1px;max-width:min(100vw - 16px,520px);padding:2px 3px;display:flex;overflow-x:auto}.ap-edit-mirror-bar::-webkit-scrollbar{display:none}.ap-edit-mirror-sub-btn{pointer-events:auto}.ap-edit-mirror-sub-btn .ap-edit-tool-icon,.ap-edit-mirror-main-btn .ap-edit-tool-icon{width:var(--edit-dock-icon);height:var(--edit-dock-icon);display:block}.ap-edit-mirror-sub-btn .ap-edit-tool-icon svg,.ap-edit-mirror-main-btn .ap-edit-tool-icon svg{width:100%;height:100%;display:block}.ap-edit-mirror-sub-btn--action:not(.ap-edit-float-tool--active):hover{color:var(--primary)}.ap-edit-mirror-main-btn{pointer-events:auto}.ap-edit-subbar-divider{background:var(--line);flex-shrink:0;width:1px;height:22px;margin:0 2px}@supports (color:color-mix(in lab, red, red)){.ap-edit-subbar-divider{background:color-mix(in srgb, var(--line) 80%, transparent)}}.ap-edit-mirror-sub-chips{align-items:center;gap:2px;padding:0 1px;display:flex}.ap-edit-brush-chip--sub{min-width:26px;height:24px;padding:0 6px;font-size:11px}.ap-edit-brush-chip--sub.ap-edit-brush-chip--text{min-width:auto;padding:0 7px;font-size:10px;font-weight:800}.ap-edit-float-tools-compact,.ap-edit-float-swatches,.ap-edit-float-tool,.ap-edit-swatch-btn{pointer-events:auto}.ap-edit-float-tools-compact{border:1px solid var(--line);border-radius:11px;flex-shrink:0;align-items:center;gap:1px;padding:2px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-edit-float-tools-compact{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.ap-edit-float-tools-compact{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-edit-float-tools-compact{background:color-mix(in srgb, var(--card) 82%, transparent)}}.ap-edit-float-tools-compact{-webkit-backdrop-filter:blur(14px);pointer-events:none;box-shadow:0 4px 16px #00000014}.ap-edit-float-dock-group{border:1px solid var(--line);border-radius:11px;flex-shrink:0;align-items:center;gap:1px;padding:2px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-edit-float-dock-group{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.ap-edit-float-dock-group{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-edit-float-dock-group{background:color-mix(in srgb, var(--card) 82%, transparent)}}.ap-edit-float-dock-group{-webkit-backdrop-filter:blur(14px);pointer-events:auto;box-shadow:0 4px 16px #00000014}.ap-edit-layers-bar{flex-direction:column;align-items:stretch;gap:6px;max-width:min(92vw,360px);max-height:min(42vh,280px);padding:8px}.ap-edit-layers-bar-head{justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:28px;display:flex}.ap-edit-layers-bar-head strong{color:var(--text);font-size:13px;font-weight:800}.ap-edit-layers-close{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.ap-edit-layers-close:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-layers-close:hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}}.ap-edit-layers-close:hover{color:var(--text)}.ap-edit-layers-close svg{width:18px;height:18px}.ap-edit-layer-drag{width:28px;height:32px;color:var(--muted);cursor:grab;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ap-edit-layer-drag:active{cursor:grabbing}.ap-edit-layer-row[draggable=true]{cursor:grab}.ap-edit-text-bar{flex-direction:column;align-items:stretch;gap:8px;max-width:min(94vw,440px);padding:10px 12px}.ap-edit-text-bar__hint{color:var(--muted);margin:0;font-size:12px;font-weight:600;line-height:1.35}.ap-edit-layers-list{flex-direction:column;gap:4px;min-height:0;display:flex;overflow-y:auto}.ap-edit-layer-row{cursor:grab;border:1px solid #0000;border-radius:8px;align-items:center;gap:2px;min-height:36px;padding:2px 4px;display:flex}.ap-edit-layer-row--active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-layer-row--active{border-color:color-mix(in srgb, var(--primary) 55%, transparent)}}.ap-edit-layer-row--active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-layer-row--active{background:color-mix(in srgb, var(--primary) 16%, transparent)}}.ap-edit-layer-row--active{box-shadow:inset 3px 0 0 var(--primary)}.ap-edit-layers-hint{color:var(--muted);margin:0;padding:0 4px 4px;font-size:11px;line-height:1.35}.ap-edit-layers-hint--warn{color:#b45309}@supports (color:color-mix(in lab, red, red)){.ap-edit-layers-hint--warn{color:color-mix(in srgb, #b45309 70%, var(--text))}}.ap-edit-layer-name{flex:1;align-items:center;gap:4px;min-width:0;height:32px;display:inline-flex}.ap-edit-layer-name-btn{text-align:left;min-width:0;height:32px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;align-items:center;padding:0 4px 0 2px;font-size:12px;font-weight:700;display:inline-flex}.ap-edit-layer-name-btn:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-layer-name-btn:hover{background:color-mix(in srgb, var(--primary) 8%, transparent)}}.ap-edit-layer-name-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ap-edit-layer-kind-chip{background:var(--text);border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-edit-layer-kind-chip{background:color-mix(in srgb, var(--text) 6%, transparent)}}.ap-edit-layer-kind-chip{color:var(--muted);cursor:pointer;padding:0}.ap-edit-layer-kind-chip svg{width:14px;height:14px}.ap-edit-layer-kind-chip:hover,.ap-edit-layer-kind-chip--unlocked{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-layer-kind-chip:hover,.ap-edit-layer-kind-chip--unlocked{background:color-mix(in srgb, var(--primary) 18%, transparent)}}.ap-edit-layer-kind-chip:hover,.ap-edit-layer-kind-chip--unlocked{color:var(--primary)}.ap-edit-layer-row-actions{flex-shrink:0;align-items:center;gap:0;display:none}.ap-edit-layer-row:hover .ap-edit-layer-row-actions,.ap-edit-layer-row--active .ap-edit-layer-row-actions,.ap-edit-layer-row:focus-within .ap-edit-layer-row-actions{display:inline-flex}.ap-edit-layer-active-badge{letter-spacing:.02em;color:var(--primary);background:var(--primary);border-radius:999px;flex-shrink:0;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:800}@supports (color:color-mix(in lab, red, red)){.ap-edit-layer-active-badge{background:color-mix(in srgb, var(--primary) 18%, transparent)}}.ap-edit-layer-name-input{border:1px solid var(--primary);flex:1;min-width:0;height:32px;padding:0 8px}@supports (color:color-mix(in lab, red, red)){.ap-edit-layer-name-input{border:1px solid color-mix(in srgb, var(--primary) 45%, transparent)}}.ap-edit-layer-name-input{background:var(--surface,#fff);color:var(--text);border-radius:6px;font-size:12px;font-weight:700}.ap-edit-fill-dock{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;padding:8px 10px;display:flex}.ap-edit-fill-dock--bar{background:var(--surface,#fff)}@supports (color:color-mix(in lab, red, red)){.ap-edit-fill-dock--bar{background:color-mix(in srgb, var(--surface,#fff) 92%, transparent)}}.ap-edit-fill-dock--bar{border-top:1px solid var(--text)}@supports (color:color-mix(in lab, red, red)){.ap-edit-fill-dock--bar{border-top:1px solid color-mix(in srgb, var(--text) 10%, transparent)}}.ap-edit-fill-dock-modes,.ap-edit-fill-dock-actions{flex-wrap:wrap;gap:6px;display:flex}.ap-edit-fill-dock-mosaic{flex-direction:column;gap:8px;display:flex}.ap-edit-fill-dock-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.ap-edit-dock-fill{flex-direction:column;gap:8px;width:100%;display:flex}.ap-edit-mosaic-var{color:var(--muted);align-items:center;gap:6px;max-width:160px;font-size:11px;display:inline-flex}.ap-edit-mosaic-var input[type=range]{width:72px;accent-color:var(--primary)}.ap-edit-mosaic-var--dock{width:100%;max-width:none}.ap-edit-mosaic-var--dock input[type=range]{flex:1;width:auto;min-width:0}.ap-edit-mosaic-colors{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}.ap-edit-mosaic-swatch{border:1px solid var(--text);align-items:center;gap:6px;margin:0;padding:4px 8px 4px 4px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-edit-mosaic-swatch{border:1px solid color-mix(in srgb, var(--text) 14%, transparent)}}.ap-edit-mosaic-swatch{background:var(--surface,#fff);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.ap-edit-mosaic-swatch{background:color-mix(in srgb, var(--surface,#fff) 88%, transparent)}}.ap-edit-mosaic-swatch{color:var(--text);cursor:pointer;font:inherit;font-size:11px;line-height:1.2}.ap-edit-mosaic-swatch:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-mosaic-swatch:hover{border-color:color-mix(in srgb, var(--primary) 45%, transparent)}}.ap-edit-mosaic-swatch--picking{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-mosaic-swatch--picking{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 35%, transparent)}}.ap-edit-mosaic-pick-hint{color:var(--primary);flex:100%;margin:0;font-size:12px;line-height:1.35}.ap-edit-mosaic-swatch-chip{border:1px solid var(--text);border-radius:5px;width:22px;height:22px}@supports (color:color-mix(in lab, red, red)){.ap-edit-mosaic-swatch-chip{border:1px solid color-mix(in srgb, var(--text) 22%, transparent)}}.ap-edit-mosaic-swatch-chip{box-sizing:border-box;flex-shrink:0}.ap-edit-mosaic-swatch-chip--mini{vertical-align:-2px;border-radius:3px;width:14px;height:14px;margin-right:4px;display:inline-block}.ap-edit-mosaic-swatch-meta{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.ap-edit-mosaic-swatch-label{font-weight:600}.ap-edit-mosaic-swatch-code{color:var(--muted);font-variant-numeric:tabular-nums}.ap-edit-mosaic-autopair{align-self:center}.ap-edit-mosaic-chip-mini{align-items:center;display:inline-flex}.ap-edit-dock-stamp-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.ap-edit-dock-stamp-actions{flex-wrap:wrap;gap:6px;display:flex}.ap-edit-stamp-sub-hint{color:var(--muted);max-width:220px;font-size:11px;line-height:1.3}.ap-stamp-library{flex-direction:column;gap:8px;width:100%;min-height:0;display:flex}.ap-stamp-library--embedded{padding:4px 2px 8px}.ap-stamp-library-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.ap-stamp-library-head-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.ap-stamp-library-head strong{color:var(--text);font-size:13px;font-weight:800}.ap-stamp-library-save{align-items:center;gap:4px;font-size:11px;display:inline-flex;width:auto!important;padding-inline:8px!important}.ap-stamp-library-empty{color:var(--muted);margin:0;padding:8px 4px;font-size:12px;line-height:1.4}.ap-stamp-library-grid{flex-direction:column;gap:6px;min-height:0;max-height:min(52vh,420px);display:flex;overflow-y:auto}.ap-stamp-library-card{background:var(--text);border:1px solid #0000;border-radius:10px;align-items:stretch;gap:4px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-stamp-library-card{background:color-mix(in srgb, var(--text) 4%, transparent)}}.ap-stamp-library-card{padding:4px}.ap-stamp-library-card--active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-stamp-library-card--active{border-color:color-mix(in srgb, var(--primary) 55%, transparent)}}.ap-stamp-library-card--active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-stamp-library-card--active{background:color-mix(in srgb, var(--primary) 12%, transparent)}}.ap-stamp-library-card--active{box-shadow:inset 3px 0 0 var(--primary)}.ap-stamp-library-pick{cursor:pointer;text-align:left;min-width:0;color:var(--text);background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:10px;padding:4px;display:flex}.ap-stamp-library-pick:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-stamp-library-pick:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}}.ap-stamp-library-thumb{background:linear-gradient(45deg, var(--text) 25%, transparent 25%), linear-gradient(-45deg, var(--text) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--text) 75%), linear-gradient(-45deg, transparent 75%, var(--text) 75%);border-radius:8px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}@supports (color:color-mix(in lab, red, red)){.ap-stamp-library-thumb{background:linear-gradient(45deg, color-mix(in srgb, var(--text) 8%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--text) 8%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--text) 8%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--text) 8%, transparent) 75%)}}.ap-stamp-library-thumb{background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.ap-stamp-thumb-canvas{image-rendering:pixelated;max-width:52px;max-height:52px}.ap-stamp-library-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.ap-stamp-library-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.ap-stamp-library-size{color:var(--muted);font-size:11px}.ap-stamp-library-remove{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:inline-flex}.ap-stamp-library-remove:hover{color:var(--text);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-stamp-library-remove:hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}}.ap-edit-layer-vis,.ap-edit-layer-lock,.ap-edit-layer-move{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ap-edit-layer-vis:hover,.ap-edit-layer-lock:hover,.ap-edit-layer-move:hover,.ap-edit-layer-name:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-layer-vis:hover,.ap-edit-layer-lock:hover,.ap-edit-layer-move:hover,.ap-edit-layer-name:hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}}.ap-edit-layer-vis:hover,.ap-edit-layer-lock:hover,.ap-edit-layer-move:hover,.ap-edit-layer-name:hover{color:var(--text)}.ap-edit-layer-move:disabled{opacity:.35;cursor:default}.ap-edit-layers-actions{flex-wrap:wrap;justify-content:flex-end;gap:2px;display:flex}.ap-edit-layer-merge-btn{gap:4px;width:auto!important;padding-inline:8px!important}.ap-edit-layer-action-label{white-space:nowrap;font-size:11px;font-weight:700}.ap-edit-color-dock{border:1px solid var(--line);border-radius:11px;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-edit-color-dock{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.ap-edit-color-dock{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-edit-color-dock{background:color-mix(in srgb, var(--card) 82%, transparent)}}.ap-edit-color-dock{-webkit-backdrop-filter:blur(14px);pointer-events:auto;max-width:min(62vw,320px);box-shadow:0 4px 16px #00000014}.ap-edit-color-dock .ap-edit-palette-btn{border:none;border-radius:999px;flex-shrink:0;width:36px;height:36px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff4d}.ap-edit-palette-btn-code{letter-spacing:-.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:100%;font-size:8px;font-weight:900;line-height:1;overflow:hidden}.ap-edit-color-dock .ap-edit-palette-btn .ap-edit-tool-icon{filter:drop-shadow(0 0 1px #00000059)}.ap-edit-recent-colors{scrollbar-width:none;align-items:center;gap:2px;min-width:0;padding-right:2px;display:flex;overflow-x:auto}.ap-edit-recent-colors::-webkit-scrollbar{display:none}.ap-edit-recent-swatch{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:3px;display:inline-flex}.ap-edit-recent-swatch:hover{background:var(--line)}@supports (color:color-mix(in lab, red, red)){.ap-edit-recent-swatch:hover{background:color-mix(in srgb, var(--line) 28%, transparent)}}.ap-edit-recent-swatch--active{background:0 0}.ap-edit-recent-swatch-fill{box-sizing:border-box;border:1px solid #0000001a;border-radius:6px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 4px;display:inline-flex}.ap-edit-recent-swatch-code{letter-spacing:.01em;color:#fff;text-shadow:0 0 3px #000000bf,0 1px 1px #0000008c;pointer-events:none;white-space:nowrap;font-size:9px;font-weight:800;line-height:1}.ap-edit-color-preview{border:1px solid var(--line);border-radius:11px;flex-shrink:0;align-items:center;gap:6px;padding:4px 8px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-edit-color-preview{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.ap-edit-color-preview{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-edit-color-preview{background:color-mix(in srgb, var(--card) 82%, transparent)}}.ap-edit-color-preview{-webkit-backdrop-filter:blur(14px);pointer-events:auto;box-shadow:0 4px 16px #00000014}.ap-edit-color-preview--clickable{cursor:pointer;font:inherit;color:inherit;border:none;transition:background .15s,box-shadow .15s}.ap-edit-color-preview--clickable:hover{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-edit-color-preview--clickable:hover{background:color-mix(in srgb, var(--card) 92%, var(--accent) 8%)}}.ap-edit-color-preview--clickable.ap-edit-color-preview--open{box-shadow:0 4px 16px #00000014, inset 0 0 0 2px var(--accent)}@supports (color:color-mix(in lab, red, red)){.ap-edit-color-preview--clickable.ap-edit-color-preview--open{box-shadow:0 4px 16px #00000014, inset 0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent)}}.ap-edit-color-preview-block--btn{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;border-radius:8px;padding:0;transition:background .15s}.ap-edit-color-preview-block--btn:hover{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-edit-color-preview-block--btn:hover{background:color-mix(in srgb, var(--card) 70%, var(--accent) 10%)}}.ap-edit-color-preview-block--btn.ap-edit-color-preview-block--open{outline:2px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.ap-edit-color-preview-block--btn.ap-edit-color-preview-block--open{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent)}}.ap-edit-color-preview-block--btn.ap-edit-color-preview-block--open{outline-offset:2px}.ap-edit-color-preview--brush{gap:8px;padding:4px 10px 4px 6px}.ap-edit-color-preview-block{align-items:center;gap:6px;display:inline-flex}.ap-edit-color-preview-block--hover{border-left:1px solid var(--line);padding-left:6px}@supports (color:color-mix(in lab, red, red)){.ap-edit-color-preview-block--hover{border-left:1px solid color-mix(in srgb, var(--line) 65%, transparent)}}.ap-edit-color-preview-label{color:var(--muted);letter-spacing:.02em;font-size:10px;font-weight:800}.ap-edit-color-preview-dot{border-radius:7px;flex-shrink:0;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000014,0 1px 3px #0000001a}.ap-edit-color-preview-dot--lg{border-radius:8px;width:26px;height:26px}.ap-edit-color-preview-code{font-variant-numeric:tabular-nums;color:var(--text);min-width:2.5em;font-size:12px;font-weight:800}.ap-edit-float-dock-btn{width:var(--edit-dock-btn);height:var(--edit-dock-btn);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;line-height:1;transition:background .12s,color .12s,box-shadow .12s;display:grid}.ap-edit-float-dock-btn--active{background:var(--primary-100);color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-float-dock-btn--active{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--primary) 45%, transparent)}}.ap-edit-dock-icon{width:var(--edit-dock-icon);height:var(--edit-dock-icon);place-items:center;display:grid}.ap-edit-dock-icon svg{width:100%;height:100%}.ap-edit-more-tools-divider{background:var(--line);grid-column:1/-1;height:1px;margin:2px 4px}@supports (color:color-mix(in lab, red, red)){.ap-edit-more-tools-divider{background:color-mix(in srgb, var(--line) 75%, transparent)}}.ap-edit-more-mirror-btn span{color:var(--text);font-size:11px;font-weight:800;display:inline}.ap-edit-more-mirror-btn--active{background:var(--primary-100);color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-more-mirror-btn--active{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--primary) 45%, transparent)}}.ap-edit-more-mirror-btn--active span{color:var(--primary)}.ap-edit-more-tools-pop .ap-edit-more-mirror-btn{width:auto;min-width:100%;height:auto;min-height:var(--edit-dock-btn);justify-content:flex-start;gap:8px;padding:4px 8px}.ap-edit-more-tools-pop .ap-edit-more-mirror-btn .ap-edit-dock-icon{width:var(--edit-dock-icon);height:var(--edit-dock-icon);flex-shrink:0;place-items:center;display:grid}.ap-edit-board-hint{color:var(--muted);margin:0;font-size:11px;font-weight:600;line-height:1.45}.ap-edit-pegboard-colors{flex-wrap:wrap;gap:8px;display:flex}.ap-edit-pegboard-color{cursor:pointer;border:2px solid #0000;border-radius:8px;width:32px;height:32px;padding:0;box-shadow:inset 0 0 0 1px #00000014}.ap-edit-pegboard-color--active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.ap-edit-float-tool{width:var(--edit-dock-btn);height:var(--edit-dock-btn);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;transition:background .12s,color .12s,box-shadow .12s;display:grid}.ap-edit-tool-icon{width:var(--edit-dock-icon);height:var(--edit-dock-icon);flex-shrink:0}.ap-edit-float-tool span:not(.ap-edit-tool-props-mark){display:none}.ap-edit-more-tools-wrap{flex-shrink:0;position:relative}.ap-edit-more-tools-btn--open:not(.ap-edit-float-tool--active){background:var(--line)}@supports (color:color-mix(in lab, red, red)){.ap-edit-more-tools-btn--open:not(.ap-edit-float-tool--active){background:color-mix(in srgb, var(--line) 35%, transparent)}}.ap-edit-more-tools-btn--open:not(.ap-edit-float-tool--active){color:var(--text)}.ap-edit-float-tool--active{background:var(--primary-100);color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-float-tool--active{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--primary) 45%, transparent)}}.ap-edit-more-tools-pop .ap-edit-float-tool--active{background:var(--primary-100);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-more-tools-pop .ap-edit-float-tool--active{border-color:color-mix(in srgb, var(--primary) 50%, transparent)}}.ap-edit-more-tools-pop .ap-edit-float-tool--active,.ap-edit-more-tools-pop .ap-edit-float-tool--active span{color:var(--primary)}.ap-edit-more-tools-pop{z-index:60;border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(2,minmax(76px,1fr));gap:4px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);right:0}@supports (color:color-mix(in lab, red, red)){.ap-edit-more-tools-pop{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.ap-edit-more-tools-pop{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-edit-more-tools-pop{background:color-mix(in srgb, var(--card) 94%, transparent)}}.ap-edit-more-tools-pop{-webkit-backdrop-filter:blur(16px);max-height:min(52vh,320px);overflow-y:auto;box-shadow:0 8px 28px #00000024}.ap-edit-more-tools-pop .ap-edit-float-tool{border:1px solid var(--line);background:var(--card);justify-content:flex-start;align-items:center;gap:6px;width:auto;min-width:72px;height:40px;padding:0 8px;display:inline-flex}.ap-edit-more-tools-pop .ap-edit-float-tool span{color:var(--text);font-size:11px;font-weight:800;display:inline}.ap-edit-float-swatches{scrollbar-width:none;pointer-events:none;flex-shrink:1;align-items:center;gap:4px;min-width:0;max-width:min(48vw,220px);margin-left:auto;display:flex;overflow-x:auto}.ap-edit-float-swatches::-webkit-scrollbar{display:none}.ap-edit-swatch-btn{width:var(--edit-dock-btn);height:var(--edit-dock-btn);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;position:relative}.ap-edit-swatch-dot{border:2px solid #0000;border-radius:8px;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #0000000f}.ap-edit-swatch-code{color:#fff;text-align:center;text-shadow:0 0 2px #000000d9;pointer-events:none;font-size:6px;font-weight:800;line-height:1;position:absolute;bottom:2px;left:1px;right:1px}.ap-edit-swatch-btn--active .ap-edit-swatch-dot{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.ap-edit-swatch-btn--highlight .ap-edit-swatch-dot{outline:2px solid var(--primary);outline-offset:1px}.ap-edit-pop-root{z-index:28;pointer-events:none;position:absolute;inset:0}.ap-edit-pop-backdrop{cursor:default;pointer-events:auto;background:#0f172a47;border:none;position:absolute;inset:0}.ap-edit-pop-panel{z-index:29;max-height:min(70vh, calc(100% - env(safe-area-inset-top,0px) - 48px));border-top:1px solid var(--line);background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0px);pointer-events:auto;will-change:transform;border-radius:16px 16px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #00000029}.ap-edit-pop-panel-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;padding:10px 16px 2px;display:flex}.ap-edit-pop-panel-handle:active{cursor:grabbing}.ap-edit-pop-grab{background:var(--muted);border-radius:999px;width:40px;height:4px}@supports (color:color-mix(in lab, red, red)){.ap-edit-pop-grab{background:color-mix(in srgb, var(--muted) 35%, transparent)}}.ap-edit-pop-panel-head{flex-shrink:0;padding:6px 14px 8px}.ap-edit-pop-panel-head strong{font-size:14px;font-weight:800}.ap-edit-pop-panel-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;min-height:0;padding:0 14px 14px;display:flex;overflow-y:auto}.ap-palette-chip{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:4px 2px;display:flex}.ap-palette-chip-color{aspect-ratio:1;border:1px solid #00000014;border-radius:6px;width:100%;box-shadow:inset 0 0 0 1px #ffffff1f}.ap-palette-chip-code{color:var(--muted);font-size:9px;font-weight:800;line-height:1}.ap-palette-chip--active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-palette-chip--active{background:color-mix(in srgb, var(--primary) 14%, #fff)}}.ap-palette-chip--active{box-shadow:inset 0 0 0 2px var(--primary)}.ap-palette-chip--active .ap-palette-chip-color{box-shadow:inset 0 0 0 1px #ffffff1f, 0 0 0 2px #fff, 0 0 0 3.5px var(--primary)}.ap-palette-chip--active .ap-palette-chip-code{color:var(--primary);font-weight:900}.ap-palette-chip--highlight .ap-palette-chip-color{outline:2px solid var(--primary);outline-offset:1px}.ap-edit-float-panel{top:56px;right:10px;bottom:calc(46px + env(safe-area-inset-bottom,0px));z-index:24;border-radius:var(--r-lg);border:1px solid var(--line);flex-direction:column;gap:8px;width:min(280px,34vw);padding:12px;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.ap-edit-float-panel{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.ap-edit-float-panel{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-edit-float-panel{background:color-mix(in srgb, var(--card) 88%, transparent)}}.ap-edit-float-panel{-webkit-backdrop-filter:blur(16px);-webkit-overflow-scrolling:touch;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.ap-edit-float-panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ap-edit-float-panel-head strong{font-size:16px}.ap-edit-compare-float{top:calc(44px + env(safe-area-inset-top,0px));z-index:22;border:1px solid var(--line);border-radius:10px;width:min(120px,28vw);max-height:min(120px,22vh);padding:4px;position:absolute;left:10px}@supports (color:color-mix(in lab, red, red)){.ap-edit-compare-float{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.ap-edit-compare-float{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-edit-compare-float{background:color-mix(in srgb, var(--card) 88%, transparent)}}.ap-edit-compare-float{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;box-shadow:0 4px 16px #0000001a}.ap-edit-compare-float img{object-fit:contain;width:100%;height:100%;max-height:min(112px,20vh);image-rendering:pixelated;border-radius:6px;display:block}.ap-edit-more-colors{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:11px;font-weight:800}.ap-edit-palette-sheet{flex-direction:column;gap:10px;display:flex}.ap-edit-palette-panel{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.ap-edit-palette-toolbar{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.ap-edit-palette-search{width:100%}.ap-edit-palette-letters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ap-edit-palette-letter{border:1px solid var(--line);background:var(--card);min-width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:8px;padding:0 8px;font-size:12px;font-weight:800}.ap-edit-palette-letter--series{border-radius:999px;align-items:center;gap:6px;min-width:0;height:30px;padding:0 8px 0 4px;display:inline-flex}.ap-edit-palette-letter-swatch{border-radius:999px;flex:none;width:18px;height:18px;display:block;box-shadow:inset 0 0 0 1px #0000001f}.ap-edit-palette-letter-name{color:inherit;font-size:12px;font-weight:800;line-height:1}.ap-edit-palette-letter--active{border-color:var(--primary);background:var(--primary-100);color:var(--primary)}.ap-edit-palette-letter--series.ap-edit-palette-letter--active{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 2px var(--primary);background:#fff}@supports (color:color-mix(in lab, red, red)){.ap-edit-palette-letter--series.ap-edit-palette-letter--active{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 45%, transparent)}}.ap-edit-palette-group-label{align-items:center;gap:8px;display:inline-flex}.ap-edit-palette-group-swatch{border-radius:999px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #0000001f}.ap-edit-palette-scroll{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;min-height:0;padding-bottom:4px;display:flex;overflow-y:auto}.ap-edit-palette-group{flex-direction:column;gap:6px;display:flex}.ap-edit-palette-group-head{z-index:1;color:var(--text);background:var(--card);justify-content:space-between;align-items:center;gap:8px;padding:4px 2px;font-size:12px;font-weight:800;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.ap-edit-palette-group-head{background:color-mix(in srgb, var(--card) 92%, transparent)}}.ap-edit-palette-group-head{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ap-edit-palette-group-count{color:var(--muted);font-size:11px;font-weight:700}.ap-edit-palette-empty{text-align:center;color:var(--muted);margin:16px 0;font-size:13px;font-weight:600}.ap-edit-float-panel .ap-edit-palette-panel{flex:1;min-height:0}.ap-edit-float-panel .ap-edit-palette-scroll{max-height:none}.ap-edit-pop-panel-body .ap-edit-palette-panel{height:auto;max-height:none}.ap-edit-pop-panel-body .ap-studio-right-pane--colors,.ap-edit-pop-panel-body .ap-studio-right-pane--usage{flex:none;min-height:0;display:block;overflow:visible}.ap-edit-pop-panel-body .ap-edit-palette-scroll{max-height:none;overflow:visible}.ap-edit-palette-sheet-head{justify-content:space-between;align-items:center;display:flex}.ap-edit-dock-brush{flex-direction:column;gap:6px;display:flex}.ap-edit-current-meta{color:var(--muted);flex-direction:column;gap:2px;font-size:11px;font-weight:600;display:flex}.ap-edit-brush-row{gap:8px;display:flex}.ap-edit-brush-chip{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:10px;min-width:44px;min-height:44px;padding:0 14px;font-size:14px;font-weight:800}.ap-edit-brush-chip--active{border-color:var(--primary);background:var(--primary-100);color:var(--primary)}.ap-palette-grid--editor{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;display:grid}.ap-edit-pop-panel-body .ap-palette-grid--editor{max-height:none;overflow:visible}.ap-edit-workspace--desktop .ap-palette-grid--editor{flex:1;min-height:120px;max-height:none}.ap-bottom-sheet .ap-btn--primary{width:100%;min-height:48px}.ap-edit-zoom{color:var(--muted);align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.ap-edit-zoom input[type=range]{accent-color:var(--accent,#2563eb);flex:1}.ap-edit-zoom--sheet{flex-direction:column;align-items:stretch}.ap-edit-zoom--inline{flex:160px;min-width:140px}.ap-edit-toggles{flex-wrap:wrap;gap:6px;display:flex}.ap-edit-toggles--sheet{justify-content:flex-start}.ap-edit-toggle{border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700}.ap-edit-toggle--active{border-color:var(--accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){.ap-edit-toggle--active{border-color:color-mix(in srgb, var(--accent,#2563eb) 55%, var(--line))}}.ap-edit-toggle--active{background:var(--accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){.ap-edit-toggle--active{background:color-mix(in srgb, var(--accent,#2563eb) 12%, var(--card))}}.ap-edit-toggle--active{color:var(--text)}.ap-edit-eraser-mode{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ap-edit-options-sheet{flex-direction:column;gap:12px;display:flex}.ap-edit-float-tools--sheet{flex-direction:column;gap:8px;display:flex}.ap-edit-float-tools-row{flex-wrap:wrap;gap:6px;display:flex}.ap-edit-float-tools--sheet .ap-edit-float-tool{border:1px solid var(--line);background:var(--card);border-radius:10px;align-items:center;gap:6px;width:auto;min-width:72px;height:44px;padding:0 10px;display:inline-flex}.ap-edit-float-tools--sheet .ap-edit-tool-icon{width:20px;height:20px}.ap-edit-float-tools--sheet .ap-edit-float-tool span{font-size:11px;font-weight:800;display:inline}.ap-edit-dock-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.ap-edit-minimap{right:10px;bottom:calc(46px + env(safe-area-inset-bottom,0px));z-index:22;background:var(--card);border-radius:8px;padding:4px;position:absolute}@supports (color:color-mix(in lab, red, red)){.ap-edit-minimap{background:color-mix(in srgb, var(--card) 82%, transparent)}}.ap-edit-minimap{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.ap-edit-minimap{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.ap-edit-minimap{pointer-events:auto;touch-action:none;box-shadow:0 2px 10px #0000001a}.ap-edit-minimap-canvas{image-rendering:auto;cursor:pointer;border-radius:4px;display:block}.ap-edit-minimap--embedded{z-index:auto;width:100%;box-shadow:none;background:var(--surface);padding:6px;position:static;bottom:auto;right:auto}@supports (color:color-mix(in lab, red, red)){.ap-edit-minimap--embedded{background:color-mix(in srgb, var(--surface) 92%, var(--primary) 8%)}}.ap-edit-minimap--embedded{border:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.ap-edit-minimap--embedded{border:1px solid color-mix(in srgb, var(--line) 65%, transparent)}}.ap-edit-minimap--embedded .ap-edit-minimap-canvas{width:100%;height:auto}.ap-preview-step{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.ap-pattern-preview-frame{border-radius:var(--r-lg);background:oklch(94% .018 85);flex:1;justify-content:center;align-items:center;min-height:180px;padding:12px;display:flex;overflow:auto}.ap-pattern-preview-canvas{border-radius:8px;max-width:100%;height:auto;display:block}.ap-preview-usage-chips{flex-wrap:wrap;gap:8px;max-height:96px;display:flex;overflow-y:auto}@media (width<=767px){.ap-edit-minimap{right:8px;bottom:calc(52px + env(safe-area-inset-bottom,0px));max-width:min(38vw,120px)}.ap-pattern-preview-frame{min-height:220px;padding:8px}}.ap-bead-editor-viewport{touch-action:none;background:var(--beadify-editor-board,oklch(94% .018 85));position:relative;overflow:hidden}.ap-bead-editor-infinite-bg,.ap-bead-editor-pegboard-world{pointer-events:none;background-color:var(--beadify-editor-board,oklch(94% .018 85));background-image:none;position:absolute;inset:0}.ap-bead-editor-infinite-bg--with-rulers,.ap-bead-editor-pegboard-world--with-rulers{top:24px;left:24px}.ap-bead-editor-content-host{z-index:1;position:absolute;inset:0;overflow:hidden}.ap-bead-editor-content-host--with-rulers{top:24px;left:24px}.ap-bead-editor-transform-host{pointer-events:none;position:absolute;inset:0}.ap-bead-editor-transform-wrap{pointer-events:auto;transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.ap-bead-editor-board-wrap{position:absolute;top:0;left:0}.ap-bead-editor-board-frame{border-radius:1px;box-shadow:0 1px 2px #0000001a,0 6px 18px #00000024}.ap-bead-editor-viewport--infinite{background:0 0}.ap-bead-editor-viewport--infinite .ap-bead-editor-canvas,.ap-bead-editor-viewport--infinite .ap-bead-editor-overlay,.ap-bead-editor-viewport--infinite .ap-bead-editor-reference{box-shadow:none;border-radius:0}.ap-editor-viewport-rulers{pointer-events:none;z-index:4;position:absolute;inset:0}.ap-editor-viewport-rulers-corner{background:var(--surface,#f1f5f9);position:absolute;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.ap-editor-viewport-rulers-corner{background:color-mix(in srgb, var(--surface,#f1f5f9) 96%, transparent)}}.ap-editor-viewport-rulers-corner{border-right:1px solid var(--text)}@supports (color:color-mix(in lab, red, red)){.ap-editor-viewport-rulers-corner{border-right:1px solid color-mix(in srgb, var(--text) 12%, transparent)}}.ap-editor-viewport-rulers-corner{border-bottom:1px solid var(--text)}@supports (color:color-mix(in lab, red, red)){.ap-editor-viewport-rulers-corner{border-bottom:1px solid color-mix(in srgb, var(--text) 12%, transparent)}}.ap-editor-viewport-rulers-corner{box-sizing:border-box}.ap-editor-viewport-rulers-top,.ap-editor-viewport-rulers-left{background:var(--surface,#f1f5f9);position:absolute;overflow:visible}@supports (color:color-mix(in lab, red, red)){.ap-editor-viewport-rulers-top,.ap-editor-viewport-rulers-left{background:color-mix(in srgb, var(--surface,#f1f5f9) 96%, transparent)}}.ap-editor-ruler-mirror{pointer-events:none}.ap-editor-ruler-mirror-line{stroke:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-editor-ruler-mirror-line{stroke:color-mix(in srgb, var(--primary) 88%, transparent)}}.ap-editor-ruler-mirror-line--active{stroke:var(--primary)}.ap-editor-ruler-mirror-handle{fill:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-editor-ruler-mirror-handle{fill:color-mix(in srgb, var(--primary) 92%, transparent)}}.ap-editor-ruler-mirror-handle--active{fill:var(--primary)}.ap-editor-viewport-rulers-top{border-bottom:1px solid var(--text);top:0}@supports (color:color-mix(in lab, red, red)){.ap-editor-viewport-rulers-top{border-bottom:1px solid color-mix(in srgb, var(--text) 12%, transparent)}}.ap-editor-viewport-rulers-left{border-right:1px solid var(--text);left:0}@supports (color:color-mix(in lab, red, red)){.ap-editor-viewport-rulers-left{border-right:1px solid color-mix(in srgb, var(--text) 12%, transparent)}}.ap-editor-ruler-tick{stroke:var(--text)}@supports (color:color-mix(in lab, red, red)){.ap-editor-ruler-tick{stroke:color-mix(in srgb, var(--text) 18%, transparent)}}.ap-editor-ruler-tick{stroke-width:1px}.ap-editor-ruler-tick--major{stroke:var(--text)}@supports (color:color-mix(in lab, red, red)){.ap-editor-ruler-tick--major{stroke:color-mix(in srgb, var(--text) 32%, transparent)}}.ap-editor-ruler-tick--major{stroke-width:1px}.ap-editor-ruler-label{fill:var(--muted);font-family:system-ui,sans-serif;font-size:10px;font-weight:600}.ap-bead-editor-canvas-wrap{min-width:min-content;display:inline-block}.ap-bead-editor-reference{pointer-events:none;image-rendering:auto;z-index:0;border-radius:8px;display:block;position:absolute;top:0;left:0}.ap-bead-editor-canvas{z-index:1;touch-action:none;image-rendering:auto;--beadify-editor-board:#f4f1ea;--beadify-editor-ruler-line:#50646e24;--beadify-editor-board-line:var(--primary);border-radius:8px;display:block;position:relative;box-shadow:0 4px 20px #0000001f}@supports (color:color-mix(in lab, red, red)){.ap-bead-editor-canvas{--beadify-editor-board-line:color-mix(in srgb, var(--primary) 38%, transparent)}}.ap-bead-editor-canvas{--beadify-editor-board-border:#325a6e7a;--beadify-editor-bead-highlight:#ffffff8c;--beadify-editor-cell-grid:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-bead-editor-canvas{--beadify-editor-cell-grid:color-mix(in srgb, var(--primary) 12%, transparent)}}.ap-bead-editor-canvas{--beadify-editor-pegboard-tick-major:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-bead-editor-canvas{--beadify-editor-pegboard-tick-major:color-mix(in srgb, var(--primary) 42%, transparent)}}.ap-bead-editor-canvas{--beadify-editor-pegboard-tick-minor:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-bead-editor-canvas{--beadify-editor-pegboard-tick-minor:color-mix(in srgb, var(--primary) 24%, transparent)}}.ap-edit-workspace--float .ap-bead-editor-canvas{border-radius:4px}.ap-bead-editor-canvas--with-ref{box-shadow:0 4px 20px #00000014}.ap-bead-editor-overlay{pointer-events:none;image-rendering:pixelated;z-index:2;border-radius:8px;position:absolute;top:0;left:0}.ap-edit-text-overlay{z-index:3;pointer-events:auto;box-sizing:border-box;position:absolute;overflow:visible}.ap-edit-text-overlay__input{resize:none;color:#0000;caret-color:#0000;cursor:text;pointer-events:auto;background:0 0;border:none;outline:none;width:100%;height:100%;margin:0;padding:0;font-size:16px;line-height:1;position:absolute;inset:0;overflow:hidden}.ap-edit-text-font-dock{z-index:12;pointer-events:auto;max-height:min(78vh,580px);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ap-edit-text-dock-panel{width:200px;max-height:inherit;background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;padding:10px;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ap-edit-text-dock-panel{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.ap-edit-text-dock-panel{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.ap-edit-text-dock-panel{border:1px solid color-mix(in srgb, var(--border) 70%, transparent)}}.ap-edit-text-dock-panel{box-shadow:0 10px 32px color-mix(in srgb, 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a 20%, transparent)}@supports (color:color-mix(in lab, red, red)){.ap-edit-text-dock-panel{box-shadow:0 10px 32px color-mix(in srgb, var(--shadow) 20%, transparent)}}.ap-edit-text-dock-steppers{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.ap-edit-text-dock-steppers .ap-num-stepper{flex:none;grid-template-columns:52px 1fr;align-items:center;gap:8px;width:100%;display:grid}.ap-edit-text-dock-steppers .ap-num-stepper-label{color:var(--muted);margin:0;font-size:11px;font-weight:700}.ap-edit-text-dock-steppers .ap-num-stepper-controls{justify-content:stretch;width:100%}.ap-edit-text-dock-steppers .ap-num-stepper-btn{flex:none;width:30px;height:30px;font-size:16px}.ap-edit-text-dock-steppers .ap-num-stepper-val{text-align:center;font-variant-numeric:tabular-nums;flex:1;min-width:0;font-size:12px;font-weight:700}.ap-edit-text-dock-steppers .ap-num-stepper-val-wrap{flex:1}.ap-edit-text-dock-steppers .ap-num-stepper-val--input{max-width:none;font-size:12px}.ap-edit-text-dock-align{grid-template-columns:1fr 1fr;gap:6px;padding:0 2px 4px;display:grid}.ap-edit-text-align-btn{border:1px solid var(--border);justify-content:center;align-items:center;gap:4px;min-height:32px;padding:4px 6px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-edit-text-align-btn{border:1px solid color-mix(in oklab, var(--border) 80%, transparent)}}.ap-edit-text-align-btn{background:var(--panel);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.ap-edit-text-align-btn{background:color-mix(in oklab, var(--panel) 92%, transparent)}}.ap-edit-text-align-btn{color:var(--ink);cursor:pointer;font-size:11px;line-height:1.2}.ap-edit-text-align-btn .iconify{flex-shrink:0;font-size:16px}.ap-edit-text-align-btn--active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ap-edit-text-align-btn--active{border-color:color-mix(in oklab, var(--accent) 55%, var(--border))}}.ap-edit-text-align-btn--active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ap-edit-text-align-btn--active{background:color-mix(in oklab, var(--accent) 16%, var(--panel))}}.ap-edit-text-align-btn--active{color:var(--accent);font-weight:600}.ap-text-font-rail{width:100%;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;gap:2px;padding:0;display:flex;overflow:hidden auto}.ap-text-font-rail__item{width:100%;min-height:36px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.ap-text-font-rail__item:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-text-font-rail__item:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}}.ap-text-font-rail__item--active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-text-font-rail__item--active{background:color-mix(in srgb, var(--primary) 16%, var(--surface))}}.ap-text-font-rail__item--active{box-shadow:inset 0 0 0 1px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-text-font-rail__item--active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 35%, transparent)}}.ap-text-font-rail__glyph{background:var(--card);border-radius:6px;place-items:center;width:28px;height:28px;display:grid}@supports (color:color-mix(in lab, red, red)){.ap-text-font-rail__glyph{background:color-mix(in srgb, var(--card) 88%, var(--border))}}.ap-text-font-rail__glyph{image-rendering:pixelated;font-size:14px;line-height:1}.ap-text-font-rail__name{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.ap-text-font-rail__px{background:var(--muted);border-radius:999px;flex-shrink:0;padding:2px 6px}@supports (color:color-mix(in lab, red, red)){.ap-text-font-rail__px{background:color-mix(in srgb, var(--muted) 14%, transparent)}}.ap-text-font-rail__px{font-variant-numeric:tabular-nums;color:var(--muted);font-size:10px;font-weight:700}.ap-text-font-rail__item--active .ap-text-font-rail__px{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-text-font-rail__item--active .ap-text-font-rail__px{background:color-mix(in srgb, var(--primary) 18%, transparent)}}.ap-text-font-rail__item--active .ap-text-font-rail__px{color:var(--text)}.ap-edit-text-toolbar{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}.ap-edit-text-toolbar__field{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.ap-edit-text-toolbar__field em{min-width:1.5em;color:var(--text);font-style:normal}.ap-text-font-picker{display:inline-flex;position:relative}.ap-text-font-picker__trigger{border:1px solid var(--line);background:var(--surface);max-width:min(70vw,260px);min-height:32px;color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:4px 10px;display:inline-flex}.ap-text-font-picker__trigger:disabled{opacity:.45;cursor:default}.ap-text-font-picker__sample{white-space:nowrap;font-size:15px;font-weight:700;line-height:1.1}.ap-text-font-picker__label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.ap-text-font-picker__menu{z-index:40;border:1px solid var(--line);background:var(--card,var(--surface));border-radius:12px;width:min(92vw,300px);max-height:min(50vh,360px);margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 10px 30px #0f172a2e}.ap-text-font-picker__group{margin:0;padding:0;list-style:none}.ap-text-font-picker__group+.ap-text-font-picker__group{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.ap-text-font-picker__group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:4px 8px 6px;font-size:10px;font-weight:800;display:block}.ap-text-font-picker__group-list{margin:0;padding:0;list-style:none}.ap-text-font-picker__option{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.ap-text-font-picker__option:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-text-font-picker__option:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}}.ap-text-font-picker__option--active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-text-font-picker__option--active{background:color-mix(in srgb, var(--primary) 14%, transparent)}}.ap-text-font-picker__option-sample{font-size:18px;line-height:1.2}.ap-text-font-picker__option-meta{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.ap-text-font-picker__option-meta strong{color:var(--text);font-weight:700}.ap-text-font-picker__option-meta em{background:var(--primary);border-radius:999px;padding:1px 6px;font-style:normal}@supports (color:color-mix(in lab, red, red)){.ap-text-font-picker__option-meta em{background:color-mix(in srgb, var(--primary) 14%, transparent)}}.ap-text-font-picker__option-meta em{color:var(--primary);font-size:10px;font-weight:700}.ap-edit-text-toolbar__select{border:1px solid var(--line);background:var(--surface);max-width:120px;height:28px;color:var(--text);border-radius:8px;font-size:12px;font-weight:600}.ap-edit-text-toolbar__field input[type=range]{width:88px}.ap-edit-layer-kind-btn{width:26px;height:26px;color:var(--primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ap-edit-layer-kind-btn .ap-edit-layer-kind-icon{vertical-align:0;margin-right:0}.ap-edit-layer-kind-btn--unlocked{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ap-edit-layer-kind-btn--unlocked{border-color:color-mix(in oklab, var(--accent) 50%, var(--border))}}.ap-edit-layer-kind-btn--unlocked{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ap-edit-layer-kind-btn--unlocked{background:color-mix(in oklab, var(--accent) 14%, transparent)}}.ap-edit-layer-kind-btn--unlocked{color:var(--accent)}.ap-edit-layer-kind-icon{vertical-align:-2px;color:inherit;flex-shrink:0;margin-right:4px;font-size:14px}.ap-bead-editor-hint{color:var(--muted);pointer-events:none;opacity:.85;margin:0;font-size:10px;font-weight:600;position:absolute;bottom:6px;left:8px}@media (width>=768px){.ap-edit-float-top{padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px}.ap-edit-float-chip{max-width:min(42vw,260px)}.ap-edit-float-bottom{--edit-dock-btn:32px;--edit-dock-icon:18px;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));gap:8px}.ap-edit-float-swatches{max-width:min(320px,40vw)}}@media (width>=1024px) and (pointer:fine){.ap-edit-float-top-actions .ap-edit-float-icon{width:38px;height:38px}.ap-edit-float-done{min-height:38px;padding:0 18px}}.ap-tool-hint-toast{top:calc(env(safe-area-inset-top,0px) + var(--header-h,52px) + 8px);z-index:120;background:var(--ink,#1e293b);border-radius:999px;margin:0;padding:6px 14px;position:fixed;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.ap-tool-hint-toast{background:color-mix(in srgb, var(--ink,#1e293b) 48%, transparent)}}.ap-tool-hint-toast{-webkit-backdrop-filter:blur(10px);color:#fff;white-space:nowrap;pointer-events:none;font-size:13px;font-weight:600;line-height:1.3;animation:.16s ease-out ap-tool-hint-in;box-shadow:0 6px 20px #0f172a29}@keyframes ap-tool-hint-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.ap-portal{--r-xl:24px;--r-lg:16px;--r-md:12px;--r-sm:8px;--r-pill:999px;--r-card:22px;--radius-card:var(--r-card);--radius-panel:var(--r-card);--radius-button:var(--btn-radius,var(--r-pill));--radius-chip:var(--r-pill);--radius-input:var(--r-md);--radius-sheet:var(--r-xl);--font-brand:"Nunito", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;--font-ui:var(--font-brand);--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:clamp(1.75rem, 4vw, 2.25rem);--weight-bold:800;--weight-medium:700;--app-width:100%;--touch-min:48px;--header-h:52px;--icon-sm:18px;--icon-md:22px;--icon-lg:28px;--icon-xl:36px;--space-step:8px;--space-section:16px;--space-page:24px;--space-tight:6px;--shadow-soft:0 10px 25px -5px #0f172a0f;--shadow-card:var(--shadow-soft);--shadow-hover:0 18px 36px -10px #0f172a1a;--shadow:var(--shadow-card);--shadow-lg:0 16px 40px #00000029;--shadow-md:0 8px 24px #0000001f;font-family:var(--font-ui);--bg:#eef6f8;--surface:#fff;--card:#fff;--panel:#fff;--primary:#1c6372;--primary-600:#174f5b;--primary-100:#e3eef2;--accent:#e290a6;--accent-100:#fef0f4;--accent-secondary:#93c5fd;--text:#2a3f46;--ink:#2a3f46;--muted:#7a9098;--line:#dde8ed;--border:#dde8ed;--border-hover:#c8d8de;--danger:#dc2626;--danger-600:#b91c1c;--danger-100:#fef2f2;--success:#16a34a;--success-100:#dcfce7;--warning:#ca8a04;--warning-100:#fef9c3;--primary-glow:#1c637229;--primary-shadow:#1c63723d;--shadow-studio:0 12px 32px var(--primary), 0 2px 8px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-portal{--shadow-studio:0 12px 32px color-mix(in srgb, var(--primary) 8%, transparent), 0 2px 8px color-mix(in srgb, var(--primary) 4%, transparent)}}.ap-portal{--checker-a:#f1f5f9;--checker-b:#e8edf3;--step-muted-bg:#eef2f6;--brand-gradient-end:#246975;--upload-border:#d1dde8;--upload-hover-start:#f0f7f8;--pick-active-start:#f5fafb;--canvas-bg-end:#eef2f6;--image-shadow:#5a9fa41f;--shell-glow-a:#1c63721f;--shell-glow-b:#e290a624;--shell-glow-c:#93c5fd1a;--home-card-bg:#ffffffeb;--home-card-border:#e2e8f0e6;--btn-radius:var(--r-pill);--layout-max:1200px}.ap-portal[data-theme=sunlight]{--bg:#faf8f3;--surface:#fffdf8;--card:#fff;--panel:#fff;--primary:#d4a03a;--primary-600:#b8862a;--primary-100:#fef6e6;--accent:#6eb5a8;--accent-100:#eaf6f3;--accent-secondary:#6eb5a8;--text:#3a362e;--ink:#3a362e;--muted:#928a7c;--line:#efe9de;--border:#efe9de;--border-hover:#e8d9bc;--danger:#dc2626;--danger-600:#b91c1c;--danger-100:#fef2f2;--success:#16a34a;--success-100:#dcfce7;--warning:#ca8a04;--warning-100:#fef9c3;--primary-glow:#d4a03a29;--primary-shadow:#d4a03a3d;--shadow-studio:0 12px 32px var(--primary), 0 2px 8px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-portal[data-theme=sunlight]{--shadow-studio:0 12px 32px color-mix(in srgb, var(--primary) 8%, transparent), 0 2px 8px color-mix(in srgb, var(--primary) 4%, transparent)}}.ap-portal[data-theme=sunlight]{--checker-a:#faf6ed;--checker-b:#f3ece0;--step-muted-bg:#efe8db;--brand-gradient-end:#e8c06a;--upload-border:#e5dcc8;--upload-hover-start:#fef9ef;--pick-active-start:#fffbf3;--canvas-bg-end:#f5efe4;--image-shadow:#d4a03a24;--shell-glow-a:#ffe4a061;--shell-glow-b:#fff5d273;--shell-glow-c:transparent;--home-card-bg:#fffdf8eb;--home-card-border:#efe9dee6;--btn-radius:14px;--shadow-soft:0 1px 3px #3a362e0d, 0 1px 2px #3a362e0a;--shadow-card:var(--shadow-soft);--shadow-hover:0 8px 22px #d4a03a24}.ap-portal[data-theme=berry]{--bg:#faf3f6;--surface:#fffbfc;--card:#fff;--panel:#fff;--primary:#c45f8a;--primary-600:#a84d74;--primary-100:#fce8f0;--accent:#e8a87c;--accent-100:#fff4ed;--accent-secondary:#e8a87c;--text:#3f2d36;--ink:#3f2d36;--muted:#9a8693;--line:#f0e2ea;--border:#f0e2ea;--border-hover:#f0c4d8;--danger:#dc2626;--danger-600:#b91c1c;--danger-100:#fef2f2;--success:#16a34a;--success-100:#dcfce7;--warning:#ca8a04;--warning-100:#fef9c3;--primary-glow:#c45f8a24;--primary-shadow:#c45f8a38;--shadow-studio:0 12px 32px var(--primary), 0 2px 8px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-portal[data-theme=berry]{--shadow-studio:0 12px 32px color-mix(in srgb, var(--primary) 8%, transparent), 0 2px 8px color-mix(in srgb, var(--primary) 4%, transparent)}}.ap-portal[data-theme=berry]{--checker-a:#faf0f4;--checker-b:#f5e8ee;--step-muted-bg:#f0e6ec;--brand-gradient-end:#d4849f;--upload-border:#e8cdd8;--upload-hover-start:#fdf0f5;--pick-active-start:#fdf5f8;--canvas-bg-end:#f5ebf0;--image-shadow:#c45f8a24;--shell-glow-a:#fcc8dc59;--shell-glow-b:#ffe4d24d;--shell-glow-c:transparent;--home-card-bg:#fffbfceb;--home-card-border:#f0e2eae6;--btn-radius:14px;--shadow-soft:0 1px 3px #3f2d360f, 0 1px 2px #3f2d360a;--shadow-card:var(--shadow-soft);--shadow-hover:0 6px 18px #c45f8a24}.ap-portal[data-theme=ocean]{--bg:#e4e9f7;--surface:#f8f9ff;--card:#fff;--panel:#fff;--primary:#002fa7;--primary-600:#002688;--primary-100:#e6ecff;--accent:#ff6b00;--accent-100:#fff4eb;--accent-secondary:#ff6b00;--text:#1a2332;--ink:#1a2332;--muted:#64748b;--line:#e3e8f8;--border:#e3e8f8;--border-hover:#c8d6ff;--danger:#dc2626;--danger-600:#b91c1c;--danger-100:#fef2f2;--success:#16a34a;--success-100:#dcfce7;--warning:#ca8a04;--warning-100:#fef9c3;--primary-glow:#002fa71a;--primary-shadow:#002fa738;--shadow-studio:0 12px 32px var(--primary), 0 2px 8px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-portal[data-theme=ocean]{--shadow-studio:0 12px 32px color-mix(in srgb, var(--primary) 8%, transparent), 0 2px 8px color-mix(in srgb, var(--primary) 4%, transparent)}}.ap-portal[data-theme=ocean]{--checker-a:#eef2fb;--checker-b:#e4e9f7;--step-muted-bg:#e2e8f0;--brand-gradient-end:#1a4fd4;--upload-border:#c8d4f0;--upload-hover-start:#eef2ff;--pick-active-start:#f5f8ff;--canvas-bg-end:#eef2fb;--image-shadow:#002fa71f;--shell-glow-a:#002fa714;--shell-glow-b:#c8d6ff80;--shell-glow-c:transparent;--home-card-bg:#f8f9ffeb;--home-card-border:#e3e8f8e6;--btn-radius:14px;--shadow-soft:0 1px 3px #1a23320f, 0 1px 2px #1a23320a;--shadow-card:var(--shadow-soft);--shadow-hover:0 6px 18px #002fa714}.ap-portal[data-theme=harbour]{--bg:#ececec;--surface:#f5f5f5;--card:#fff;--panel:#fff;--primary:#9e1f00;--primary-600:#821900;--primary-100:#fce8e4;--accent:#3a86d4;--accent-100:#e8f2fc;--accent-secondary:#d4c040;--text:#2a2420;--ink:#2a2420;--muted:#7a7570;--line:#e0dedc;--border:#e0dedc;--border-hover:#d0ccc8;--danger:#dc2626;--danger-600:#b91c1c;--danger-100:#fef2f2;--success:#16a34a;--success-100:#dcfce7;--warning:#ca8a04;--warning-100:#fef9c3;--primary-glow:#9e1f0024;--primary-shadow:#9e1f0038;--shadow-studio:0 12px 32px var(--primary), 0 2px 8px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-portal[data-theme=harbour]{--shadow-studio:0 12px 32px color-mix(in srgb, var(--primary) 8%, transparent), 0 2px 8px color-mix(in srgb, var(--primary) 4%, transparent)}}.ap-portal[data-theme=harbour]{--checker-a:#f0f0f0;--checker-b:#e6e6e6;--step-muted-bg:#e8e8e8;--brand-gradient-end:#c42800;--upload-border:#d4d0cc;--upload-hover-start:#faf5f4;--pick-active-start:#fdf6f5;--canvas-bg-end:#ebebeb;--image-shadow:#9e1f001f;--shell-glow-a:#9e1f001a;--shell-glow-b:#3a86d424;--shell-glow-c:#d4c04014;--home-card-bg:#ffffffeb;--home-card-border:#e0dedce6;--btn-radius:14px;--shadow-soft:0 1px 3px #2a24200f, 0 1px 2px #2a24200a;--shadow-card:var(--shadow-soft);--shadow-hover:0 6px 18px #9e1f001f}.ap-site-header{z-index:30;padding-top:env(safe-area-inset-top,0px);background:var(--card);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.ap-site-header{background:color-mix(in srgb, var(--card) 92%, transparent)}}.ap-site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);font-family:var(--font-brand);letter-spacing:0;font-weight:700}.ap-site-header--marketing{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.ap-site-header--marketing{background:color-mix(in srgb, var(--bg) 90%, #fff)}}.ap-site-header--marketing{box-shadow:none;border-bottom:none}.ap-site-header-inner{max-width:var(--layout-max,1200px);min-height:var(--header-h);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:0 auto;padding:0 14px;display:grid}.ap-site-header-brand{align-items:center;gap:4px;min-width:0;display:flex}.ap-site-header-logo-btn{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:8px;min-width:0;margin:0;padding:2px 4px 2px 0;display:inline-flex}.ap-site-header--home{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-site-header--home{background:color-mix(in srgb, var(--card) 96%, transparent)}}.ap-site-header--home .ap-site-header-step-title{display:none}.ap-site-header-logo{border-radius:var(--r-md);color:#fff;background:0 0;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.ap-site-header-logo img{object-fit:contain;width:100%;height:100%;display:block}.ap-site-header-logo svg{width:20px;height:20px}.ap-site-header-wordmark{font-family:var(--font-brand);letter-spacing:-.01em;text-transform:lowercase;color:var(--text);white-space:nowrap;font-size:1.25rem;font-weight:800;line-height:1.1}.ap-site-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:none}.ap-site-nav-link{border-radius:var(--r-pill);color:var(--text);background:0 0;border:none;padding:6px 12px}@supports (color:color-mix(in lab, red, red)){.ap-site-nav-link{color:color-mix(in srgb, var(--text) 82%, var(--muted))}}.ap-site-nav-link{cursor:pointer;font-family:inherit;font-size:1rem;font-weight:800;line-height:1.15;transition:background .15s,color .15s}.ap-site-nav-link:hover,.ap-site-nav-link--active{background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-site-nav-link:hover,.ap-site-nav-link--active{background:color-mix(in srgb, var(--primary-100) 70%, transparent)}}.ap-site-nav-link:hover,.ap-site-nav-link--active{color:var(--primary-600)}.ap-site-nav-link--active{font-weight:800}.ap-site-header-step{flex:1;justify-content:center;min-width:0;display:flex}.ap-site-header-step-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:inherit;font-size:1.0625rem;font-weight:800;line-height:1.15;overflow:hidden}.ap-site-header-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.ap-site-header-studio-slot{justify-content:flex-end;align-items:center;min-width:0;display:flex;overflow:hidden}.ap-site-header-studio-slot .ap-edit-studio-nav--header{background:0 0;border:none;width:100%;min-height:0;padding:0}.ap-site-header-studio-slot .ap-import-studio-nav{justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.ap-import-header-title{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:inherit;font-size:1.0625rem;font-weight:800;line-height:1.15;overflow:hidden}.ap-site-header-studio-slot .ap-edit-studio-nav-right{scrollbar-width:none;justify-content:flex-end;padding-right:2px;overflow-x:auto}.ap-site-header-studio-slot .ap-edit-studio-nav-action{padding:2px 4px}.ap-site-header-studio-slot .ap-edit-studio-nav-action-label{max-width:4.5em;font-size:10px}.ap-site-header-icon-btn{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);width:38px;height:38px;color:var(--muted);cursor:pointer;place-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:grid}.ap-site-header-icon-btn--open{color:var(--primary-600);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-site-header-icon-btn--open{border-color:color-mix(in srgb, var(--primary) 35%, var(--line))}}.ap-site-header-icon-btn--open{background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-site-header-icon-btn--open{background:color-mix(in srgb, var(--primary-100) 55%, var(--surface))}}.ap-site-header-icon-btn svg{width:20px;height:20px}.ap-site-header-icon-btn:hover{color:var(--primary-600);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-site-header-icon-btn:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--line))}}.ap-site-header-icon-btn:hover{background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-site-header-icon-btn:hover{background:color-mix(in srgb, var(--primary-100) 50%, var(--surface))}}.ap-site-header-menu-wrap{position:relative}.ap-site-header-menu{z-index:40;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);min-width:200px;box-shadow:var(--shadow-hover);padding:6px;position:absolute;top:calc(100% + 8px);right:0}.ap-site-header-menu-item{border-radius:var(--r-md);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:9px 12px;font-family:inherit;font-size:.9375rem;font-weight:800;line-height:1.15;display:flex}.ap-site-header-menu-item svg{width:20px;height:20px;color:var(--muted)}.ap-site-header-menu-item:hover{background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-site-header-menu-item:hover{background:color-mix(in srgb, var(--primary-100) 65%, transparent)}}.ap-site-header-menu-item:hover{color:var(--primary-600)}.ap-site-header-menu-item--danger,.ap-site-header-menu-item--danger svg{color:var(--danger,#c0392b)}.ap-site-header-menu-item--danger:hover{background:var(--danger,#c0392b)}@supports (color:color-mix(in lab, red, red)){.ap-site-header-menu-item--danger:hover{background:color-mix(in srgb, var(--danger,#c0392b) 8%, transparent)}}.ap-site-header-menu-item--danger:hover{color:var(--danger,#c0392b)}.ap-site-header-pref-trigger{border-radius:var(--r-pill);color:var(--text);background:0 0;border:none;align-items:center;gap:5px;padding:6px 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-site-header-pref-trigger{color:color-mix(in srgb, var(--text) 82%, var(--muted))}}.ap-site-header-pref-trigger{cursor:pointer;white-space:nowrap;font-family:inherit;font-size:.9375rem;font-weight:800;line-height:1.15;transition:background .15s,color .15s}.ap-site-header-pref-trigger:hover,.ap-site-header-pref-trigger--open{background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-site-header-pref-trigger:hover,.ap-site-header-pref-trigger--open{background:color-mix(in srgb, var(--primary-100) 70%, transparent)}}.ap-site-header-pref-trigger:hover,.ap-site-header-pref-trigger--open{color:var(--primary-600)}.ap-site-header-pref-trigger-icon{width:18px;height:18px;color:var(--primary-600);flex-shrink:0}.ap-site-header-pref-trigger-swatch{border-radius:var(--r-pill);width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--text);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.ap-site-header-pref-trigger-swatch{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 12%, transparent)}}.ap-site-header-pref-trigger-text{text-overflow:ellipsis;max-width:72px;overflow:hidden}.ap-site-header-pref-chevron{opacity:.72;flex-shrink:0;width:14px;height:14px}.ap-site-header-pref-menu-icon{width:20px;height:20px;color:var(--muted);flex-shrink:0}.ap-site-header-user-menu{min-width:220px}.ap-site-header-pref-menu{min-width:168px}.ap-site-header-menu-item--active{color:var(--primary-600);background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-site-header-menu-item--active{background:color-mix(in srgb, var(--primary-100) 55%, transparent)}}.ap-site-header-pref-swatch{border-radius:var(--r-pill);width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--text);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.ap-site-header-pref-swatch{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 12%, transparent)}}.ap-site-header-pref-label{text-align:left;flex:1;min-width:0}.ap-site-header-pref-check{width:18px;height:18px;color:var(--primary-600);flex-shrink:0}.ap-site-header-menu-divider{border:none;border-top:1px solid var(--line);margin:4px 8px}.ap-site-header-auth{border:2px solid var(--primary);border-radius:var(--btn-radius,var(--r-pill));min-height:38px;color:var(--primary);cursor:pointer;box-shadow:none;white-space:nowrap;background:0 0;justify-content:center;align-items:center;padding:0 18px;font-family:inherit;font-size:.9375rem;font-weight:800;line-height:1.1;display:inline-flex}.ap-site-header-auth:hover{background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-site-header-auth:hover{background:color-mix(in srgb, var(--primary-100) 65%, transparent)}}.ap-site-header-auth-icon{flex-shrink:0;width:20px;height:20px;display:none}.ap-site-header-auth-label{min-width:0}.ap-site-header-user{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);cursor:pointer;align-items:center;gap:8px;max-width:min(168px,36vw);min-height:38px;padding:3px 12px 3px 3px;transition:border-color .15s,box-shadow .15s;display:inline-flex}.ap-site-header-user:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-site-header-user:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--line))}}.ap-site-header-user:hover{box-shadow:var(--shadow-soft)}.ap-site-header-user--open{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-site-header-user--open{border-color:color-mix(in srgb, var(--primary) 35%, var(--line))}}.ap-site-header-user--open{background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-site-header-user--open{background:color-mix(in srgb, var(--primary-100) 45%, var(--surface))}}.ap-site-header-user--avatar-only{background:0 0;border:none;border-radius:50%;max-width:none;min-height:auto;padding:0;line-height:0}.ap-site-header-user--avatar-only:hover,.ap-site-header-user--avatar-only.ap-site-header-user--open{box-shadow:none;background:0 0;border:none}.ap-site-header-user--avatar-only .ap-site-header-avatar{border-radius:50%;width:36px;height:36px;font-size:.9375rem;transition:box-shadow .15s}.ap-site-header-user--avatar-only:hover .ap-site-header-avatar,.ap-site-header-user--avatar-only.ap-site-header-user--open .ap-site-header-avatar{box-shadow:0 0 0 2px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-site-header-user--avatar-only:hover .ap-site-header-avatar,.ap-site-header-user--avatar-only.ap-site-header-user--open .ap-site-header-avatar{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 40%, transparent)}}.ap-site-header-avatar{background:linear-gradient(145deg, var(--primary) 0%, var(--primary-600) 100%);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:.8125rem;font-weight:800;display:grid}.ap-site-header-user-label{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-family:inherit;font-size:.9375rem;font-weight:800;line-height:1.1;overflow:hidden}@media (width>=900px){.ap-site-header-inner{padding:0 24px}.ap-site-nav{display:flex}.ap-site-header-nav-menu-wrap{display:none}}@media (width<=899px){.ap-site-header-step-title,.ap-import-header-title{font-size:.95rem}.ap-site-header:has(#ap-image-import-header-slot) .ap-site-header-wordmark{display:none}.ap-site-header-actions{gap:6px}.ap-site-header-pref-trigger{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);place-items:center;gap:0;width:38px;height:38px;padding:0;font-size:0;display:grid}.ap-site-header-pref-trigger:hover,.ap-site-header-pref-trigger--open{background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-site-header-pref-trigger:hover,.ap-site-header-pref-trigger--open{background:color-mix(in srgb, var(--primary-100) 50%, var(--surface))}}.ap-site-header-pref-trigger:hover,.ap-site-header-pref-trigger--open{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-site-header-pref-trigger:hover,.ap-site-header-pref-trigger--open{border-color:color-mix(in srgb, var(--primary) 30%, var(--line))}}.ap-site-header-pref-trigger-text,.ap-site-header-pref-chevron{display:none}.ap-site-header-pref-trigger-swatch{width:16px;height:16px}.ap-site-header-pref-trigger-icon{width:20px;height:20px}.ap-site-header-auth{border-width:1px;width:38px;height:38px;min-height:0;padding:0;font-size:0}.ap-site-header-auth-icon{display:block}.ap-site-header-auth-label,.ap-site-header-studio-slot .ap-edit-studio-nav-action-label{display:none}.ap-site-header-studio-slot .ap-edit-studio-nav-action{min-width:36px;height:38px;padding:0 4px}.ap-site-header-studio-slot .ap-edit-studio-nav-action-inner{gap:0}}.ap-edit-breadcrumb{flex-direction:column;gap:2px;min-width:0;max-width:min(220px,42vw);display:flex}.ap-edit-breadcrumb-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.ap-edit-breadcrumb-steps{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ap-edit-breadcrumb-step{color:var(--ink);font-size:10px;font-weight:600}@supports (color:color-mix(in lab, red, red)){.ap-edit-breadcrumb-step{color:color-mix(in srgb, var(--ink) 55%, transparent)}}.ap-edit-breadcrumb-step{border-radius:var(--radius-chip);background:var(--ink);padding:1px 6px}@supports (color:color-mix(in lab, red, red)){.ap-edit-breadcrumb-step{background:color-mix(in srgb, var(--ink) 6%, transparent)}}.ap-edit-breadcrumb-step--active{color:var(--accent-ink,var(--ink));background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ap-edit-breadcrumb-step--active{background:color-mix(in srgb, var(--accent) 18%, var(--surface))}}:is(.ap-shell:has(.ap-edit-workspace--float) .ap-site-header,.ap-shell:has(.ap-edit-workspace--float) .ap-step-nav){display:none}.ap-shell:has(.ap-edit-workspace--studio) .ap-site-header{display:flex}:is(.ap-shell:has(.ap-edit-workspace--studio) .ap-mobile-stepper,.ap-shell:has(.ap-edit-workspace--studio) .ap-desktop-stepper){display:none!important}.ap-draft-restored-toast--warn{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.ap-draft-restored-toast--warn{background:color-mix(in srgb, var(--danger) 8%, var(--surface))}}.ap-draft-restored-toast--warn{border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.ap-draft-restored-toast--warn{border-color:color-mix(in srgb, var(--danger) 24%, var(--line))}}.ap-draft-restored-toast--warn{color:var(--danger-600)}.ap-scene-resume-card--account{border-style:dashed}.ap-cloud-save-group{align-items:stretch;display:inline-flex;position:relative}.ap-cloud-save-menu-btn{margin-left:2px}.ap-cloud-save-menu{z-index:30;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);min-width:160px;box-shadow:var(--shadow-md,0 8px 24px #0000001f);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.ap-cloud-save-menu button{text-align:left;border-radius:var(--r-sm);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:8px 10px;font-size:13px;font-weight:600}.ap-cloud-save-menu button:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ap-cloud-save-menu button:hover{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}}.ap-confirm-dialog{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);width:min(420px,100vw - 32px);box-shadow:var(--shadow-lg,0 16px 40px #00000029);padding:20px}.ap-confirm-dialog-title{margin:0 0 8px;font-size:18px}.ap-confirm-dialog-message{color:var(--ink);margin:0 0 16px}@supports (color:color-mix(in lab, red, red)){.ap-confirm-dialog-message{color:color-mix(in srgb, var(--ink) 72%, transparent)}}.ap-confirm-dialog-message{line-height:1.5}.ap-confirm-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.ap-btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.ap-btn--danger:hover:not(:disabled){background:var(--danger-600);border-color:var(--danger-600)}.ap-library-guest,.ap-library-empty,.ap-library-save-actions{margin-bottom:16px}.ap-library-save-actions{flex-wrap:wrap;gap:8px;display:flex}.ap-library-empty{color:var(--ink);flex-direction:column;align-items:center;gap:8px;padding:24px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-library-empty{color:color-mix(in srgb, var(--ink) 60%, transparent)}}.ap-library-project-list{max-height:min(52vh,520px);overflow:auto}.ap-project-library-sheet .ap-sheet-body{padding-bottom:24px}.ap-edit-save-status{border-radius:var(--radius-chip);white-space:nowrap;color:var(--ink);flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.ap-edit-save-status{color:color-mix(in srgb, var(--ink) 65%, transparent)}}.ap-edit-save-status{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.ap-edit-save-status{background:color-mix(in srgb, var(--ink) 6%, var(--surface))}}.ap-edit-save-status--pending{color:var(--warning);background:var(--warning-100)}.ap-edit-save-status--saved{color:var(--success);background:var(--success-100)}.ap-edit-save-status--failed,.ap-edit-save-status--cloud-dirty{color:var(--danger-600);background:var(--danger-100)}.ap-leave-save-actions{flex-wrap:wrap}.ap-workspace-body:has(.ap-edit-workspace--studio){padding:0;overflow:hidden}.ap-shell:has(.ap-edit-workspace--studio){width:100%;max-width:none}.ap-shell:has(.ap-edit-workspace--studio) .ap-site-header-inner{width:100%;max-width:none;padding-inline:clamp(16px,2vw,28px)}.ap-shell:has(.ap-edit-workspace--studio) .ap-site-header-step{display:none}.ap-shell:has(.ap-edit-workspace--studio) .ap-desktop-stepper{border-bottom:1px solid var(--line);background:var(--surface);justify-content:center;gap:10px;width:100%;max-width:none;margin:0;padding:8px clamp(16px,2vw,28px) 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-shell:has(.ap-edit-workspace--studio) .ap-desktop-stepper{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.ap-edit-workspace--studio{background:var(--bg);isolation:isolate;--studio-ink:var(--primary);--studio-ink-soft:var(--brand-gradient-end,var(--primary-600));--studio-tool-bg:var(--primary-100);--studio-tool-bg-hover:var(--primary-100);flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ap-edit-workspace--studio{--studio-tool-bg-hover:color-mix(in srgb, var(--primary-100) 72%, var(--primary))}}.ap-edit-workspace--studio{--studio-tool-bg-active:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-edit-workspace--studio{--studio-tool-bg-active:color-mix(in srgb, var(--primary-100) 48%, var(--primary))}}.ap-edit-workspace--studio{--studio-pink:var(--accent);--studio-page:var(--bg);--studio-title:var(--primary);--studio-muted:var(--muted);--studio-shadow:var(--shadow-studio,var(--shadow-card))}.ap-edit-workspace--studio:before{content:"";pointer-events:none;z-index:0;opacity:.55;background-image:radial-gradient(circle at 12% 18%, var(--primary) 0 2px, transparent 3px), radial-gradient(circle at 78% 24%, var(--accent) 0 2px, transparent 3px), radial-gradient(circle at 34% 72%, var(--primary) 0 2px, transparent 3px), radial-gradient(circle at 88% 68%, var(--primary) 0 2px, transparent 3px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.ap-edit-workspace--studio:before{background-image:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--primary) 6%, transparent) 0 2px, transparent 3px), radial-gradient(circle at 78% 24%, color-mix(in srgb, var(--accent) 8%, transparent) 0 2px, transparent 3px), radial-gradient(circle at 34% 72%, color-mix(in srgb, var(--primary) 5%, transparent) 0 2px, transparent 3px), radial-gradient(circle at 88% 68%, color-mix(in srgb, var(--primary) 4%, transparent) 0 2px, transparent 3px)}}.ap-edit-workspace--studio:before{background-size:120px 120px,160px 160px,140px 140px,180px 180px}.ap-edit-workspace--studio>*{z-index:1;position:relative}.ap-edit-workspace--studio>.ap-edit-pop-root{z-index:120;pointer-events:none;position:absolute;inset:0}.ap-edit-pop-root--dialog{pointer-events:none;z-index:300!important;position:fixed!important;inset:0!important}.ap-edit-pop-root--dialog .ap-edit-pop-panel{width:min(460px,100vw - 40px);max-height:min(78vh,580px);box-shadow:0 24px 64px #0f172a2e, 0 4px 16px var(--primary);border:none;border-radius:20px;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.ap-edit-pop-root--dialog .ap-edit-pop-panel{box-shadow:0 24px 64px #0f172a2e, 0 4px 16px color-mix(in srgb, var(--primary) 10%, transparent)}}.ap-edit-pop-root--dialog .ap-edit-pop-panel{padding-bottom:0}.ap-edit-pop-root--dialog .ap-edit-pop-panel-head{padding:16px 18px 10px}.ap-edit-pop-root--dialog .ap-edit-pop-panel-head strong{color:var(--studio-title,#1c6372);font-size:1.125rem}.ap-edit-pop-root--dialog .ap-edit-pop-panel-body{padding:0 18px 18px}.ap-studio-options-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px;display:grid}.ap-studio-options-tab{background:var(--studio-tool-bg);min-height:36px;color:var(--studio-ink);cursor:pointer;border:none;border-radius:10px;padding:0 8px;font-family:inherit;font-size:.9375rem;font-weight:800}.ap-studio-options-tab--active{background:var(--studio-ink);color:#fff}.ap-studio-options-pane{flex-direction:column;gap:10px;display:flex}.ap-studio-layout{box-sizing:border-box;letter-spacing:0;width:100%;height:100%;min-height:0;color:var(--text);--studio-ink:var(--primary);--studio-ink-soft:var(--brand-gradient-end,var(--primary-600));--studio-tool-bg:var(--primary-100);--studio-tool-bg-hover:var(--primary-100);flex-direction:column;flex:1;padding:12px clamp(12px,1.5vw,20px);font-family:Nunito,PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif;font-weight:700;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-studio-layout{--studio-tool-bg-hover:color-mix(in srgb, var(--primary-100) 72%, var(--primary))}}.ap-studio-layout{--studio-tool-bg-active:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-studio-layout{--studio-tool-bg-active:color-mix(in srgb, var(--primary-100) 48%, var(--primary))}}.ap-studio-layout{--studio-pink:var(--accent);--studio-page:var(--bg);--studio-title:var(--primary);--studio-muted:var(--muted);--studio-shadow:var(--shadow-studio,var(--shadow-card));--studio-tool-gap:8px;--studio-sidebar-pad:10px;--studio-tool-icon-ratio:.66;--studio-tool-radius:11px;--studio-sidebar-w:148px;--studio-tool-icon:calc((var(--studio-sidebar-w) - var(--studio-sidebar-pad) * 2 - var(--studio-tool-gap)) / 2 * var(--studio-tool-icon-ratio))}.ap-studio-layout-body{grid-template-columns:var(--studio-sidebar-w) minmax(0, 1fr) minmax(248px, 21vw);flex:1;gap:14px;min-height:0;display:grid}.ap-studio-layout--complete .ap-studio-layout-body{grid-template-columns:minmax(0,1fr) minmax(248px,21vw)}.ap-studio-topbar{flex-shrink:0;align-items:stretch;width:100%;min-height:0;padding:0;display:flex}.ap-studio-topbar .ap-edit-studio-nav--desktop{background:0 0;border-bottom:none;justify-content:flex-end;width:100%;min-height:38px;padding:0 clamp(12px,1.5vw,20px) 6px}.ap-studio-topbar-actions{align-items:center;gap:6px;display:flex}.ap-studio-topbar-btn{min-height:34px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.ap-studio-topbar-btn--finish,.ap-studio-topbar-btn--primary{color:var(--primary)}.ap-studio-settings-group--minimap{border-bottom:1px solid var(--line);padding-bottom:8px}@supports (color:color-mix(in lab, red, red)){.ap-studio-settings-group--minimap{border-bottom:1px solid color-mix(in srgb, var(--line) 50%, transparent)}}.ap-studio-settings-group--minimap{margin-bottom:8px}.ap-studio-minimap-empty{text-align:center;color:var(--muted);margin:0;padding:24px 8px;font-size:12px;font-weight:700}.ap-edit-tool-btn--has-props{position:relative;overflow:visible}.ap-edit-tool-props-mark{pointer-events:none;z-index:2;background:var(--primary);width:12px;height:12px;position:absolute;bottom:0;right:0}@supports (color:color-mix(in lab, red, red)){.ap-edit-tool-props-mark{background:color-mix(in srgb, var(--primary) 88%, #000)}}.ap-edit-tool-props-mark{clip-path:polygon(100% 0,100% 100%,0 100%);border-bottom-right-radius:var(--edit-tool-props-mark-radius,8px)}.ap-edit-tool-btn--active .ap-edit-tool-props-mark,.ap-edit-float-tool--active .ap-edit-tool-props-mark{background:#fff}.ap-studio-tool-btn.ap-edit-tool-btn{--edit-tool-props-mark-radius:calc(var(--studio-tool-radius,11px) - 1px)}.ap-studio-tool-btn.ap-edit-tool-btn--has-props .ap-edit-tool-props-mark{width:14px;height:14px}.ap-studio-color-bar{border-top:1px solid var(--primary);flex-shrink:0;padding:8px 12px 10px}@supports (color:color-mix(in lab, red, red)){.ap-studio-color-bar{border-top:1px solid color-mix(in srgb, var(--primary) 8%, transparent)}}.ap-studio-color-bar{background:var(--studio-card-bg,#fff)}@supports (color:color-mix(in lab, red, red)){.ap-studio-color-bar{background:color-mix(in srgb, var(--studio-card-bg,#fff) 92%, var(--primary) 8%)}}.ap-studio-stamp-popover-wrap{z-index:30;pointer-events:none;width:min(360px,100% - 24px);max-height:min(52vh,420px);position:absolute;top:12px;left:12px}.ap-studio-stamp-popover{min-height:0;max-height:inherit;box-shadow:var(--studio-shadow);pointer-events:auto;flex-direction:column;display:flex;overflow:hidden}.ap-stamp-library--popover{min-height:0;max-height:inherit;overflow:hidden}.ap-stamp-library--popover .ap-stamp-library-grid{max-height:min(36vh,300px);overflow-y:auto}:is(.ap-edit-workspace--studio,.ap-shell:has(.ap-edit-workspace--studio)){background:var(--bg)!important}.ap-shell:has(.ap-edit-workspace--studio) .ap-site-header{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.ap-shell:has(.ap-edit-workspace--studio) .ap-site-header{background:color-mix(in srgb, var(--bg) 88%, #fff)}}.ap-shell:has(.ap-edit-workspace--studio) .ap-site-header{box-shadow:none;border-bottom:none}.ap-shell:has(.ap-edit-workspace--studio) .ap-site-header-wordmark{color:var(--primary)}.ap-shell:has(.ap-edit-workspace--studio) .ap-site-nav-link{color:var(--muted);padding:5px 10px;font-size:1rem;font-weight:800}.ap-shell:has(.ap-edit-workspace--studio) .ap-site-nav-link:hover{color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-shell:has(.ap-edit-workspace--studio) .ap-site-nav-link:hover{background:color-mix(in srgb, var(--primary) 8%, transparent)}}.ap-shell:has(.ap-edit-workspace--studio) .ap-site-header-user-label{color:var(--primary)}.ap-studio-card{box-shadow:var(--studio-shadow);background:#fff;border-radius:22px;border:none!important}.ap-studio-panel-head{padding:12px var(--studio-sidebar-pad) 6px;justify-content:space-between;align-items:center;gap:6px;display:flex;overflow:visible}.ap-studio-panel-actions{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.ap-studio-panel-head .ap-studio-panel-title{flex:1;min-width:0;padding:0;font-size:1.375rem;line-height:1.1}.ap-studio-panel-head .ap-studio-panel-title,.ap-studio-column-title,.ap-studio-panel-title,.ap-studio-section-label{color:var(--studio-title);font-family:inherit;font-weight:800}.ap-studio-head-menu-btn{background:var(--studio-tool-bg);width:30px;height:30px;color:var(--studio-ink);cursor:pointer;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ap-studio-head-menu-btn svg{width:18px;height:18px}.ap-studio-head-menu-btn:hover,.ap-studio-head-menu-btn--active{background:var(--studio-tool-bg-hover)}.ap-studio-menu-heading{letter-spacing:.06em;text-transform:uppercase;color:var(--studio-muted);margin:6px 8px 2px;font-size:10px;font-weight:800}.ap-studio-column-title{margin:0 0 8px;padding:0 2px;font-size:1.375rem;line-height:1.1}.ap-studio-section-label{margin:0 0 6px;font-size:1.0625rem;line-height:1.15}.ap-studio-panel-title{margin:0;padding:14px 14px 8px;font-size:1.375rem;line-height:1.1}.ap-studio-tools{width:100%;min-height:0;max-width:var(--studio-sidebar-w);flex-direction:column;align-self:start;padding-bottom:6px;display:flex;overflow:visible}.ap-studio-tools:has(.ap-studio-menu){z-index:30}.ap-studio-tools-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.ap-studio-tools-grid{gap:var(--studio-tool-gap);box-sizing:border-box;width:100%;padding:0 var(--studio-sidebar-pad) 10px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ap-studio-tool-wrap{min-width:0;position:relative}.ap-studio-tool-wrap .ap-studio-tool-btn{width:100%}.ap-studio-right-pane--pattern{padding:8px 12px 14px}.ap-studio-right-pane--pattern .ap-studio-pattern-settings{border-bottom:1px solid var(--primary);padding:0 0 10px}@supports (color:color-mix(in lab, red, red)){.ap-studio-right-pane--pattern .ap-studio-pattern-settings{border-bottom:1px solid color-mix(in srgb, var(--primary) 8%, transparent)}}.ap-studio-right-pane--tool-props{flex-direction:column;min-height:0;padding:10px 12px 14px;display:flex;overflow:hidden}.ap-studio-right-pane--tool-props .ap-studio-tool-properties-body{flex-direction:column;flex:1;min-height:0;display:flex}.ap-studio-tool-properties-body{flex-direction:column;gap:12px;display:flex}.ap-studio-tool-props-empty{text-align:center;color:var(--studio-muted,var(--muted));margin:24px 0 0;font-size:13px;font-weight:700;line-height:1.5}.ap-studio-right-pane--tool-props .ap-edit-text-dock-panel--studio-tool{width:100%;max-height:none;box-shadow:none;background:0 0;border:none;gap:10px;padding:0}.ap-studio-tool-props-section--stamp,.ap-studio-tool-props-section--stamp .ap-stamp-library{flex-direction:column;flex:1;min-height:0;display:flex}.ap-studio-tool-props-section--stamp .ap-stamp-library-grid{flex:1;min-height:0;max-height:none;overflow-y:auto}.ap-studio-tool-props-active-tool{background:var(--primary);border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-studio-tool-props-active-tool{background:color-mix(in srgb, var(--primary) 10%, #fff)}}.ap-studio-tool-props-active-tool{color:var(--primary);width:fit-content;font-size:13px;font-weight:800}.ap-studio-tool-props-active-icon{width:18px;height:18px}.ap-studio-tool-props-section{flex-direction:column;gap:8px;display:flex}.ap-studio-tool-props-section--fill .ap-edit-fill-dock-modes{flex-wrap:wrap;gap:6px;display:flex}.ap-edit-wand-hint{color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:600;line-height:1.45}.ap-edit-wand-option{margin:0 0 12px}.ap-edit-wand-adjacent-empty{color:var(--muted);margin:0;font-size:12px;font-weight:600;line-height:1.45}.ap-edit-wand-adjacent-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.ap-edit-wand-adjacent-swatch{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);text-align:left;cursor:pointer;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.ap-edit-wand-adjacent-swatch:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-wand-adjacent-swatch:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--line))}}.ap-edit-wand-adjacent-swatch--active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-wand-adjacent-swatch--active{border-color:color-mix(in srgb, var(--primary) 55%, var(--line))}}.ap-edit-wand-adjacent-swatch--active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-wand-adjacent-swatch--active{background:color-mix(in srgb, var(--primary) 8%, var(--card))}}.ap-edit-wand-adjacent-chip{border:1px solid var(--text);border-radius:6px;flex-shrink:0;width:24px;height:24px}@supports (color:color-mix(in lab, red, red)){.ap-edit-wand-adjacent-chip{border:1px solid color-mix(in srgb, var(--text) 12%, transparent)}}.ap-edit-wand-adjacent-swatch em{min-width:0;color:var(--text);flex:1;font-size:12px;font-style:normal;font-weight:800}.ap-edit-wand-adjacent-swatch i{color:var(--muted);flex-shrink:0;font-size:11px;font-style:normal;font-weight:700}.ap-studio-tool-props-label{color:var(--studio-muted,var(--muted));text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:10px;font-weight:800}.ap-studio-tool-props-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.ap-studio-tool-props-chips--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-studio-tool-props-chips .ap-edit-brush-chip{min-width:0;height:auto;min-height:36px;padding:0 8px;font-size:13px;font-weight:800}.ap-studio-tool-props-mirror{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.ap-studio-tool-props-mirror--row{grid-template-columns:1fr;gap:8px}.ap-studio-tool-props-mirror-btn{border:1.5px solid var(--primary);justify-content:center;align-items:center;gap:4px;min-height:38px;padding:0 6px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-studio-tool-props-mirror-btn{border:1.5px solid color-mix(in srgb, var(--primary) 16%, var(--line,#dce4ea))}}.ap-studio-tool-props-mirror-btn{color:var(--text);cursor:pointer;background:#fff;border-radius:9px;font-size:11px;font-weight:800}.ap-studio-tool-props-mirror-btn--row{justify-content:flex-start;gap:10px;min-height:42px;padding:0 12px;font-size:13px}.ap-studio-tool-props-mirror-btn--row span{text-align:left;flex:1;min-width:0;line-height:1.2}.ap-studio-tool-props-mirror-btn:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-studio-tool-props-mirror-btn:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--line,#dce4ea))}}.ap-studio-tool-props-mirror-btn:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-studio-tool-props-mirror-btn:hover{background:color-mix(in srgb, var(--primary) 6%, #fff)}}.ap-studio-tool-props-mirror-btn--active{border-color:var(--primary);background:var(--primary-100);color:var(--primary)}.ap-studio-tool-props-mirror-btn svg{flex-shrink:0;width:16px;height:16px}.ap-studio-tool-props-section .ap-edit-mosaic-colors{gap:6px}.ap-studio-tool-props-section .ap-edit-fill-dock-actions{flex-wrap:wrap;gap:6px;display:flex}.ap-studio-tool-btn{aspect-ratio:1;cursor:pointer;transition:background .12s;position:relative;overflow:hidden;border-radius:var(--studio-tool-radius)!important;background:var(--studio-tool-bg)!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;color:var(--studio-ink)!important;box-shadow:none!important;border:none!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important}.ap-studio-tool-btn.ap-edit-tool-btn--has-props{overflow:visible}.ap-studio-tool-icon{flex-shrink:0;width:var(--studio-tool-icon)!important;height:var(--studio-tool-icon)!important;min-width:0!important;max-width:42px!important;min-height:0!important;max-height:42px!important;font-size:var(--studio-tool-icon)!important;color:var(--studio-ink)!important;line-height:1!important;display:block!important}.ap-studio-tool-btn svg{display:block;width:var(--studio-tool-icon)!important;height:var(--studio-tool-icon)!important;color:var(--studio-ink)!important}.ap-studio-tool-btn:hover{background:var(--studio-tool-bg-hover)!important}.ap-studio-tool-btn--active,.ap-edit-tool-btn--active.ap-studio-tool-btn{outline:1.5px solid var(--primary);background:var(--studio-tool-bg-active)!important}@supports (color:color-mix(in lab, red, red)){.ap-studio-tool-btn--active,.ap-edit-tool-btn--active.ap-studio-tool-btn{outline:1.5px solid color-mix(in srgb, var(--primary) 22%, transparent)}}.ap-studio-tool-btn--active,.ap-edit-tool-btn--active.ap-studio-tool-btn{outline-offset:0}.ap-studio-action-strip{gap:var(--studio-tool-gap);box-sizing:border-box;width:100%;padding:0 var(--studio-sidebar-pad) 8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ap-studio-action-strip--utility{border-bottom:1px solid var(--studio-ink,#1c3a42);grid-template-columns:repeat(auto-fit,minmax(0,1fr));padding-bottom:10px}@supports (color:color-mix(in lab, red, red)){.ap-studio-action-strip--utility{border-bottom:1px solid color-mix(in srgb, var(--studio-ink,#1c3a42) 8%, transparent)}}.ap-studio-action-strip--utility{margin-bottom:6px}.ap-studio-action-btn{aspect-ratio:1;border-radius:var(--studio-tool-radius);background:var(--studio-tool-bg);width:100%;color:var(--studio-ink);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;transition:background .12s;display:inline-flex}.ap-studio-action-btn svg,.ap-studio-action-btn .ap-edit-tool-icon{width:calc(var(--studio-tool-icon) * .72);height:calc(var(--studio-tool-icon) * .72);color:var(--studio-ink);display:block}.ap-studio-action-btn:hover:not(:disabled){background:var(--studio-tool-bg-hover)}.ap-studio-action-btn--active{background:var(--studio-tool-bg-active);outline:1.5px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-studio-action-btn--active{outline:1.5px solid color-mix(in srgb, var(--primary) 22%, transparent)}}.ap-studio-action-btn--active{outline-offset:0}.ap-studio-action-btn:disabled{opacity:.35;cursor:default}.ap-studio-action-strip--history .ap-studio-action-btn{aspect-ratio:auto;min-height:36px}.ap-studio-dropdown{z-index:2;position:relative}.ap-studio-more-btn{display:none}.ap-studio-menu{z-index:60;width:max-content;min-width:188px;max-width:min(240px,100vw - 24px);max-height:min(70vh,420px);box-shadow:var(--studio-shadow);background:#fff;border:none;border-radius:14px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden auto}.ap-studio-menu--right{top:0;left:calc(100% + 8px);right:auto}.ap-studio-menu-item{color:#24363c;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;font-size:13px;font-weight:650;display:flex}.ap-studio-menu-item svg,.ap-studio-menu-item .ap-edit-tool-icon{width:20px;height:20px;color:var(--studio-ink);flex-shrink:0}.ap-studio-menu-item:hover{background:var(--studio-tool-bg)}.ap-studio-menu-item--active{background:var(--studio-tool-bg-active);color:var(--studio-ink)}.ap-studio-menu-item:disabled{opacity:.4;cursor:default}.ap-studio-ai-btn{margin:2px var(--studio-sidebar-pad) 8px;width:calc(100% - var(--studio-sidebar-pad) * 2);box-sizing:border-box;letter-spacing:0;cursor:pointer;min-height:44px;box-shadow:0 8px 18px var(--primary);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 6px;font-family:inherit;font-size:15px;font-weight:800;line-height:1.1;display:flex;border:3px solid var(--studio-pink)!important;background:var(--studio-ink)!important;color:#fff!important}@supports (color:color-mix(in lab, red, red)){.ap-studio-ai-btn{box-shadow:0 8px 18px color-mix(in srgb, var(--primary) 16%, transparent)}}.ap-studio-ai-btn svg{color:#fff;flex-shrink:0;width:18px;height:18px}.ap-studio-ai-btn:hover{transform:none;background:var(--studio-ink-soft)!important}.ap-studio-canvas-size{padding:6px var(--studio-sidebar-pad) 10px;border-top:1px solid var(--primary);margin-top:auto}@supports (color:color-mix(in lab, red, red)){.ap-studio-canvas-size{border-top:1px solid color-mix(in srgb, var(--primary) 8%, transparent)}}.ap-studio-size-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:100%;display:grid}.ap-studio-size-cell{background:var(--studio-tool-bg);min-height:36px;color:var(--studio-ink);cursor:pointer;text-align:center;border:none;border-radius:10px;width:100%;padding:0 4px;font-family:inherit;font-size:15px;font-weight:800;line-height:1.1}.ap-studio-size-cell:last-child:nth-child(odd){grid-column:1/-1}.ap-studio-size-cell--active{background:var(--studio-ink);color:#fff}.ap-studio-size-pills,.ap-studio-size-pill{display:none}.ap-studio-size-hint{color:#7a9098;margin:4px 0 0;font-size:11px;font-weight:700;line-height:1.2}.ap-studio-center{flex-direction:column;gap:14px;min-width:0;min-height:0;display:flex;position:relative}.ap-studio-editor-card{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:none!important;background:0 0!important;border-radius:0!important}.ap-studio-editor-card .ap-edit-stage--studio{flex:1;min-height:280px;position:relative}.ap-studio-editor-card .ap-edit-canvas-stage{position:absolute;inset:0}.ap-studio-editor-card .ap-bead-editor-viewport{background:var(--beadify-editor-board,oklch(94% .018 85));border-radius:0;position:absolute;inset:0}.ap-studio-editor-card .ap-bead-editor-viewport--infinite{background:0 0}.ap-studio-editor-card .ap-bead-editor-hint{display:none}.ap-studio-quick-palette{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:6px;width:100%;max-width:100%;padding:0;display:flex;overflow-x:auto}.ap-edit-select-scope-dock{flex-wrap:wrap;gap:10px}.ap-studio-color-bar .ap-studio-quick-palette{flex:1;min-width:0}.ap-studio-quick-palette::-webkit-scrollbar{width:0;height:0;display:none}.ap-studio-quick-palette-open{color:#111;cursor:pointer;background:#ccc;border:none;border-radius:999px;flex:none;place-items:center;width:32px;height:32px;padding:0 2px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff59}.ap-studio-quick-palette-open-code{letter-spacing:-.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:100%;font-size:8px;font-weight:900;line-height:1;overflow:hidden}.ap-studio-quick-palette-open:hover{filter:brightness(1.05)}.ap-studio-quick-palette-open--active{filter:brightness(1.08)}.ap-studio-quick-palette-divider{background:var(--studio-ink,#1c3a42);flex:none;width:1px;height:22px}@supports (color:color-mix(in lab, red, red)){.ap-studio-quick-palette-divider{background:color-mix(in srgb, var(--studio-ink,#1c3a42) 12%, transparent)}}.ap-studio-quick-palette-empty{color:var(--muted);white-space:nowrap;padding:0 4px;font-size:11px;font-weight:700}.ap-studio-quick-swatch{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;flex-direction:column;flex:none;align-items:center;gap:2px;width:36px;padding:3px 0 2px;display:flex}.ap-studio-quick-swatch span{border-radius:999px;width:22px;height:22px;display:block;box-shadow:inset 0 0 0 1px #00000014}.ap-studio-quick-swatch em{color:var(--studio-ink,#1c3a42);text-overflow:ellipsis;max-width:100%;font-size:9px;font-style:normal;font-weight:800;line-height:1;overflow:hidden}.ap-studio-quick-swatch--active{background:0 0}.ap-studio-quick-swatch--active span{width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000014}.ap-studio-quick-swatch--active em{color:var(--primary);font-weight:900}.ap-studio-quick-palette-staples,.ap-studio-quick-palette-recent{align-items:center;gap:4px;display:inline-flex}.ap-edit-staple-colors{flex-direction:column;gap:8px;margin-top:12px;display:flex}.ap-edit-staple-colors-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ap-edit-staple-chip{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 8px 0 6px;display:inline-flex}.ap-edit-staple-chip span{border-radius:999px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #0000001f}.ap-edit-staple-chip em{font-size:12px;font-style:normal;font-weight:800}.ap-edit-staple-chip .iconify{opacity:.55;width:14px;height:14px}.ap-edit-staple-add{border:1px dashed var(--line);height:32px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.ap-edit-staple-add:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.ap-edit-staple-add:disabled{opacity:.55;cursor:default}.ap-edit-staple-pick-hint{margin:0}.ap-studio-studio-flyouts{display:none}.ap-studio-context-dock{border-top:1px solid var(--primary);flex-shrink:0;padding:10px 14px 0}@supports (color:color-mix(in lab, red, red)){.ap-studio-context-dock{border-top:1px solid color-mix(in srgb, var(--primary) 8%, transparent)}}.ap-studio-context-dock .ap-edit-fill-dock--bar{background:var(--studio-tool-bg,#eff4f6);border-top:none;border-radius:12px;padding:10px 12px 12px}@supports (color:color-mix(in lab, red, red)){.ap-studio-context-dock .ap-edit-fill-dock--bar{background:color-mix(in srgb, var(--studio-tool-bg,#eff4f6) 70%, #fff)}}.ap-studio-context-dock .ap-edit-text-font-dock--bar{width:100%;max-height:none;position:static;top:auto;left:auto;transform:none}.ap-studio-context-dock .ap-edit-text-dock-panel--bar{width:100%;max-height:none;box-shadow:none;background:var(--studio-tool-bg,#eff4f6);flex-flow:wrap;align-items:flex-start;gap:12px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.ap-studio-context-dock .ap-edit-text-dock-panel--bar{background:color-mix(in srgb, var(--studio-tool-bg,#eff4f6) 70%, #fff)}}.ap-studio-context-dock .ap-edit-text-dock-panel--bar .ap-edit-text-dock-steppers{flex-flow:wrap;gap:10px;min-width:0}.ap-studio-context-dock .ap-edit-text-dock-panel--bar .ap-edit-text-dock-steppers .ap-num-stepper{grid-template-columns:auto minmax(88px,120px);width:auto}.ap-studio-context-dock .ap-edit-text-dock-panel--bar .ap-edit-text-dock-align{flex-flow:wrap}.ap-studio-context-dock .ap-edit-text-dock-panel--bar .ap-text-font-rail{flex-flow:row;flex:1;gap:4px;min-width:140px;max-width:100%;overflow:auto hidden}.ap-studio-context-dock .ap-edit-text-dock-panel--bar .ap-text-font-rail__item{grid-template-columns:24px auto;width:auto;min-width:max-content;min-height:34px;padding:4px 8px}.ap-studio-context-dock .ap-edit-text-dock-panel--bar .ap-text-font-rail__px{display:none}.ap-studio-context-dock .ap-stamp-library--embedded{background:var(--studio-tool-bg,#eff4f6);border-radius:12px;padding:10px 12px 12px}@supports (color:color-mix(in lab, red, red)){.ap-studio-context-dock .ap-stamp-library--embedded{background:color-mix(in srgb, var(--studio-tool-bg,#eff4f6) 70%, #fff)}}.ap-studio-context-dock .ap-edit-board-hint{flex:160px;margin:0;font-size:12px;line-height:1.35}.ap-studio-side-panels{display:none}.ap-studio-right-head{flex-shrink:0;padding:10px 10px 0}.ap-studio-right-tabs{background:var(--studio-tool-bg,#eff4f6);border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.ap-studio-right-tab{min-width:0;min-height:34px;color:var(--studio-ink,#1c3a42);background:0 0;border:none;border-radius:9px;flex:auto;padding:0 10px}@supports (color:color-mix(in lab, red, red)){.ap-studio-right-tab{color:color-mix(in srgb, var(--studio-ink,#1c3a42) 70%, transparent)}}.ap-studio-right-tab{cursor:pointer;font-size:12px;font-weight:800}.ap-studio-right-tab:hover{background:#ffffff8c}.ap-studio-right-tab--active{color:var(--studio-ink,#1c3a42);box-shadow:0 1px 4px var(--primary);background:#fff}@supports (color:color-mix(in lab, red, red)){.ap-studio-right-tab--active{box-shadow:0 1px 4px color-mix(in srgb, var(--primary) 12%, transparent)}}.ap-studio-right-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ap-studio-right-pane{flex-direction:column;flex:1;min-height:0;padding-top:8px;display:flex;overflow:hidden auto}.ap-studio-right-pane--layers,.ap-studio-right-pane--text,.ap-studio-right-pane--mirror,.ap-studio-right-pane--usage,.ap-studio-right-pane--colors,.ap-studio-right-pane--stamp{padding:8px 12px 14px}.ap-studio-right-pane--usage,.ap-studio-right-pane--colors{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ap-studio-right-pane--usage .ap-usage-colors{flex:1;min-height:0}.ap-studio-right-pane--usage .ap-usage-colors__list{flex:1;min-height:0;max-height:none;overflow-y:auto}.ap-studio-right-pane--usage .ap-edit-palette-search{background:var(--studio-tool-bg);border:none;border-radius:999px;min-height:36px;font-size:12px}.ap-studio-right-pane--colors{flex:1;min-height:0;overflow:hidden}.ap-studio-right-pane--colors .ap-edit-palette-panel{flex:1;height:100%;min-height:0}.ap-studio-right-pane--colors .ap-edit-palette-scroll{flex:1;min-height:0;overflow-y:auto}.ap-studio-right-pane--layers .ap-edit-layers-bar--embedded,.ap-studio-right-pane--layers .ap-edit-mirror-bar--embedded{box-sizing:border-box;width:100%;max-width:none;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:0}.ap-studio-right-pane--layers .ap-edit-mirror-bar--embedded{gap:var(--studio-tool-gap,8px);grid-template-columns:1fr 1fr;align-items:start;display:grid;overflow:visible}.ap-studio-right-pane--layers .ap-edit-mirror-sub-btn--labeled{border-radius:var(--studio-tool-radius,11px);background:var(--studio-tool-bg,#eff4f6);flex-direction:column;justify-content:center;gap:4px;width:100%;height:auto;min-height:0;padding:8px 6px}.ap-studio-right-pane--layers .ap-edit-mirror-sub-btn--labeled .ap-edit-tool-icon,.ap-studio-right-pane--layers .ap-edit-mirror-sub-btn--labeled .ap-edit-tool-icon svg{max-width:var(--studio-tool-icon);max-height:var(--studio-tool-icon);flex-shrink:0;width:var(--studio-tool-icon)!important;height:var(--studio-tool-icon)!important}.ap-studio-right-pane--layers .ap-edit-mirror-sub-btn--labeled span{white-space:normal;text-align:center;max-width:100%;font-size:11px;font-weight:700;line-height:1.25;display:block}.ap-studio-right-pane--layers .ap-edit-mirror-sub-btn--labeled.ap-edit-float-tool--active{background:var(--studio-tool-bg-active,#dde8ed);outline:1.5px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-studio-right-pane--layers .ap-edit-mirror-sub-btn--labeled.ap-edit-float-tool--active{outline:1.5px solid color-mix(in srgb, var(--primary) 22%, transparent)}}.ap-studio-right-pane--layers .ap-edit-subbar-divider,.ap-studio-right-pane--layers .ap-edit-mirror-sub-chips{grid-column:1/-1}.ap-studio-right-pane--layers .ap-edit-layers-list{flex:1;max-height:none}.ap-studio-right-pane--text .ap-edit-text-font-dock--side{width:100%;max-height:none;position:static;top:auto;left:auto;transform:none}.ap-studio-right-pane--text .ap-edit-text-dock-panel--side{width:100%;max-height:none;box-shadow:none;background:0 0;border:none;padding:0}.ap-studio-zoom{padding:0 var(--studio-sidebar-pad);box-sizing:border-box;flex-shrink:0;margin-top:4px}.ap-edit-zoom-block{flex-direction:column;gap:8px;min-width:0;display:flex}.ap-edit-zoom-controls-row{align-items:center;gap:6px;min-width:0;display:flex}.ap-edit-zoom-block .ap-num-stepper{flex:1;gap:0;min-width:0}.ap-edit-zoom-block .ap-num-stepper-controls{flex:1;min-width:0}.ap-edit-zoom-block .ap-num-stepper-btn{width:30px;height:30px;font-size:16px}.ap-edit-zoom-block .ap-num-stepper-val--input{max-width:40px}.ap-edit-zoom-reset-btn{border:1px solid var(--primary);flex-shrink:0;place-items:center;width:34px;height:34px;padding:0;display:grid}@supports (color:color-mix(in lab, red, red)){.ap-edit-zoom-reset-btn{border:1px solid color-mix(in srgb, var(--primary) 14%, transparent)}}.ap-edit-zoom-reset-btn{color:var(--studio-ink,var(--primary));cursor:pointer;background:#fff;border-radius:10px}.ap-edit-zoom-reset-btn:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-zoom-reset-btn:hover{background:color-mix(in srgb, var(--primary) 6%, #fff)}}.ap-edit-zoom-block--float{border:1px solid var(--line);border-radius:10px;flex-direction:row;align-items:center;gap:4px;margin-right:4px;padding:2px}@supports (color:color-mix(in lab, red, red)){.ap-edit-zoom-block--float{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.ap-edit-zoom-block--float{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-edit-zoom-block--float{background:color-mix(in srgb, var(--card) 88%, transparent)}}.ap-edit-zoom-block--float .ap-edit-zoom-controls-row{gap:4px}.ap-edit-zoom-block--float .ap-num-stepper-btn{width:28px;height:28px;font-size:15px}.ap-edit-zoom-block--float .ap-edit-zoom-reset-btn{width:28px;height:28px;color:var(--text);background:0 0;border:none;border-radius:7px}.ap-edit-zoom-block--float .ap-edit-zoom-reset-btn:hover{background:var(--accent,#2563eb)}@supports (color:color-mix(in lab, red, red)){.ap-edit-zoom-block--float .ap-edit-zoom-reset-btn:hover{background:color-mix(in oklab, var(--accent,#2563eb) 12%, transparent)}}.ap-studio-pattern-settings,.ap-edit-palette-settings{flex-direction:column;gap:10px;display:flex}.ap-studio-pattern-settings{border-bottom:1px solid var(--primary);flex-shrink:0;padding:0 12px 10px}@supports (color:color-mix(in lab, red, red)){.ap-studio-pattern-settings{border-bottom:1px solid color-mix(in srgb, var(--primary) 8%, transparent)}}.ap-studio-pattern-settings .ap-edit-toggle--active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-studio-pattern-settings .ap-edit-toggle--active{border-color:color-mix(in srgb, var(--primary) 55%, var(--line))}}.ap-studio-pattern-settings .ap-edit-toggle--active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-studio-pattern-settings .ap-edit-toggle--active{background:color-mix(in srgb, var(--primary) 12%, var(--card))}}.ap-studio-pattern-settings .ap-edit-toggle--active{color:var(--text)}.ap-studio-pattern-settings input[type=range],.ap-studio-pattern-settings .ap-edit-zoom input[type=range]{accent-color:var(--primary)}.ap-studio-pattern-settings .ap-render-mode-chip:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-studio-pattern-settings .ap-render-mode-chip:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--line))}}.ap-studio-pattern-settings .ap-render-mode-chip--active{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-studio-pattern-settings .ap-render-mode-chip--active{background:color-mix(in srgb, var(--primary) 10%, var(--card))}}.ap-studio-pattern-settings .ap-render-mode-chip--active{box-shadow:0 0 0 1px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-studio-pattern-settings .ap-render-mode-chip--active{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 25%, transparent)}}.ap-studio-pattern-settings .ap-render-mode-chip--active .ap-render-mode-chip-icon{color:var(--primary)}.ap-edit-workspace--studio .ap-studio-settings .ap-edit-toggle--active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-workspace--studio .ap-studio-settings .ap-edit-toggle--active{border-color:color-mix(in srgb, var(--primary) 55%, var(--line))}}.ap-edit-workspace--studio .ap-studio-settings .ap-edit-toggle--active{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-workspace--studio .ap-studio-settings .ap-edit-toggle--active{background:color-mix(in srgb, var(--primary) 12%, var(--card))}}.ap-edit-workspace--studio .ap-studio-settings .ap-edit-toggle--active{color:var(--text)}.ap-edit-workspace--studio .ap-studio-settings input[type=range]{accent-color:var(--primary)}.ap-edit-workspace--studio .ap-studio-settings .ap-render-mode-chip:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-workspace--studio .ap-studio-settings .ap-render-mode-chip:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--line))}}.ap-edit-workspace--studio .ap-studio-settings .ap-render-mode-chip--active{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-workspace--studio .ap-studio-settings .ap-render-mode-chip--active{background:color-mix(in srgb, var(--primary) 10%, var(--card))}}.ap-edit-workspace--studio .ap-studio-settings .ap-render-mode-chip--active{box-shadow:0 0 0 1px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-workspace--studio .ap-studio-settings .ap-render-mode-chip--active{box-shadow:0 0 0 1px color-mix(in srgb, var(--primary) 25%, transparent)}}.ap-edit-workspace--studio .ap-studio-settings .ap-render-mode-chip--active .ap-render-mode-chip-icon{color:var(--primary)}.ap-edit-workspace--studio .ap-studio-settings .ap-color-system-chip:hover,.ap-edit-workspace--studio .ap-studio-right-pane .ap-color-system-chip:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-workspace--studio .ap-studio-settings .ap-color-system-chip:hover,.ap-edit-workspace--studio .ap-studio-right-pane .ap-color-system-chip:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border))}}.ap-edit-workspace--studio .ap-studio-settings .ap-color-system-chip--active,.ap-edit-workspace--studio .ap-studio-right-pane .ap-color-system-chip--active{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-workspace--studio .ap-studio-settings .ap-color-system-chip--active,.ap-edit-workspace--studio .ap-studio-right-pane .ap-color-system-chip--active{background:color-mix(in srgb, var(--primary) 12%, var(--surface))}}.ap-edit-workspace--studio .ap-studio-settings .ap-color-system-chip--active,.ap-edit-workspace--studio .ap-studio-right-pane .ap-color-system-chip--active{color:var(--primary)}.ap-edit-workspace--studio .ap-studio-right-pane{scrollbar-width:thin;scrollbar-color:var(--primary) transparent}@supports (color:color-mix(in lab, red, red)){.ap-edit-workspace--studio .ap-studio-right-pane{scrollbar-color:color-mix(in srgb, var(--primary) 32%, transparent) transparent}}.ap-edit-workspace--studio .ap-studio-right-pane::-webkit-scrollbar{width:6px}.ap-edit-workspace--studio .ap-studio-right-pane::-webkit-scrollbar-thumb{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-workspace--studio .ap-studio-right-pane::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary) 28%, transparent)}}.ap-edit-workspace--studio .ap-studio-right-pane::-webkit-scrollbar-thumb{border-radius:999px}.ap-edit-workspace--studio .ap-studio-right-pane::-webkit-scrollbar-thumb:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-workspace--studio .ap-studio-right-pane::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--primary) 42%, transparent)}}.ap-edit-palette-settings{border-bottom:1px solid var(--line);flex-shrink:0;padding:0 12px 10px}@supports (color:color-mix(in lab, red, red)){.ap-edit-palette-settings{border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent)}}.ap-studio-settings-group{flex-direction:column;gap:8px;display:flex}.ap-studio-settings-heading{color:var(--studio-muted,var(--muted));text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:11px;font-weight:800}.ap-studio-settings-group+.ap-studio-settings-group{border-top:1px solid var(--primary);padding-top:8px}@supports (color:color-mix(in lab, red, red)){.ap-studio-settings-group+.ap-studio-settings-group{border-top:1px solid color-mix(in srgb, var(--primary) 6%, transparent)}}.ap-studio-colors{flex-shrink:0;padding:14px 16px 16px;overflow:hidden}.ap-studio-colors-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.ap-studio-colors-scroll::-webkit-scrollbar{width:0;height:0;display:none}.ap-studio-colors-scroll-wrap{flex-direction:column;gap:8px;min-width:0;display:flex}.ap-studio-mosaic-pick-bar{margin:0}.ap-studio-colors-scroll--picking{outline:1px dashed var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-studio-colors-scroll--picking{outline:1px dashed color-mix(in srgb, var(--primary) 55%, transparent)}}.ap-studio-colors-scroll--picking{outline-offset:2px;border-radius:10px;padding:4px 2px 6px}.ap-studio-palette-chip{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:none;align-items:stretch;gap:6px;width:52px;padding:4px;display:flex}.ap-studio-palette-chip:hover{background:var(--studio-tool-bg)}.ap-studio-palette-swatch{border:2px solid #0000;border-radius:10px;width:100%;height:42px;box-shadow:inset 0 0 0 1px #0000000f}.ap-studio-palette-chip--active .ap-studio-palette-swatch{border-color:var(--studio-ink);box-shadow:0 0 0 2px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-studio-palette-chip--active .ap-studio-palette-swatch{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 14%, transparent)}}.ap-studio-palette-code{color:#24363c;text-align:center;font-size:9px;font-weight:800;line-height:1.1}.ap-studio-color-chip,.ap-studio-color-swatch,.ap-studio-color-code{display:none}.ap-studio-settings{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.ap-studio-bead-hero{justify-content:center;margin:0 18px 10px;padding:0;display:flex}.ap-edit-layers-mirror{border-top:1px solid var(--studio-ink,#1c3a42);flex-direction:column;flex-shrink:0;gap:8px;margin-top:12px;padding-top:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-edit-layers-mirror{border-top:1px solid color-mix(in srgb, var(--studio-ink,#1c3a42) 8%, transparent)}}.ap-edit-layers-mirror .ap-edit-dock-label{margin:0}.ap-studio-bead-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.ap-studio-bead-thumb{object-fit:contain;width:56px;height:56px;image-rendering:pixelated;box-shadow:inset 0 0 0 1px var(--primary);background:#fff;border:none;border-radius:12px}@supports (color:color-mix(in lab, red, red)){.ap-studio-bead-thumb{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 8%, transparent)}}.ap-studio-bead-thumb{flex-shrink:0}.ap-studio-bead-thumb--empty{background:var(--studio-tool-bg);display:inline-block}.ap-studio-bead-count{color:#24363c;font-size:1.35rem;font-weight:800;line-height:1.1}.ap-studio-bead-label{color:var(--studio-title);font-size:12px;font-weight:700}.ap-studio-save-hint{justify-content:center;padding:0 18px 8px;display:flex}.ap-studio-save-hint .ap-edit-save-status{font-size:11px}.ap-edit-workspace--studio .ap-edit-compare-float{display:none}.ap-shell:has(.ap-edit-workspace--studio) .ap-site-header-step-title{color:var(--studio-title);font-family:inherit}.ap-studio-cta{flex-direction:column;flex-shrink:0;gap:10px;padding:14px 18px 20px;display:flex}.ap-studio-cta .ap-cloud-save-wrap,.ap-studio-cta .ap-cloud-save-group{width:100%}.ap-studio-cta .ap-cloud-save-group>button:first-child{flex:1;width:100%}.ap-studio-cta .ap-cloud-save-menu-btn{display:none}.ap-studio-save-btn,.ap-studio-export-btn,.ap-studio-finish-btn{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;font-family:inherit;font-size:14px;font-weight:800;display:inline-flex}.ap-studio-finish-btn{background:var(--studio-ink);color:#fff;box-shadow:0 10px 22px var(--primary);border:none}@supports (color:color-mix(in lab, red, red)){.ap-studio-finish-btn{box-shadow:0 10px 22px color-mix(in srgb, var(--primary) 22%, transparent)}}.ap-studio-finish-btn svg{color:#fff;width:18px;height:18px}.ap-studio-finish-btn:hover{filter:brightness(1.05)}.ap-studio-save-btn{box-shadow:0 10px 22px var(--primary);background:var(--studio-ink)!important;color:#fff!important;border:none!important}@supports (color:color-mix(in lab, red, red)){.ap-studio-save-btn{box-shadow:0 10px 22px color-mix(in srgb, var(--primary) 22%, transparent)}}.ap-studio-save-btn svg{color:#fff;width:18px;height:18px}.ap-studio-export-btn{color:#24363c;background:#fff;border:1.5px solid #d7e2e6}.ap-studio-export-btn svg{color:#e11d48;width:18px;height:18px}.ap-studio-export-btn:hover{background:var(--studio-tool-bg)}.ap-edit-workspace--studio>.ap-edit-float-bottom{display:none}@media (width>=1440px){.ap-studio-layout-body{grid-template-columns:236px minmax(0,1fr) 320px;gap:22px}.ap-studio-layout{gap:22px;padding:20px 26px}}.ap-edit-workspace{--editor-tool-size:34px;--editor-tool-icon:17px;--editor-tool-radius:var(--r-sm)}.ap-edit-workspace--studio{--editor-tool-size:34px;--editor-tool-icon:16px}.ap-edit-tool-btn{min-width:var(--editor-tool-size);min-height:var(--editor-tool-size);border-radius:var(--editor-tool-radius);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.ap-edit-tool-btn svg,.ap-edit-tool-btn .ap-edit-tool-icon{width:var(--editor-tool-icon);height:var(--editor-tool-icon);font-size:var(--editor-tool-icon)}.ap-edit-tool-btn--active{color:var(--primary-600);background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-edit-tool-btn--active{background:color-mix(in srgb, var(--primary-100) 80%, var(--surface))}}.ap-edit-tool-btn--active{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-edit-tool-btn--active{border-color:color-mix(in srgb, var(--primary) 25%, var(--line))}}.ap-edit-tool-btn--compact{min-width:28px;min-height:28px}.ap-edit-tool-label{text-overflow:ellipsis;white-space:nowrap;max-width:52px;font-size:9px;font-weight:700;line-height:1;overflow:hidden}.ap-studio-tool-btn.ap-edit-tool-btn{aspect-ratio:1;color:var(--studio-ink,#1c6372);border-radius:var(--studio-tool-radius,11px);border:none;flex-direction:row;gap:0;background:var(--studio-tool-bg,#eff4f6)!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important}.ap-studio-tool-btn.ap-edit-tool-btn--active{outline:1.5px solid var(--primary);background:var(--studio-tool-bg-active)!important}@supports (color:color-mix(in lab, red, red)){.ap-studio-tool-btn.ap-edit-tool-btn--active{outline:1.5px solid color-mix(in srgb, var(--primary) 22%, transparent)}}.ap-studio-tool-btn.ap-edit-tool-btn--active{outline-offset:0}.ap-studio-tool-btn.ap-edit-tool-btn svg,.ap-studio-tool-btn.ap-edit-tool-btn .ap-studio-tool-icon,.ap-studio-tool-btn.ap-edit-tool-btn .ap-edit-tool-icon{width:var(--studio-tool-icon,38px)!important;height:var(--studio-tool-icon,38px)!important;font-size:var(--studio-tool-icon,38px)!important;color:var(--studio-ink,#1c6372)!important}.ap-edit-float-tool.ap-edit-tool-btn{flex-direction:row;gap:4px}.ap-selection-action-bar{z-index:40;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);align-items:center;gap:2px;max-width:min(100vw - 24px,460px);padding:4px;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.ap-selection-action-bar{background:color-mix(in srgb, var(--surface) 94%, transparent)}}.ap-selection-action-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);scrollbar-width:none;overflow-x:auto}.ap-selection-action-scope{border-radius:var(--r-sm);background:var(--line);align-items:center;gap:1px;padding:1px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-selection-action-scope{background:color-mix(in srgb, var(--line) 35%, transparent)}}.ap-selection-action-scope{flex-shrink:0}.ap-selection-action-scope-btn{border-radius:calc(var(--r-sm) - 1px);width:28px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.ap-selection-action-scope-toggle{border-radius:var(--r-sm);background:var(--line);border:none;place-items:center;width:28px;height:28px;padding:0;display:grid}@supports (color:color-mix(in lab, red, red)){.ap-selection-action-scope-toggle{background:color-mix(in srgb, var(--line) 30%, transparent)}}.ap-selection-action-scope-toggle{color:var(--text);cursor:pointer;flex-shrink:0}.ap-selection-action-scope-toggle svg{width:var(--icon-sm);height:var(--icon-sm);font-size:var(--icon-sm)}.ap-selection-action-scope-toggle:hover{background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-selection-action-scope-toggle:hover{background:color-mix(in srgb, var(--primary-100) 70%, var(--surface))}}.ap-selection-action-scope-toggle:hover{color:var(--primary-600)}.ap-selection-action-item{flex-shrink:0;align-items:center;display:inline-flex}.ap-selection-action-sep{background:var(--line);width:1px;height:18px;margin:0 2px}@supports (color:color-mix(in lab, red, red)){.ap-selection-action-sep{background:color-mix(in srgb, var(--line) 80%, transparent)}}.ap-selection-action-sep{flex-shrink:0}.ap-selection-action-btn{border-radius:var(--r-sm);width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.ap-selection-action-btn svg,.ap-selection-action-icon{width:var(--icon-sm);height:var(--icon-sm);font-size:var(--icon-sm)}.ap-selection-action-btn:hover:not(:disabled){background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-selection-action-btn:hover:not(:disabled){background:color-mix(in srgb, var(--primary-100) 70%, var(--surface))}}.ap-selection-action-btn:hover:not(:disabled){color:var(--primary-600)}.ap-selection-action-btn--danger:hover:not(:disabled){background:var(--danger-100);color:var(--danger)}.ap-selection-action-btn:disabled{opacity:.35;cursor:not-allowed}.ap-edit-workspace--mobile-nav .ap-selection-action-bar{touch-action:manipulation;gap:1px;max-width:min(100vw - 12px,100%);padding:2px}.ap-edit-workspace--mobile-nav .ap-selection-action-btn,.ap-edit-workspace--mobile-nav .ap-selection-action-scope-toggle{width:36px;height:36px}.ap-edit-workspace--mobile-nav .ap-selection-action-btn svg,.ap-edit-workspace--mobile-nav .ap-selection-action-scope-toggle svg,.ap-edit-workspace--mobile-nav .ap-selection-action-btn .ap-edit-tool-icon,.ap-edit-workspace--mobile-nav .ap-selection-action-icon{width:22px;height:22px;font-size:22px}.ap-edit-workspace--mobile-nav .ap-selection-action-sep{height:22px;margin:0 1px}.ap-export-backdrop{justify-content:center;align-items:center;padding:16px;display:flex}.ap-export-modal{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--card);width:min(980px,100%);max-height:min(92vh,920px);box-shadow:var(--shadow-soft);flex-direction:column;animation:.22s ap-sheet-modal-in;display:flex;overflow:hidden}.ap-export-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.ap-export-modal-title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:800}.ap-export-modal-close{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;font-size:22px;display:grid}.ap-export-modal-close:hover{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.ap-export-modal-close:hover{background:color-mix(in srgb, var(--muted) 10%, var(--card))}}.ap-export-modal-close:hover{color:var(--text)}.ap-export-modal-body{flex:1;grid-template-columns:minmax(0,1fr);gap:0;min-height:0;display:grid;overflow:hidden}.ap-export-settings,.ap-export-preview{flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.ap-export-settings{border-bottom:1px solid var(--line);overflow-y:auto}.ap-export-preview{min-height:0;overflow:hidden}.ap-export-preview-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ap-export-zoom-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ap-export-zoom-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.ap-export-zoom-btn--active,.ap-export-zoom-btn:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-export-zoom-btn--active,.ap-export-zoom-btn:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--line))}}.ap-export-zoom-btn--active,.ap-export-zoom-btn:hover{color:var(--text)}.ap-export-zoom-slider{align-items:center;gap:8px;min-width:120px;display:inline-flex}.ap-export-zoom-slider .ap-range{width:88px;accent-color:var(--primary)}.ap-export-zoom-value{min-width:38px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:11px;font-weight:800}.ap-export-preview-viewport-wrap{flex:1;min-height:200px;overflow:hidden}.ap-export-preview-viewport{border-radius:var(--r-md);background:var(--bg);height:100%;min-height:200px;padding:12px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.ap-export-preview-viewport{background:color-mix(in srgb, var(--bg) 65%, var(--card))}}.ap-export-preview-viewport{border:1px solid var(--line)}.ap-export-preview-sheet{margin-inline:auto}.ap-export-preview-canvas{width:100%;height:100%;image-rendering:pixelated;display:block;box-shadow:0 1px 4px #0f172a14}.ap-export-field{flex-direction:column;gap:6px;width:100%;display:flex}.ap-export-field-label{color:var(--text);font-size:12px;font-weight:700}.ap-export-text-input,.ap-export-select{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);width:100%;color:var(--text);padding:9px 11px;font-size:13px;font-weight:600}.ap-export-text-input:focus,.ap-export-select:focus{border-color:var(--primary);outline:none}@supports (color:color-mix(in lab, red, red)){.ap-export-text-input:focus,.ap-export-select:focus{border-color:color-mix(in srgb, var(--primary) 55%, var(--line))}}.ap-export-text-input:focus,.ap-export-select:focus{box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-export-text-input:focus,.ap-export-select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}}.ap-export-select{max-width:none}.ap-export-section-title{color:var(--text);margin:0;font-size:13px;font-weight:800}.ap-export-setting-list{flex-direction:column;gap:2px;display:flex}.ap-export-setting-row{justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:4px 0;display:flex}.ap-export-setting-row--stack{flex-direction:column;align-items:stretch;gap:8px;padding:8px 0 10px}.ap-export-setting-row-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.ap-export-setting-label{color:var(--text);font-size:13px;font-weight:700}.ap-export-setting-value{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.ap-export-setting-control{flex-shrink:0}.ap-export-setting-control .ap-switch{justify-content:flex-end}.ap-export-summary{color:var(--muted);flex-wrap:wrap;gap:8px 14px;font-size:12px;font-weight:700;display:flex}.ap-export-summary strong{color:var(--text);font-variant-numeric:tabular-nums}.ap-export-modal-foot{border-top:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-export-modal-foot{background:color-mix(in srgb, var(--bg) 40%, var(--card))}}.ap-export-download-primary{min-width:148px;margin-left:auto}@media (width<=639px){.ap-export-backdrop{align-items:flex-end;padding:0}.ap-export-modal{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-height:96vh}}.ap-export-details{border-top:1px solid var(--line);margin-top:4px;padding-top:10px}.ap-export-details-summary{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:800;list-style:none}.ap-export-details-summary::-webkit-details-marker{display:none}.ap-export-details[open] .ap-export-details-summary{color:var(--text);margin-bottom:10px}.ap-export-name-hint{color:var(--muted);margin:6px 0 0;font-size:11px;font-weight:600;line-height:1.45}.ap-export-download-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ap-export-download{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);text-align:left;cursor:pointer;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.ap-export-download:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-export-download:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--line))}}.ap-export-download:hover{box-shadow:var(--shadow-soft)}.ap-export-download--primary{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-export-download--primary{border-color:color-mix(in srgb, var(--primary) 45%, var(--line))}}.ap-export-download--primary{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-export-download--primary{background:color-mix(in srgb, var(--primary) 8%, var(--card))}}.ap-export-download-icon{border-radius:var(--r-md);background:var(--primary-100);width:40px;height:40px;color:var(--primary);flex-shrink:0;place-items:center;font-size:22px;display:grid}.ap-export-download--primary .ap-export-download-icon{background:var(--primary);color:#fff}.ap-export-download-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ap-export-download-body strong{color:var(--text);font-size:14px;font-weight:800;line-height:1.25}.ap-export-download-body>span{color:var(--muted);font-size:12px;font-weight:600;line-height:1.45}.ap-export-download-action{background:var(--primary);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-export-download-action{background:color-mix(in srgb, var(--primary) 10%, var(--card))}}.ap-export-download-action{color:var(--primary);font-size:18px}.ap-export-download-action em{font-size:11px;font-style:normal;font-weight:800}.ap-export-download--primary .ap-export-download-action{background:var(--primary);color:#fff}.ap-export-publish-desc{color:var(--muted);margin:-4px 0 12px;font-size:12px;font-weight:600;line-height:1.5}.ap-export-publish-login{color:var(--muted);flex-direction:column;align-items:flex-start;gap:12px;font-size:13px;font-weight:600;display:flex}.ap-export-publish-tags{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.ap-export-publish-tag{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.ap-export-publish-tag--active{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-export-publish-tag--active{background:color-mix(in srgb, var(--primary) 12%, var(--card))}}.ap-export-publish-tag--active{color:var(--primary)}.ap-export-publish-selected{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.ap-export-publish-selected-tag{border:1px solid var(--primary);border-radius:999px;padding:4px 10px}@supports (color:color-mix(in lab, red, red)){.ap-export-publish-selected-tag{border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border))}}.ap-export-publish-selected-tag{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-export-publish-selected-tag{background:color-mix(in srgb, var(--primary) 8%, var(--card))}}.ap-export-publish-selected-tag{color:var(--primary);font-size:12px;font-weight:700}.ap-export-publish-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.ap-export-publish-message{color:var(--primary);margin:10px 0 0;font-size:12px;font-weight:700}.ap-export-publish-message--error{color:#c0392b}@media (width<=639px){.ap-export-download-action em{display:none}.ap-export-download-action{border-radius:50%;justify-content:center;width:34px;height:34px;padding:0}}.ap-field-checklist{flex-direction:column;gap:10px;font-size:13px;font-weight:600;display:flex}.ap-field-checklist label{cursor:pointer;align-items:center;gap:8px;display:flex}.ap-edit-text-overlay--moving .ap-edit-text-overlay__input{caret-color:#0000}.ap-library-page{width:100%;max-width:var(--layout-max,1200px);padding:20px var(--space-section) 48px;font-family:var(--font-ui);margin:0 auto}.ap-library-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.ap-library-page-title{letter-spacing:-.02em;color:var(--text);margin:0 0 6px;font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:800}.ap-library-page-desc{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.ap-library-guest--page{border:1px dashed var(--line);border-radius:var(--r-xl);background:var(--card);padding:48px 24px}@supports (color:color-mix(in lab, red, red)){.ap-library-guest--page{background:color-mix(in srgb, var(--card) 88%, transparent)}}.ap-library-page-message{margin-top:16px}.ap-project-grid--page{gap:16px;padding:0}.ap-project-card--page{align-items:stretch;padding:0;overflow:hidden}.ap-project-card-main{text-align:left;cursor:pointer;min-width:0;color:inherit;background:0 0;border:none;flex:1;align-items:center;gap:16px;margin:0;padding:14px 12px 14px 14px;display:flex}.ap-project-card--page .ap-project-card-actions{align-items:center;padding-right:10px;display:flex}.ap-project-card--page .ap-project-card-thumb{width:88px;height:88px}.ap-library-guest{text-align:center;padding:24px}.ap-library-guest p{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.6}.ap-project-grid{grid-template-columns:1fr;gap:12px;display:grid}.ap-project-card{border:1px solid var(--home-card-border);border-radius:var(--r-xl);background:var(--home-card-bg);box-shadow:var(--shadow-card);align-items:center;gap:16px;padding:12px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.ap-project-card:hover{box-shadow:var(--shadow-hover);border-color:var(--primary);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.ap-project-card:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--line))}}.ap-project-card--active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), var(--shadow-card)}.ap-project-card-thumb{border-radius:var(--r-lg);background:var(--checker-a);object-fit:contain;width:72px;height:72px;image-rendering:pixelated;image-rendering:crisp-edges;flex-shrink:0}.ap-project-card-thumb--empty{background:var(--checker-a) repeating-conic-gradient(var(--checker-b) 0% 25%, var(--checker-a) 0% 50%) 0 0 / 14px 14px}.ap-project-card-meta{flex:1;min-width:0}.ap-project-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:800;overflow:hidden}.ap-project-card-subtitle{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:12px;overflow:hidden}.ap-project-card-actions{flex-shrink:0;position:relative}.ap-project-card-menu-btn{border-radius:var(--r-md);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none}.ap-project-card-menu-btn:hover{background:var(--line)}@supports (color:color-mix(in lab, red, red)){.ap-project-card-menu-btn:hover{background:color-mix(in srgb, var(--line) 50%, transparent)}}.ap-project-card-menu-btn:hover{color:var(--text)}.ap-project-card-menu{z-index:10;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);min-width:160px;box-shadow:var(--shadow-hover);padding:6px;position:absolute;top:calc(100% + 4px);right:0}.ap-project-card-menu-item{border-radius:var(--r-md);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.ap-project-card-menu-item svg{width:18px;height:18px;color:var(--muted)}.ap-project-card-menu-item:hover{background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-project-card-menu-item:hover{background:color-mix(in srgb, var(--primary-100) 65%, transparent)}}.ap-project-card-menu-item:hover{color:var(--primary-600)}.ap-project-card-menu-item--danger,.ap-project-card-menu-item--danger svg{color:var(--danger)}@media (width>=640px){.ap-library-page{padding:28px 24px 64px}.ap-project-grid--page{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1000px){.ap-project-grid--page{grid-template-columns:repeat(3,minmax(0,1fr))}}.ap-account-sheet{max-width:480px}.ap-user-settings-view{padding:24px}.ap-user-settings-back{align-items:center;gap:6px;margin:0 0 16px;display:inline-flex}.ap-user-settings-toggle{color:var(--muted);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.ap-user-settings-toggle input{flex-shrink:0;margin-top:2px}.ap-locale-picker{flex-wrap:wrap;gap:8px;display:flex}.ap-locale-chip{border:1px solid var(--border);border-radius:var(--btn-radius);background:var(--surface);color:var(--text);cursor:pointer;padding:8px 16px;font-size:14px;transition:all .2s}.ap-locale-chip--active{border-color:var(--primary);background:var(--primary-100);color:var(--primary-600)}.ap-locale-chip:hover{border-color:var(--primary-600)}:is(.ap-workspace-body:has(.ap-mkt-page),.ap-workspace-body:has(.ap-home)){padding:0;overflow-x:hidden}.ap-mkt-page{width:100%;max-width:var(--layout-max,1200px);padding:0 var(--space-section) 40px;font-family:var(--font-ui);color:var(--text);margin:0 auto}.ap-mkt-page-head{margin-bottom:20px}.ap-mkt-page-title{font-family:var(--font-brand);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--text);margin:0 0 6px;line-height:1.12}.ap-mkt-page-desc{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--muted);margin:0;line-height:1.5}.ap-mkt-card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-studio);border:none}.ap-mkt-btn{border-radius:var(--radius-button);min-height:42px;font-family:inherit;font-size:var(--text-md);font-weight:var(--weight-bold);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;line-height:1.1;transition:filter .15s,box-shadow .15s,transform .12s;display:inline-flex}.ap-mkt-btn:active{transform:scale(.98)}.ap-mkt-btn--primary{color:#fff;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-600) 100%);box-shadow:0 8px 20px var(--primary-shadow)}.ap-mkt-btn--primary:hover{filter:brightness(1.04)}.ap-mkt-btn--outline{color:var(--primary);border:2px solid var(--primary);box-shadow:none;background:0 0}.ap-mkt-btn--ghost{color:var(--primary);background:var(--primary-100);box-shadow:none}.ap-mkt-btn--sm{min-height:36px;font-size:var(--text-sm);padding:0 14px}.ap-mkt-pill-tabs{gap:var(--space-tight);flex-wrap:wrap;margin-bottom:18px;display:flex}.ap-mkt-pill-tab{border-radius:var(--r-pill);background:var(--card);min-height:36px;box-shadow:var(--shadow-soft);color:var(--muted);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;border:none;padding:0 16px}.ap-mkt-pill-tab--active{background:var(--primary);color:#fff;box-shadow:0 6px 16px var(--primary-shadow)}.ap-mkt-grid{gap:var(--space-section);display:grid}.ap-mkt-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-mkt-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-mkt-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.ap-mkt-grid--4,.ap-mkt-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.ap-mkt-grid--2,.ap-mkt-grid--3,.ap-mkt-grid--4{grid-template-columns:1fr}}.ap-mkt-gallery-card{text-align:left;cursor:pointer;flex-direction:column;gap:12px;padding:14px;transition:box-shadow .18s,transform .15s;display:flex;overflow:hidden}.ap-mkt-gallery-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.ap-mkt-gallery-card:active{transform:translateY(0)}.ap-mkt-gallery-thumb{aspect-ratio:1;object-fit:contain;background:var(--checker-a);border-radius:var(--r-md);width:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block;overflow:hidden}.ap-mkt-gallery-thumb--css{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid}.ap-mkt-gallery-pixel{width:100%;height:100%}.ap-mkt-gallery-body{flex-direction:column;gap:8px;min-width:0;padding:0 2px 2px;display:flex}.ap-mkt-gallery-body h3{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.25;overflow:hidden}.ap-mkt-gallery-meta{min-width:0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--muted);align-items:center;gap:8px;display:flex}.ap-mkt-gallery-meta>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ap-mkt-gallery-avatar{border-radius:var(--r-pill);background:var(--primary-100);width:24px;height:24px;color:var(--primary);font-size:11px;font-weight:var(--weight-bold);flex-shrink:0;place-items:center;display:grid}.ap-mkt-progress{border-radius:var(--r-pill);background:var(--primary-100);height:6px;overflow:hidden}.ap-mkt-progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--primary) 0%, var(--brand-gradient-end) 100%);height:100%;display:block}.ap-mkt-profile-layout{grid-template-columns:minmax(260px,300px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.ap-mkt-profile-aside{flex-direction:column;gap:12px;display:flex}.ap-mkt-profile-sidebar{text-align:left;flex-direction:column;align-items:stretch;gap:0;padding:16px;display:flex}.ap-mkt-profile-sidebar-head{align-items:center;gap:12px;display:flex}.ap-mkt-profile-avatar{border-radius:var(--r-pill);background:linear-gradient(145deg, var(--primary) 0%, var(--primary-600) 100%);color:#fff;width:56px;height:56px;font-size:1.35rem;font-weight:var(--weight-bold);flex-shrink:0;place-items:center;display:grid}.ap-mkt-profile-name{font-size:var(--text-base);font-weight:var(--weight-bold);margin:0;line-height:1.2}.ap-mkt-profile-sidebar-meta{min-width:0}.ap-mkt-profile-email{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--muted);margin:2px 0 6px}.ap-mkt-profile-plan{border-radius:var(--r-pill);background:var(--primary-100);padding:2px 8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-mkt-profile-plan{background:color-mix(in srgb, var(--primary-100) 80%, transparent)}}.ap-mkt-profile-plan{color:var(--primary-600);font-size:var(--text-xs);font-weight:var(--weight-bold)}.ap-mkt-profile-details{flex-direction:column;gap:8px;margin:12px 0 0;display:flex}.ap-mkt-profile-detail-row{font-size:var(--text-sm);grid-template-columns:auto 1fr;gap:8px 12px;display:grid}.ap-mkt-profile-detail-row dt{color:var(--muted);font-weight:var(--weight-medium)}.ap-mkt-profile-detail-row dd{font-weight:var(--weight-bold);color:var(--text);text-align:right;margin:0}.ap-mkt-profile-stat-row{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 12px;padding-top:14px;display:grid}.ap-mkt-profile-stat-cell{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.ap-mkt-profile-stat-cell strong{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text);line-height:1.1}.ap-mkt-profile-stat-cell span{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--muted)}.ap-mkt-profile-edit-btn{gap:6px;width:100%}.ap-mkt-profile-nav{flex-direction:column;gap:2px;padding:6px;display:flex}.ap-mkt-profile-nav-item{border-radius:var(--r-lg);cursor:pointer;text-align:left;background:0 0;border:none;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;width:100%;padding:10px 8px;transition:background .15s;display:grid}.ap-mkt-profile-nav-item:hover:not(:disabled){background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-mkt-profile-nav-item:hover:not(:disabled){background:color-mix(in srgb, var(--primary-100) 55%, transparent)}}.ap-mkt-profile-nav-item:disabled{opacity:.45;cursor:default}.ap-mkt-profile-nav-item--active{background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-mkt-profile-nav-item--active{background:color-mix(in srgb, var(--primary-100) 75%, transparent)}}.ap-mkt-profile-nav-item--active .ap-mkt-profile-nav-label{color:var(--primary-600)}.ap-mkt-profile-nav-item--active .ap-mkt-profile-nav-count{background:var(--primary);color:#fff}.ap-mkt-profile-nav-icon{border-radius:var(--r-md);width:36px;height:36px;color:var(--primary-600);place-items:center;display:grid}.ap-mkt-profile-nav-icon svg{width:20px;height:20px}.ap-mkt-profile-nav-label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text)}.ap-mkt-profile-nav-count{border-radius:var(--r-pill);background:var(--muted);min-width:26px;padding:3px 8px}@supports (color:color-mix(in lab, red, red)){.ap-mkt-profile-nav-count{background:color-mix(in srgb, var(--muted) 12%, transparent)}}.ap-mkt-profile-nav-count{color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-bold);text-align:center}.ap-mkt-profile-main{min-width:0}.ap-mkt-profile-main-head{margin-bottom:14px}.ap-mkt-profile-main-title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0}.ap-mkt-profile-panel-empty{text-align:center;color:var(--muted);font-weight:var(--weight-bold);border:1px dashed var(--line);border-radius:var(--r-lg);background:var(--surface);margin:0;padding:24px 16px}@supports (color:color-mix(in lab, red, red)){.ap-mkt-profile-panel-empty{background:color-mix(in srgb, var(--surface) 90%, transparent)}}.ap-mkt-profile-panel-foot{margin-top:14px}.ap-mkt-profile-guest{text-align:center;max-width:480px;margin:0 auto;padding:32px 24px}.ap-mkt-profile-guest p{color:var(--muted);margin:0 0 16px;font-weight:700}@media (width<=900px){.ap-mkt-profile-layout{grid-template-columns:1fr}}.ap-mkt-section-title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0 0 16px}.ap-mkt-tools-grid{margin-top:8px}.ap-mkt-tool-card{flex-direction:column;gap:10px;padding:20px 22px;display:flex}.ap-mkt-tool-card-icon{border-radius:var(--radius-lg);background:var(--primary);justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-mkt-tool-card-icon{background:color-mix(in srgb, var(--primary) 14%, transparent)}}.ap-mkt-tool-card-icon{color:var(--primary);font-size:24px}.ap-mkt-tool-card h3{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0}.ap-mkt-tool-card p{font-size:var(--text-sm);color:var(--muted);flex:1;margin:0;line-height:1.5}.ap-mkt-tool-back{margin-bottom:16px}.ap-mkt-tool-upload{border-radius:var(--radius-card);border:2px dashed var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:140px;padding:24px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-mkt-tool-upload{border:2px dashed color-mix(in srgb, var(--primary) 28%, var(--line))}}.ap-mkt-tool-upload{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-mkt-tool-upload{background:color-mix(in srgb, var(--card) 92%, var(--primary) 8%)}}.ap-mkt-tool-upload{text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.ap-mkt-tool-upload:hover,.ap-mkt-tool-upload--drag{border-color:var(--primary);background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-mkt-tool-upload:hover,.ap-mkt-tool-upload--drag{background:color-mix(in srgb, var(--card) 88%, var(--primary) 12%)}}.ap-mkt-tool-upload strong{font-size:var(--text-md)}.ap-mkt-tool-upload span{font-size:var(--text-sm);color:var(--muted)}.ap-mkt-tool-slider{flex-direction:column;gap:8px;margin:20px 0;display:flex}.ap-mkt-tool-slider-label{font-size:var(--text-sm);font-weight:var(--weight-bold);justify-content:space-between;display:flex}.ap-mkt-tool-slider-hint{font-size:var(--text-xs);color:var(--muted)}.ap-mkt-tool-color-row{flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 0;display:flex}.ap-mkt-tool-eyedropper{border-radius:var(--radius-pill,999px);border:1px solid var(--primary);align-items:center;gap:6px;padding:8px 12px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-mkt-tool-eyedropper{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--line))}}.ap-mkt-tool-eyedropper{background:var(--card);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;transition:border-color .15s,background .15s}.ap-mkt-tool-eyedropper:hover,.ap-mkt-tool-eyedropper--active{border-color:var(--primary);background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-mkt-tool-eyedropper:hover,.ap-mkt-tool-eyedropper--active{background:color-mix(in srgb, var(--card) 88%, var(--primary) 12%)}}.ap-mkt-tool-eyedropper-hint{font-size:var(--text-xs);color:var(--primary);font-weight:var(--weight-bold);margin:8px 0 0}.ap-mkt-tool-color-swatch{border:1px solid var(--ink);border-radius:6px;width:28px;height:28px}@supports (color:color-mix(in lab, red, red)){.ap-mkt-tool-color-swatch{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent)}}.ap-mkt-tool-color-swatch{flex-shrink:0;box-shadow:inset 0 0 0 1px #fff6}.ap-mkt-tool-color-swatch--checker{background-color:var(--checker-a);background-image:linear-gradient(45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-b) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-b) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.ap-mkt-tool-color-label{font-size:var(--text-sm);color:var(--muted);align-items:center;gap:8px;display:flex}.ap-mkt-tool-color-label--lead{font-weight:var(--weight-bold);color:var(--ink)}.ap-mkt-tool-bg-toggle{border-radius:var(--radius-pill,999px);border:1px solid var(--primary);align-items:center;gap:6px;padding:6px 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-mkt-tool-bg-toggle{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--line))}}.ap-mkt-tool-bg-toggle{background:var(--card);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;transition:border-color .15s,background .15s}.ap-mkt-tool-bg-toggle:hover,.ap-mkt-tool-bg-toggle--active{border-color:var(--primary);background:var(--card)}@supports (color:color-mix(in lab, red, red)){.ap-mkt-tool-bg-toggle:hover,.ap-mkt-tool-bg-toggle--active{background:color-mix(in srgb, var(--card) 88%, var(--primary) 12%)}}.ap-mkt-tool-color-picker{cursor:pointer;align-items:center;gap:8px;display:inline-flex;position:relative}.ap-mkt-tool-color-picker input[type=color]{opacity:0;cursor:pointer;border:none;width:28px;height:28px;margin:0;padding:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ap-mkt-tool-color-label strong{color:var(--ink);font-family:ui-monospace,monospace}.ap-mkt-tool-preview-frame--pick,.ap-mkt-tool-preview-frame--pick img{cursor:crosshair}.ap-mkt-tool-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ap-mkt-tool-preview figcaption{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--muted);margin-bottom:8px}.ap-mkt-tool-preview-frame{border-radius:var(--radius-card);background:var(--card);min-height:200px;box-shadow:var(--shadow-studio);justify-content:center;align-items:center;padding:12px;display:flex;position:relative}.ap-mkt-tool-preview-frame--checker{background-color:var(--checker-a);background-image:linear-gradient(45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-b) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-b) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.ap-mkt-tool-preview-frame img{object-fit:contain;max-width:100%;max-height:min(360px,42vh);image-rendering:pixelated}.ap-mkt-tool-preview-frame--busy img{opacity:.55}.ap-mkt-tool-preview-busy{font-size:var(--text-sm);color:var(--muted);margin:0}.ap-mkt-tool-preview-busy--overlay{background:var(--card);justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.ap-mkt-tool-preview-busy--overlay{background:color-mix(in srgb, var(--card) 55%, transparent)}}.ap-mkt-tool-preview-busy--overlay{font-weight:var(--weight-bold)}.ap-mkt-tool-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.ap-mkt-tool-error{color:var(--danger,#c0392b);font-size:var(--text-sm);font-weight:var(--weight-bold);margin:12px 0 0}.ap-mkt-tool-empty{font-size:var(--text-sm);color:var(--muted);margin:16px 0 0}.ap-mkt-bead-color-local{font-size:var(--text-sm);color:var(--muted);margin:0 0 16px}.ap-mkt-bead-color-panel{margin-bottom:20px}.ap-mkt-bead-color-heading{font-size:var(--text-base);font-weight:var(--weight-bold);margin:0 0 10px}.ap-mkt-bead-color-input-row{flex-wrap:wrap}.ap-mkt-bead-color-hex{font-size:var(--text-sm);color:var(--muted);align-items:center;gap:8px;display:inline-flex}.ap-mkt-bead-color-hex input{border:1px solid var(--border,var(--line));background:var(--surface,#fff);width:7.5rem;color:var(--fg,var(--text));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-sm);border-radius:8px;padding:6px 10px}.ap-mkt-bead-color-preview{margin-top:12px}.ap-mkt-bead-color-result{border:1px solid var(--border,var(--line));background:var(--surface,#fff);border-radius:14px;margin-top:8px;padding:16px}@supports (color:color-mix(in lab, red, red)){.ap-mkt-bead-color-result{background:color-mix(in srgb, var(--surface,#fff) 92%, var(--accent,var(--primary)) 8%)}}.ap-mkt-bead-color-compare{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.ap-mkt-bead-color-swatch-block{flex-direction:column;gap:4px;min-width:88px;display:flex}.ap-mkt-bead-color-swatch-lg{border:1px solid #0000001f;border-radius:12px;width:72px;height:72px;display:block;box-shadow:inset 0 0 0 1px #ffffff59}.ap-mkt-bead-color-swatch-cap{font-size:var(--text-xs);color:var(--muted)}.ap-mkt-bead-color-arrow{color:var(--muted);font-size:1.25rem}.ap-mkt-bead-color-codes{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ap-mkt-bead-color-code-chip{border:1px solid var(--border,var(--line));background:var(--surface,#fff);cursor:pointer;text-align:left;border-radius:12px;align-items:baseline;gap:8px;padding:10px 14px;display:inline-flex}.ap-mkt-bead-color-code-chip:hover{border-color:var(--accent,var(--primary))}.ap-mkt-bead-color-code-chip--muted{opacity:.85}.ap-mkt-bead-color-code-label{font-size:var(--text-xs);color:var(--muted)}.ap-mkt-bead-color-code-chip strong{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.35rem}.ap-mkt-bead-color-copy{font-size:var(--text-xs);color:var(--accent,var(--primary))}.ap-mkt-bead-color-meta{font-size:var(--text-sm);color:var(--muted);flex-wrap:wrap;gap:12px;display:flex}.ap-mkt-bead-color-alts-title{font-size:var(--text-sm);font-weight:var(--weight-bold);margin:16px 0 8px}.ap-mkt-bead-color-alts{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ap-mkt-bead-color-alt{background:var(--surface,#fff);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:10px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;width:100%;padding:8px 10px;display:grid}.ap-mkt-bead-color-alt:hover,.ap-mkt-bead-color-alt--best{border-color:var(--border,var(--line))}.ap-mkt-bead-color-alt--best{box-shadow:inset 0 0 0 1px var(--accent,var(--primary))}@supports (color:color-mix(in lab, red, red)){.ap-mkt-bead-color-alt--best{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent,var(--primary)) 35%, transparent)}}.ap-mkt-bead-color-alt-code{font-weight:var(--weight-bold);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ap-mkt-bead-color-alt-hex,.ap-mkt-bead-color-alt-de{font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums}@media (width<=768px){.ap-mkt-tool-preview-grid{grid-template-columns:1fr}.ap-mkt-bead-color-alt{grid-template-rows:auto auto;grid-template-columns:auto 1fr}.ap-mkt-bead-color-alt-hex,.ap-mkt-bead-color-alt-de{grid-column:2}}.ap-gallery-toolbar{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.ap-gallery-search{border:2px solid var(--line);border-radius:var(--r-md);background:var(--card);width:100%;max-width:420px;color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:10px 14px}.ap-gallery-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.ap-gallery-tags-label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--muted)}.ap-gallery-tag-chip{padding:6px 12px}.ap-gallery-count{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--muted);margin:0 0 16px}.ap-mkt-gallery-thumb-wrap{border-radius:var(--r-md);position:relative;overflow:hidden}.ap-mkt-gallery-preview{position:relative}.ap-mkt-gallery-card-tabs{z-index:2;background:var(--card);border-radius:999px;gap:4px;padding:3px;display:inline-flex;position:absolute;top:8px;left:8px}@supports (color:color-mix(in lab, red, red)){.ap-mkt-gallery-card-tabs{background:color-mix(in srgb, var(--card) 88%, transparent)}}.ap-mkt-gallery-card-tabs{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 4px #00000014}.ap-mkt-gallery-card-actions{z-index:3;position:absolute;top:8px;left:auto;right:8px}.ap-mkt-gallery-menu{position:relative}.ap-mkt-gallery-menu-btn{background:var(--card);border:0;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}@supports (color:color-mix(in lab, red, red)){.ap-mkt-gallery-menu-btn{background:color-mix(in srgb, var(--card) 88%, transparent)}}.ap-mkt-gallery-menu-btn{color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;box-shadow:0 1px 4px #00000014}.ap-mkt-gallery-menu-btn:disabled{opacity:.55;cursor:not-allowed}.ap-mkt-gallery-menu-pop{border-radius:var(--r-md);background:var(--card);border:1px solid var(--line);min-width:148px;padding:6px;position:absolute;top:calc(100% + 6px);left:auto;right:0;box-shadow:0 8px 24px #00000024}.ap-mkt-gallery-menu-item{border-radius:var(--r-sm);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin:0;padding:8px 10px;font-size:13px;font-weight:700;display:flex}.ap-mkt-gallery-menu-item:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-mkt-gallery-menu-item:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}}.ap-mkt-gallery-menu-item--danger{color:var(--danger,#c62828)}.ap-mkt-gallery-menu-item:disabled{opacity:.55;cursor:not-allowed}.ap-mkt-gallery-card-tab{min-width:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.ap-mkt-gallery-card-tab--active{background:var(--card);color:var(--text);box-shadow:0 1px 2px #00000014}.ap-mkt-gallery-thumb--3d,.ap-mkt-gallery-thumb--loading{min-height:100%;color:var(--muted);background:var(--checker-a);place-items:center;font-size:12px;font-weight:700;display:grid}.ap-gallery-like-btn{z-index:2;border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.ap-gallery-like-btn--active{border-color:#e74c3c}@supports (color:color-mix(in lab, red, red)){.ap-gallery-like-btn--active{border-color:color-mix(in srgb, #e74c3c 45%, var(--border))}}.ap-gallery-like-btn--active{background:#e74c3c}@supports (color:color-mix(in lab, red, red)){.ap-gallery-like-btn--active{background:color-mix(in srgb, #e74c3c 10%, var(--card))}}.ap-gallery-like-btn--active{color:#c0392b}.ap-gallery-like-btn--compact{flex-shrink:0;margin-left:auto}.ap-gallery-load-more{justify-content:center;margin-top:24px;display:flex}.ap-mkt-gallery-thumb--empty{background:var(--checker-a);display:block}.ap-mkt-gallery-tags{flex-wrap:wrap;gap:6px;display:flex}.ap-mkt-gallery-tag{background:var(--primary);border-radius:999px;padding:2px 8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-mkt-gallery-tag{background:color-mix(in srgb, var(--primary) 10%, var(--card))}}.ap-mkt-gallery-tag{color:var(--primary);font-size:11px;font-weight:var(--weight-bold)}.ap-mkt-gallery-author{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ap-mkt-gallery-stat{flex-shrink:0}.ap-gallery-detail{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:20px;display:grid}.ap-gallery-detail-back{color:var(--primary);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;background:0 0;border:0;grid-column:1/-1;align-self:start;padding:0}.ap-gallery-detail-preview{flex-direction:column;gap:10px;min-width:0;display:flex}.ap-gallery-detail-tabs{border-radius:var(--r-md);background:var(--card);border:2px solid var(--line);align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.ap-gallery-detail-tab{border-radius:calc(var(--r-md) - 2px);color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;background:0 0;border:0;padding:8px 16px}.ap-gallery-detail-tab--active{background:var(--primary);color:var(--primary-foreground,#fff)}.ap-gallery-detail-stage{border-radius:var(--r-lg);border:2px solid var(--line);background:var(--checker-a);min-height:min(72vh,640px);overflow:hidden}.ap-gallery-detail-canvas,.ap-gallery-detail-canvas--3d,.ap-gallery-3d-canvas{width:100%;height:100%;min-height:min(72vh,640px)}.ap-gallery-3d-canvas--loading,.ap-gallery-3d-empty{min-height:min(72vh,640px);color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-medium);justify-content:center;align-items:center;display:flex}.ap-gallery-detail-side{border-radius:var(--r-lg);border:2px solid var(--line);background:var(--card);flex-direction:column;gap:14px;padding:16px;display:flex}.ap-gallery-detail-meta{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--muted);flex-wrap:wrap;gap:10px 14px;display:flex}.ap-gallery-detail-tags{flex-wrap:wrap;gap:6px;display:flex}.ap-gallery-detail-import{width:100%}.ap-gallery-detail-empty{color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-medium);margin:0}@media (width<=900px){.ap-gallery-detail{grid-template-columns:1fr}}@media (width>=640px){.ap-workspace-body{padding:20px 24px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.ap-grid-2,.ap-text-color-grid,.ap-pick-grid,.ap-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-style-hero{grid-template-columns:minmax(220px,1fr) minmax(260px,1.15fr);align-items:start}.ap-preview-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-style-hero-preview,.ap-preview-compare-frame{max-height:min(50vh,360px)}.ap-import-preview-img{max-height:min(420px,56vh)}}@media (width>=768px){.ap-portal{--app-width:100%;align-items:stretch;padding:0}.ap-shell{width:100%;max-width:none;min-height:100dvh;box-shadow:none;border:none;border-radius:0;margin:0}.ap-desktop-stepper{padding-inline:clamp(16px,2.5vw,40px)}.ap-workspace-body{padding:20px clamp(20px,3vw,48px);padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}}@media (width>=768px) and (pointer:fine){.ap-workspace-body:has(.ap-edit-workspace--studio){padding:0}.ap-mobile-stepper{display:none}.ap-desktop-stepper{display:flex}.ap-sheet-backdrop{align-items:center;padding:24px}.ap-sheet{border-radius:var(--radius-sheet);flex-direction:column;width:100%;max-width:min(520px,100vw - 48px);max-height:min(85vh,720px);animation:.22s ap-sheet-modal-in;display:flex}.ap-sheet-handle{display:none}.ap-sheet-body{flex:1;min-height:0;overflow-y:auto}.ap-algo-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}}@media (width>=1024px) and (pointer:fine){.ap-workspace-body:has(.ap-edit-workspace--studio){padding:0}.ap-workspace-body{padding:24px clamp(24px,3.5vw,56px) 32px}.ap-pick-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.ap-style-compare{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.ap-guide-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ap-style-step{gap:24px}.ap-style-hero{grid-template-columns:minmax(280px,1fr) minmax(320px,1.35fr)}.ap-style-hero-preview,.ap-preview-compare-frame{max-height:min(62vh,480px)}.ap-preview-step{grid-template-columns:minmax(0,1fr) minmax(300px,380px);grid-template-areas:"head head""stats stats""canvas side""actions actions";align-items:start;gap:20px clamp(20px,2.5vw,40px);display:grid}.ap-preview-step>.ap-page-head{grid-area:head}.ap-preview-step>.ap-stat-row{grid-area:stats}.ap-preview-step>.ap-pattern-preview-frame{grid-area:canvas}.ap-preview-step>.ap-preview-usage-chips{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);grid-area:side;align-self:stretch;max-height:none;padding:16px;overflow-y:auto}.ap-preview-step>.ap-actions{grid-area:actions}.ap-pattern-preview-frame{min-height:min(68vh,640px)}.ap-import-step,.ap-style-step,.ap-preview-step,.ap-export-step{width:100%;max-width:none;margin-inline:0}.ap-export-modal-body{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.ap-export-settings{border-bottom:none;border-right:1px solid var(--line)}.ap-export-preview-viewport-wrap{min-height:360px}}@media (width>=1440px) and (pointer:fine){.ap-style-compare{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@keyframes ap-sheet-modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=767px),(pointer:coarse){.ap-sheet-backdrop{align-items:flex-end;padding:0}.ap-sheet{border-radius:20px 20px 0 0;width:100%;max-width:100%;animation:.28s ap-sheet-up}.ap-sheet-handle{display:block}}@media (width>=768px) and (pointer:coarse){.ap-mobile-stepper{display:block}.ap-desktop-stepper{display:none}}.ap-workspace-body:has(.ap-home){padding:0;overflow-x:hidden}.ap-home{width:100%;max-width:var(--layout-max,1200px);flex-direction:column;margin:0 auto;padding:0 16px 32px;display:flex}.ap-home--compact{gap:8px;padding-bottom:24px}.ap-home--compact .ap-home-hero{padding:24px 0 8px}.ap-home--compact .ap-home-section--studio{padding-top:8px}.ap-home-hero{text-align:center;isolation:isolate;grid-template-columns:1fr;place-items:center;padding:36px 0 20px;display:grid;position:relative}.ap-home-hero-main{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:560px;display:flex;position:relative}.ap-home-hero-side{pointer-events:none;width:100%;display:none;position:relative}.ap-home-hero-side--left{max-width:200px;height:260px}.ap-home-hero-side--right{max-width:140px;height:180px;margin-top:48px}.ap-home-hero-wash{filter:blur(14px);border-radius:50%;position:absolute}.ap-home-hero-side--left .ap-home-hero-wash{background:radial-gradient(ellipse 70% 60% at 40% 35%, var(--primary) 0%, transparent 70%);inset:0% -20% 20% 0%}@supports (color:color-mix(in lab, red, red)){.ap-home-hero-side--left .ap-home-hero-wash{background:radial-gradient(ellipse 70% 60% at 40% 35%, color-mix(in srgb, var(--primary) 22%, transparent) 0%, transparent 70%)}}.ap-home-hero-side--right .ap-home-hero-wash{background:radial-gradient(ellipse 65% 55% at 60% 70%, var(--accent) 0%, transparent 72%);inset:25% -5% -10% 10%}@supports (color:color-mix(in lab, red, red)){.ap-home-hero-side--right .ap-home-hero-wash{background:radial-gradient(ellipse 65% 55% at 60% 70%, color-mix(in srgb, var(--accent) 18%, transparent) 0%, transparent 72%)}}.ap-home-hero-bead{background:var(--primary);width:14px;height:14px;box-shadow:inset 0 1px 1px #ffffff80, inset 0 -2px 3px #00000024, 0 2px 6px var(--primary);border-radius:50%;position:absolute}@supports (color:color-mix(in lab, red, red)){.ap-home-hero-bead{box-shadow:inset 0 1px 1px #ffffff80, inset 0 -2px 3px #00000024, 0 2px 6px color-mix(in srgb, var(--primary) 18%, transparent)}}.ap-home-hero-bead{animation:5.5s ease-in-out infinite ap-home-bead-float}.ap-home-hero-bead--sm{width:9px;height:9px}.ap-home-hero-bead--lg{width:20px;height:20px}.ap-home-hero-side--left .ap-home-hero-bead[data-c="1"]{background:var(--primary);top:6%;left:8%}.ap-home-hero-side--left .ap-home-hero-bead[data-c="2"]{background:var(--primary-600);animation-delay:-.5s;top:14%;left:42%}.ap-home-hero-side--left .ap-home-hero-bead[data-c="3"]{background:var(--accent);animation-delay:-1.1s;top:8%;left:72%}.ap-home-hero-side--left .ap-home-hero-bead[data-c="4"]{background:var(--accent-secondary,var(--accent));animation-delay:-1.7s;top:28%;left:22%}.ap-home-hero-side--left .ap-home-hero-bead[data-c="5"]{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-home-hero-side--left .ap-home-hero-bead[data-c="5"]{background:color-mix(in srgb, var(--primary) 40%, #fff)}}.ap-home-hero-side--left .ap-home-hero-bead[data-c="5"]{animation-delay:-2.2s;top:34%;left:58%}.ap-home-hero-side--left .ap-home-hero-bead[data-c="6"]{background:var(--primary);animation-delay:-2.8s;top:48%;left:12%}.ap-home-hero-side--left .ap-home-hero-bead[data-c="7"]{background:var(--accent);animation-delay:-3.3s;top:52%;left:78%}.ap-home-hero-side--left .ap-home-hero-bead[data-c="8"]{background:var(--primary-600);animation-delay:-3.9s;top:62%;left:38%}.ap-home-hero-side--left .ap-home-hero-bead[data-c="9"]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ap-home-hero-side--left .ap-home-hero-bead[data-c="9"]{background:color-mix(in srgb, var(--accent) 55%, #fff)}}.ap-home-hero-side--left .ap-home-hero-bead[data-c="9"]{animation-delay:-4.4s;top:74%;left:64%}.ap-home-hero-side--left .ap-home-hero-bead[data-c="10"]{background:var(--primary);animation-delay:-5s;top:84%;left:18%}.ap-home-hero-side--right .ap-home-hero-bead[data-c="1"]{background:var(--accent);animation-delay:-.8s;top:28%;left:auto;right:22%}.ap-home-hero-side--right .ap-home-hero-bead[data-c="2"]{background:var(--primary);animation-delay:-1.9s;top:42%;left:auto;right:58%}.ap-home-hero-side--right .ap-home-hero-bead[data-c="3"]{background:var(--primary-600);animation-delay:-2.7s;top:56%;left:auto;right:12%}.ap-home-hero-side--right .ap-home-hero-bead[data-c="4"]{background:var(--accent-secondary,var(--accent));animation-delay:-3.5s;top:68%;left:auto;right:48%}.ap-home-hero-side--right .ap-home-hero-bead[data-c="5"]{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ap-home-hero-side--right .ap-home-hero-bead[data-c="5"]{background:color-mix(in srgb, var(--primary) 50%, #fff)}}.ap-home-hero-side--right .ap-home-hero-bead[data-c="5"]{animation-delay:-4.6s;top:82%;left:auto;right:28%}@keyframes ap-home-bead-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.ap-home-hero-bead{animation:none}}.ap-home-title{font-family:var(--font-brand);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:-.03em;color:var(--text);margin:0;line-height:1.14}.ap-home-title-accent{background:linear-gradient(105deg, var(--primary) 0%, var(--brand-gradient-end) 55%, var(--accent-secondary,var(--accent)) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.ap-home-lead{max-width:44ch;color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.65}.ap-home-cta-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.ap-home-cta-row--center{justify-content:center}.ap-home-btn{border-radius:var(--radius-button);min-height:42px;font-family:var(--font-ui);font-size:var(--text-md);font-weight:var(--weight-bold);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:0 22px;transition:transform .15s,filter .15s,box-shadow .15s;display:inline-flex}.ap-home-btn--lg{min-height:50px;padding:0 28px;font-size:15px}.ap-home-btn:active{transform:scale(.98)}.ap-home-btn--primary{color:#fff;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-600) 100%);box-shadow:0 10px 24px var(--primary-shadow)}.ap-home-btn--primary:hover{filter:brightness(1.04);box-shadow:0 14px 28px var(--primary-shadow)}.ap-home-btn--on-dark{color:var(--primary-600);box-shadow:var(--shadow-soft);background:#fff}.ap-home-btn--ghost-on-dark{color:#fff;background:0 0;border:1px solid #ffffff61}.ap-home-btn--outline{color:var(--primary);border:2px solid var(--primary);box-shadow:none;background:0 0}.ap-home-btn--outline:hover{background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-home-btn--outline:hover{background:color-mix(in srgb, var(--primary-100) 70%, transparent)}}.ap-home-onboard{max-width:var(--layout-max,1200px);border-radius:var(--radius-card);border:1px solid var(--primary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 18px;width:calc(100% - 32px);margin:0 auto;padding:16px 18px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-home-onboard{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--line))}}.ap-home-onboard{background:linear-gradient(135deg, var(--primary-100) 0%, var(--surface) 100%)}@supports (color:color-mix(in lab, red, red)){.ap-home-onboard{background:linear-gradient(135deg, color-mix(in srgb, var(--primary-100) 85%, var(--surface)) 0%, var(--surface) 100%)}}.ap-home-onboard{box-shadow:var(--shadow-soft)}.ap-home-onboard-copy{flex:220px;min-width:0}.ap-home-onboard-copy strong{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text);line-height:1.3;display:block}.ap-home-onboard-copy p{font-size:var(--text-sm);color:var(--muted);margin:6px 0 0;line-height:1.45}.ap-home-onboard-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ap-home-onboard-dismiss{border-radius:var(--r-md);min-height:36px;color:var(--muted);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0 10px;font-weight:700;display:inline-flex}.ap-home-onboard-dismiss:hover{color:var(--text);background:var(--line)}@supports (color:color-mix(in lab, red, red)){.ap-home-onboard-dismiss:hover{background:color-mix(in srgb, var(--line) 55%, transparent)}}.ap-home-onboard-dismiss svg{width:16px;height:16px}.ap-home-draft-chip{border-radius:var(--r-lg);border:1px solid var(--primary);align-items:center;gap:10px;width:100%;max-width:420px;margin-top:16px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.ap-home-draft-chip{border:1px solid color-mix(in srgb, var(--primary) 28%, var(--line))}}.ap-home-draft-chip{background:var(--primary-100)}@supports (color:color-mix(in lab, red, red)){.ap-home-draft-chip{background:color-mix(in srgb, var(--primary-100) 80%, var(--surface))}}.ap-home-draft-chip{color:inherit;text-align:left;cursor:pointer}.ap-home-draft-chip svg{width:22px;height:22px;color:var(--primary-600);flex-shrink:0}.ap-home-draft-chip span{flex-direction:column;gap:2px;min-width:0;display:flex}.ap-home-draft-chip strong{font-size:13px;font-weight:800}.ap-home-draft-chip em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;overflow:hidden}.ap-home-quick{grid-template-columns:1fr;gap:14px;padding:8px 0 24px;display:grid}.ap-home-quick-card{text-align:center;border:1px solid var(--home-card-border);border-radius:var(--r-xl);background:var(--home-card-bg);box-shadow:var(--shadow-card);cursor:pointer;flex-direction:column;align-items:center;margin:0;padding:28px 20px;transition:transform .18s,box-shadow .18s;display:flex}.ap-home-quick-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.ap-home-quick-icon{width:56px;height:56px;color:var(--primary-600);background:var(--primary-100);border-radius:18px;place-items:center;margin-bottom:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.ap-home-quick-icon{background:color-mix(in srgb, var(--primary-100) 90%, transparent)}}.ap-home-quick-icon svg{width:30px;height:30px}.ap-home-quick-card h3{color:var(--text);margin:0;font-size:18px;font-weight:800}.ap-home-quick-card p{max-width:30ch;color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.55}.ap-home-section{padding:32px 0}.ap-home-section--studio{scroll-margin-top:calc(var(--header-h) + 12px)}.ap-home-section-head{text-align:center;margin-bottom:22px}.ap-home-section-title{letter-spacing:-.03em;color:var(--text);margin:0;font-size:clamp(1.45rem,4vw,1.95rem);font-weight:800}.ap-home-section-desc{color:var(--muted);margin:8px 0 0;font-size:14px}.ap-home-scene-grid{grid-template-columns:1fr;gap:14px;display:grid}.ap-home-scene-card{text-align:left;border:1px solid var(--home-card-border);border-radius:var(--r-xl);background:var(--home-card-bg);box-shadow:var(--shadow-card);cursor:pointer;flex-direction:row;align-items:flex-start;gap:14px;margin:0;padding:18px 16px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.ap-home-scene-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.ap-home-scene-icon-lg{border-radius:var(--r-lg);background:var(--primary-100);width:48px;height:48px;color:var(--primary-600);flex-shrink:0;place-items:center;display:grid}.ap-home-scene-icon-lg svg{width:26px;height:26px}.ap-home-scene-card--text-only .ap-home-scene-body{flex:1;min-width:0;padding:0}.ap-home-scene-icon{border-radius:var(--r-md);color:#fff;background:var(--primary);width:34px;height:34px;box-shadow:0 4px 12px var(--primary-glow);place-items:center;display:grid;position:absolute;top:12px;right:12px}.ap-home-scene-body{flex-direction:column;gap:8px;padding:16px 18px 18px;display:flex}.ap-home-scene-body h4{color:var(--text);margin:0;font-size:17px;font-weight:800}.ap-home-scene-body p{color:var(--muted);flex:1;margin:0;font-size:13px;line-height:1.5}.ap-home-scene-cta{color:var(--primary-600);align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:700;display:inline-flex}.ap-home-feature-grid{grid-template-columns:1fr;gap:14px;display:grid}.ap-home-feature{border-radius:var(--r-xl);border:1px solid var(--home-card-border);background:var(--home-card-bg);box-shadow:var(--shadow-card);padding:22px 18px;transition:transform .18s,box-shadow .18s}.ap-home-feature:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.ap-home-feature-icon{width:46px;height:46px;color:var(--primary-600);background:var(--primary-100);border-radius:16px;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.ap-home-feature-icon{background:color-mix(in srgb, var(--primary-100) 85%, transparent)}}.ap-home-feature-icon svg{width:24px;height:24px}.ap-home-feature h4{margin:12px 0 0;font-size:15px;font-weight:800}.ap-home-feature p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.55}.ap-home-palette{border-radius:var(--r-xl);color:#fff;background:linear-gradient(145deg, var(--primary-600) 0%, var(--primary) 50%, var(--primary-600) 100%);align-items:center;gap:22px;padding:28px 22px;display:grid}@supports (color:color-mix(in lab, red, red)){.ap-home-palette{background:linear-gradient(145deg, color-mix(in srgb, var(--primary-600) 88%, #1e293b) 0%, color-mix(in srgb, var(--primary) 70%, #334155) 50%, color-mix(in srgb, var(--primary-600) 75%, #0f172a) 100%)}}.ap-home-palette{box-shadow:var(--shadow-hover)}.ap-home-palette-copy h3{margin:0;font-size:clamp(1.35rem,3.5vw,1.85rem);font-weight:800}.ap-home-palette-copy p{color:#ffffffc7;max-width:36ch;margin:10px 0 0;font-size:14px;line-height:1.6}.ap-home-palette-copy .ap-home-btn{margin-top:18px}.ap-home-palette-wall{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ap-home-palette-bead{border-radius:var(--r-pill);width:26px;height:26px;transition:transform .15s;box-shadow:inset 0 -2px 3px #00000038,inset 0 2px 2px #ffffff73}.ap-home-palette-bead:hover{transform:scale(1.18)}.ap-home-steps{gap:14px;display:grid}.ap-home-step{border-radius:var(--r-xl);border:1px solid var(--home-card-border);background:var(--home-card-bg);box-shadow:var(--shadow-card);padding:22px 20px;position:relative}.ap-home-step-n{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-600));border-radius:16px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid}.ap-home-step h4{margin:14px 0 0;font-size:16px;font-weight:800}.ap-home-step p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.55}.ap-home-step-arrow{display:none}.ap-home-banner{padding:8px 0}.ap-home-banner-inner{border-radius:var(--r-xl);text-align:center;color:#fff;background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 50%, var(--primary-600) 100%);padding:40px 24px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ap-home-banner-inner{background:linear-gradient(135deg, var(--primary) 0%, color-mix(in srgb, var(--primary) 70%, var(--brand-gradient-end)) 50%, var(--primary-600) 100%)}}.ap-home-banner-inner{box-shadow:0 18px 40px var(--primary-shadow)}.ap-home-banner-inner:before{content:"";opacity:.16;pointer-events:none;background-image:radial-gradient(circle,#fff 1px,#0000 1.6px);background-size:22px 22px;position:absolute;inset:0}.ap-home-banner-inner>*{position:relative}.ap-home-banner-inner h3{margin:0;font-size:clamp(1.4rem,4vw,1.9rem);font-weight:800}.ap-home-banner-inner p{color:#ffffffe6;max-width:36ch;margin:10px auto 0;font-size:14px}.ap-home-banner .ap-home-cta-row{margin-top:20px}.ap-home-footer{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;align-items:center;gap:16px;margin-top:24px;padding:20px 8px 8px;font-size:13px;display:flex}.ap-home-footer-brand{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.ap-home-footer-mark{border-radius:var(--r-sm);background:var(--line);grid-template-columns:repeat(2,8px);gap:2px;padding:4px;display:grid}@supports (color:color-mix(in lab, red, red)){.ap-home-footer-mark{background:color-mix(in srgb, var(--line) 60%, transparent)}}.ap-home-footer-mark i{border-radius:var(--r-pill);width:8px;height:8px;display:block}.ap-home-footer-mark i:first-child{background:var(--primary)}.ap-home-footer-mark i:nth-child(2){background:var(--accent)}.ap-home-footer-mark i:nth-child(3){background:var(--accent-secondary,var(--accent))}.ap-home-footer-mark i:nth-child(4){background:var(--primary-600)}.ap-home-footer strong{color:var(--text);font-weight:800}.ap-home-footer-nav{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}.ap-home-footer-link{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:600}.ap-home-footer-link:hover{color:var(--primary-600)}@media (width>=640px){.ap-home{padding:0 24px 40px}.ap-home-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-home-scene-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.ap-home-scene-grid:not(.ap-home-scene-grid--compact)>.ap-home-scene-card{grid-column:span 2;min-height:140px}.ap-home-scene-grid:not(.ap-home-scene-grid--compact)>.ap-home-scene-card:nth-child(4),.ap-home-scene-grid:not(.ap-home-scene-grid--compact)>.ap-home-scene-card:nth-child(5){grid-column:span 3}.ap-home-scene-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-home-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-home-step-arrow{z-index:1;color:var(--primary);font-size:20px;font-weight:700;display:block;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.ap-home-footer{flex-direction:row;justify-content:space-between;align-items:center}.ap-home-footer-brand{justify-content:flex-start}.ap-home-footer-nav{justify-content:flex-end}}@media (width>=900px){.ap-home-hero{grid-template-columns:minmax(120px,1fr) minmax(0,1.4fr) minmax(120px,1fr);gap:12px;padding:48px 0 28px}.ap-home-hero-side{display:block}.ap-home-hero-side--left{justify-self:end}.ap-home-hero-side--right{justify-self:start}.ap-home-lead{font-size:16px}.ap-home-scene-grid:not(.ap-home-scene-grid--compact)>.ap-home-scene-card{min-height:148px}.ap-home-scene-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-home-scene-grid--compact .ap-home-scene-card{grid-column:span 1}.ap-home-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ap-home-palette{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);padding:40px 36px}.ap-home-palette-wall{justify-content:flex-end}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-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-ease{syntax:"*";inherits:false}.ap-mobile-header-bar--with-user{grid-template-columns:44px 1fr auto}.ap-mobile-header-actions{align-items:center;display:flex}.ap-user-sheet .ap-sheet-body{padding-top:4px}.ap-user-api-warn{border-radius:var(--r-md);border:1px solid color-mix(in srgb, var(--danger) 22%, var(--line));background:color-mix(in srgb, var(--danger) 6%, var(--surface));color:var(--danger-600);align-items:flex-start;gap:8px;margin:0 0 16px;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.45;display:flex}.ap-user-api-warn svg{flex-shrink:0;margin-top:1px;font-size:18px}.ap-user-station-pick{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=420px){.ap-user-station-pick{grid-template-columns:1fr}}.ap-user-station-pick .ap-user-field-hint{grid-column:1/-1}.ap-user-phone-row{grid-template-columns:minmax(7.5rem,.95fr) minmax(0,1.35fr);gap:10px;display:grid}@media (width<=420px){.ap-user-phone-row{grid-template-columns:1fr}}.ap-country-combo{min-width:0;position:relative}.ap-country-combo-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.ap-country-combo-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ap-country-combo-caret{opacity:.55;flex-shrink:0;font-size:11px;line-height:1}.ap-country-combo-panel{z-index:40;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);width:max(100%,16rem);min-width:min(100%,18rem);max-width:min(22rem,100vw - 32px);box-shadow:0 10px 28px color-mix(in srgb, var(--text) 12%, transparent);flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0}.ap-country-combo-search{flex-shrink:0}.ap-country-combo-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.ap-country-combo-empty{color:var(--muted);padding:10px 8px;font-size:13px}.ap-country-combo-option{border-radius:var(--r-sm,6px);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.ap-country-combo-option:hover,.ap-country-combo-option:focus-visible{background:color-mix(in srgb, var(--accent) 10%, var(--surface));outline:none}.ap-country-combo-option--active{background:color-mix(in srgb, var(--accent) 14%, var(--surface));color:var(--accent)}.ap-country-combo-option-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ap-country-combo-option-dial{font-variant-numeric:tabular-nums;opacity:.75;flex-shrink:0}.ap-user-field--dial .ap-country-combo-panel{left:0;right:auto}.ap-user-contact-summary{border:1px solid var(--line);border-radius:var(--r-md);background:color-mix(in srgb, var(--surface) 88%, var(--card));flex-direction:column;gap:12px;margin:0 0 4px;padding:12px;display:flex}.ap-user-contact-summary p{color:var(--text);word-break:break-all;margin:4px 0 0;font-size:14px;font-weight:600}.ap-user-profile-edit-actions{flex-direction:column;gap:8px;margin-top:12px;display:flex}.ap-user-auth-intro{flex-direction:column;gap:6px;display:flex}.ap-user-auth-banner{border-radius:var(--r-md);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--surface));color:var(--text);margin:0;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.45}.ap-user-auth-headline{letter-spacing:-.03em;color:var(--text);margin:0;font-size:20px;font-weight:800;line-height:1.25}.ap-user-auth-desc{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.ap-user-auth-social{flex-direction:column;display:flex}.ap-user-google-btn{width:100%;min-height:var(--touch-min);border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-size:14px;font-weight:700;display:flex}.ap-user-google-btn:hover:not(:disabled){border-color:var(--border-hover)}.ap-user-google-btn:disabled{opacity:.55;cursor:not-allowed}.ap-user-google-icon{flex-shrink:0;display:block}.ap-user-divider{color:var(--muted);align-items:center;gap:12px;margin:14px 0 0;font-size:12px;font-weight:600;display:flex}.ap-user-divider:before,.ap-user-divider:after{content:"";background:var(--line);flex:1;height:1px}.ap-user-auth-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0;display:grid}.ap-user-auth-tab{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 4px 10px;font-size:14px;font-weight:700}.ap-user-auth-tab--active{color:var(--primary);border-bottom-color:var(--primary)}.ap-user-auth-fields{flex-direction:column;gap:14px;display:flex}.ap-user-field{flex-direction:column;gap:6px;display:flex}.ap-user-field-label{color:var(--text);font-size:13px;font-weight:700}.ap-user-field-input{width:100%;min-height:var(--touch-min);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text);box-sizing:border-box;outline:none;padding:11px 12px;font-size:15px}.ap-user-field-input::placeholder{color:color-mix(in srgb, var(--muted) 75%, transparent)}.ap-user-field-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}select.ap-user-field-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:32px}.ap-user-field-hint{color:var(--muted);margin:0;font-size:12px;font-weight:500;line-height:1.45}.ap-user-profile-complete{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);flex-direction:column;gap:12px;padding:12px;display:flex}.ap-user-error{border-radius:var(--r-md);border:1px solid color-mix(in srgb, var(--danger) 22%, var(--line));background:color-mix(in srgb, var(--danger) 6%, var(--surface));color:var(--danger-600);margin:0;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.45}.ap-user-auth-submit{width:100%;margin-top:2px}.ap-user-auth-spin{animation:.8s linear infinite ap-user-spin}@keyframes ap-user-spin{to{transform:rotate(360deg)}}.ap-user-profile{flex-direction:column;gap:20px;display:flex}.ap-user-profile-head{align-items:center;gap:12px;display:flex}.ap-user-profile-avatar{border-radius:var(--r-md);color:#fff;background:linear-gradient(145deg, var(--primary) 0%, var(--brand-gradient-end) 100%);flex-shrink:0;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid}.ap-user-profile-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.ap-user-profile-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;overflow:hidden}.ap-user-profile-meta span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.ap-user-profile-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ap-user-profile-actions--stack{grid-template-columns:1fr}.ap-user-profile-actions .ap-btn,.ap-user-profile-actions .ap-user-secondary-btn{width:100%}.ap-user-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:800}.ap-user-projects-section{margin:0}.ap-user-projects-empty{border-radius:var(--r-md);border:1px dashed var(--line);color:var(--muted);text-align:center;margin:0;padding:20px 12px;font-size:13px;font-weight:600}.ap-user-secondary-btn{min-height:var(--touch-min);border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.ap-user-secondary-btn:hover:not(:disabled){border-color:var(--border-hover);color:var(--primary)}.ap-user-logout-btn{border-radius:var(--r-md);width:100%;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:10px;font-size:14px;font-weight:700;display:flex}.ap-user-logout-btn:hover:not(:disabled){color:var(--danger);background:color-mix(in srgb, var(--danger) 6%, transparent)}.ap-user-message{border-radius:var(--r-md);background:var(--accent-100);color:var(--accent);text-align:center;margin:0;padding:10px 12px;font-size:13px;font-weight:700}.ap-user-project-list{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.ap-user-project-item{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.ap-user-project-item:last-child{border-bottom:none}.ap-user-project-thumb{border-radius:var(--r-sm);object-fit:contain;border:1px solid var(--line);width:40px;height:40px;image-rendering:pixelated;image-rendering:crisp-edges;background:#fff}.ap-user-project-thumb--empty{background:var(--step-muted-bg);display:block}.ap-user-project-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.ap-user-project-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.ap-user-project-meta span{color:var(--muted);font-size:11px}.ap-user-project-actions{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.ap-user-link-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700}.ap-user-link-btn--danger{color:var(--danger)}.ap-draft-restored-toast{text-align:center;color:var(--ink);background:color-mix(in srgb, var(--primary) 12%, var(--surface));border-bottom:1px solid var(--line);margin:0;padding:8px 14px;font-size:13px;font-weight:600}.ap-cloud-save-wrap{flex-direction:column;align-items:stretch;gap:4px;display:inline-flex}.ap-cloud-save-status{color:var(--primary);text-align:center;font-size:12px;font-weight:600}.ap-edit-float-cloud-save{white-space:nowrap}