/*! tailwindcss v4.2.1 | 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{--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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}::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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@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;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root,html[data-theme=day]{--cream:#f7edd8;--paper:#f3e6c8;--ink:#2a241f;--muted:#6f645c;--line:#cbb58e;--accent:#e07a3d;--accent-dark:#b45322;--accent-soft:#f3d2ae;--sage:#3f7a5d;--sage-soft:#d5ecd9;--danger:#c44536;--shadow:4px 4px 0 #2a241f38;--surface:#fff8eb;--surface-2:#f6e7c8;--text-soft:#5c5149;--header-bg:#fff4d6f0;--sky-top:#6ec3f4;--sky-mid:#b8dff8;--sky-bottom:#f3e6c8;--pixel-border:#3a312b;--pixel-highlight:#fff4d4;--bead-grid:#3a312b0f;--pixel-radius:0;--pixel-radius-circle:50%;--pixel-border-w:3px;--pixel-border-w-thin:2px;--pixel-shadow:4px 4px 0 var(--pixel-border);--pixel-shadow-sm:2px 2px 0 var(--pixel-border)}html[data-theme=night]{--cream:#1b2436;--paper:#101624;--ink:#eef3fb;--muted:#a7b4cc;--line:#3a4a68;--accent:#f0a05a;--accent-dark:#ffc36a;--accent-soft:#3c2a1b;--sage:#7dcaa4;--sage-soft:#1b322e;--danger:#ff8b7a;--shadow:4px 4px 0 #00000080;--surface:#1a2334;--surface-2:#232e44;--text-soft:#c5d0e4;--header-bg:#101624f0;--sky-top:#0b1020;--sky-mid:#162136;--sky-bottom:#101624;--pixel-border:#d5deee;--pixel-highlight:#2a3650;--bead-grid:#d5deee0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--sky-bottom)}body{color:var(--ink);background:0 0;margin:0;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.65}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}:is(button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible){outline-offset:3px;outline:3px solid #d8753c47}.site-header{z-index:40;background:var(--header-bg);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:76px;position:sticky;top:0}.site-header-inner{align-items:center;gap:40px;width:min(1180px,100% - 40px);height:100%;margin:auto;display:flex}.brand{align-items:center;gap:12px;margin-right:auto;display:inline-flex}.brand>span:last-child{flex-direction:column;line-height:1.2;display:flex}.brand strong{letter-spacing:.02em;font-size:18px}.brand small{color:var(--muted);letter-spacing:.16em;margin-top:4px;font-size:10px}.brand-mark{border-radius:var(--pixel-radius);background:#fff;grid-template-columns:repeat(3,1fr);gap:2px;width:39px;height:39px;padding:3px;display:grid;transform:rotate(-3deg);box-shadow:0 3px 12px #51382521}.brand-mark i{border-radius:var(--pixel-radius-circle);background:var(--accent);box-shadow:inset 0 0 0 3px #ffffff47}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4),.brand-mark i:nth-child(6),.brand-mark i:nth-child(8){background:#e8b863}.brand-mark i:nth-child(5){background:var(--sage)}.desktop-nav{align-items:center;gap:6px;display:flex}.desktop-nav a{color:#655a53;padding:9px 13px;font-size:14px;font-weight:600;position:relative}.desktop-nav a:after{border-radius:var(--pixel-radius);content:"";background:var(--accent);width:0;height:2px;transition:all .2s;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink)}.desktop-nav a.active:after{width:22px}.mobile-nav{display:none}.header-profile{border:1px solid var(--line);border-radius:var(--pixel-radius);align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:flex;position:relative}.header-profile span{border-radius:var(--pixel-radius-circle);background:var(--accent-soft);width:25px;height:25px;color:var(--accent-dark);place-items:center;display:grid}.header-profile em{font-style:normal}.header-profile-unread{border:2px solid var(--paper);border-radius:var(--pixel-radius);background:var(--danger);width:8px;height:8px;position:absolute;top:5px;right:5px;box-shadow:0 0 0 1px #b9473828}.language-switcher{border:1px solid var(--line);border-radius:var(--pixel-radius);color:var(--muted);background:#fff;align-items:center;gap:5px;margin-left:auto;padding:7px 9px;display:inline-flex}.language-switcher span{font-size:12px;font-weight:800}.language-switcher select{max-width:82px;color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:0;outline:0;font-size:12px;font-weight:700}.primary-button,.secondary-button{border-radius:var(--pixel-radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 20px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-button{background:var(--accent);color:#fff;box-shadow:0 8px 20px #d8753c38}.primary-button:hover{background:#ca6833;transform:translateY(-1px);box-shadow:0 10px 24px #d8753c4d}.secondary-button{border-color:var(--line);color:#514741;background:#fff}.secondary-button:hover{background:#fdf7ee;border-color:#d9c8b5}.primary-button:disabled,.secondary-button:disabled{opacity:.48;pointer-events:none;box-shadow:none}.primary-button.large,.secondary-button.large{border-radius:var(--pixel-radius);min-height:53px;padding:0 25px}.primary-button.compact,.secondary-button.compact{border-radius:var(--pixel-radius);min-height:36px;padding:0 13px;font-size:13px}.secondary-button.danger{color:var(--danger)}.text-button{color:var(--accent-dark);cursor:pointer;background:0 0;border:0;padding:3px 0;font-weight:700}.text-link{color:var(--accent-dark);font-weight:750}.eyebrow{color:var(--accent-dark);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800;display:inline-block}.home-hero{grid-template-columns:minmax(0,1fr) minmax(480px,.92fr);align-items:center;gap:58px;width:min(1180px,100% - 40px);min-height:690px;margin:auto;padding:76px 0 82px;display:grid}.home-hero-copy h1{letter-spacing:-.045em;margin:22px 0;font-size:clamp(45px,5vw,70px);line-height:1.08}.home-hero-copy h1 em{color:var(--accent);font-style:normal;position:relative}.home-hero-copy h1 em:after{z-index:-1;border-radius:var(--pixel-radius);content:"";background:#f4d5a6;height:11px;position:absolute;bottom:3px;left:1%;right:1%;transform:rotate(-1deg)}.hero-kicker{border-radius:var(--pixel-radius);background:var(--sage-soft);color:#446253;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.hero-kicker i{border-radius:var(--pixel-radius);background:#5b9273;width:7px;height:7px;box-shadow:0 0 0 4px #5b927326}.home-hero-copy>p{color:#655a53;max-width:610px;font-size:17px;line-height:1.85}.hero-actions{gap:12px;margin:32px 0;display:flex}.hero-proof{color:var(--muted);gap:27px;font-size:13px;display:flex}.hero-proof span{align-items:baseline;gap:5px;display:flex}.hero-proof b{color:var(--ink);font-size:20px}.hero-visual{border-radius:var(--pixel-radius);background:#f6ead8;height:515px;position:relative;box-shadow:inset 0 0 0 1px #87634814}.hero-visual:before,.hero-visual:after{border-radius:var(--pixel-radius);content:"";filter:blur(2px);position:absolute}.hero-visual:before{background:#d8753c17;width:120px;height:120px;top:25px;right:25px}.hero-visual:after{background:#56756717;width:170px;height:170px;bottom:8px;left:6px}.hero-source-card,.hero-pattern-card{z-index:2;border-radius:var(--pixel-radius);background:#fff;padding:12px;position:absolute;box-shadow:0 17px 45px #51382526}.hero-source-card{width:205px;top:95px;left:22px;transform:rotate(-3deg)}.hero-pattern-card{width:244px;top:66px;right:21px;transform:rotate(2.5deg)}.hero-source-card p,.hero-pattern-card p{justify-content:space-between;align-items:center;margin:10px 4px 2px;line-height:1.2;display:flex}.hero-source-card p span,.hero-pattern-card p span{font-size:12px;font-weight:750}.hero-source-card p small,.hero-pattern-card p small{color:var(--muted);font-size:9px}.source-landscape{border-radius:var(--pixel-radius);background:linear-gradient(#9bc2be 0 49%,#e1c696 50%);height:220px;position:relative;overflow:hidden}.source-landscape>i{border-radius:var(--pixel-radius);background:#ffe6a7;width:55px;height:55px;position:absolute;top:14px;left:12px}.source-landscape>b,.source-landscape>em{border-bottom:125px solid #7c9676;border-left:75px solid #0000;border-right:75px solid #0000;width:0;height:0;position:absolute;bottom:0}.source-landscape>b{left:-43px}.source-landscape>em{border-bottom-color:#5f816e;right:-50px}.source-landscape>span{border-radius:var(--pixel-radius);background:#e58862;width:74px;height:92px;position:absolute;bottom:27px;left:50%;transform:translate(-50%);box-shadow:inset 0 12px #6c4d3d}.hero-pattern-grid{border-radius:var(--pixel-radius);background:#fff;border:5px solid #eadbc5;grid-template-columns:repeat(10,1fr);gap:1px;padding:3px;display:grid}.hero-pattern-grid i{aspect-ratio:1;border-radius:var(--pixel-radius);border:1px solid #3c30281f;place-items:center;font-style:normal;display:grid}.hero-pattern-grid i span{font-size:4px;font-weight:800}.hero-pattern-grid .bead-empty{background:#f3eee5}.hero-pattern-grid .bead-o{color:#fff;background:#6f5345}.hero-pattern-grid .bead-y{background:#e6a858}.hero-pattern-grid .bead-p{background:#f1d8b5}.hero-pattern-grid .bead-r{color:#fff;background:#d8753c}.hero-pattern-grid .bead-g{color:#fff;background:#72907d}.hero-arrow{z-index:4;color:var(--accent-dark);flex-direction:column;align-items:center;font-size:25px;font-weight:800;display:flex;position:absolute;top:43%;left:47%;transform:translate(-50%,-50%)}.hero-arrow span{border-radius:var(--pixel-radius);letter-spacing:.08em;background:#fff9;padding:3px 9px;font-size:9px}.floating-color-card,.floating-count-card{z-index:5;background:#fff;align-items:center;display:flex;position:absolute;box-shadow:0 10px 30px #51382526}.floating-color-card{border-radius:var(--pixel-radius);gap:9px;padding:11px 15px;bottom:48px;left:88px}.floating-color-card>i{border-radius:var(--pixel-radius);background:#f0dfbd;width:32px;height:32px;box-shadow:inset 0 0 0 1px #0000000f}.floating-color-card span{flex-direction:column;line-height:1.3;display:flex}.floating-color-card b{font-size:10px}.floating-color-card small{color:var(--muted);font-size:8px}.floating-count-card{border-radius:var(--pixel-radius);flex-direction:column;align-items:flex-start;padding:10px 17px;line-height:1.15;bottom:96px;right:8px}.floating-count-card b{color:var(--accent-dark);font-size:18px}.floating-count-card span{color:var(--muted);font-size:8px}.brand-strip{border-block:1px solid var(--line);color:#887b72;background:#faf6ef;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(18px,3.2vw,48px);min-height:88px;padding:18px 30px;display:flex}.brand-strip span{color:#a39489;letter-spacing:.13em;font-size:11px}.brand-strip b{color:#71655e;font-size:14px}.home-section{width:min(1120px,100% - 40px);margin:auto;padding:104px 0}.section-heading{margin-bottom:40px}.section-heading h2{letter-spacing:-.035em;margin:9px 0 10px;font-size:clamp(30px,3.3vw,45px);line-height:1.22}.section-heading p{max-width:620px;color:var(--muted);margin:0}.centered-heading{text-align:center}.centered-heading p{margin-inline:auto}.workflow-section{padding-bottom:120px}.workflow-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.workflow-grid article{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;padding:32px;position:relative}.workflow-grid article>span{color:#dfd0c0;font-family:Georgia,serif;font-size:36px;font-weight:700;position:absolute;top:22px;right:25px}.workflow-grid h3{margin:22px 0 7px;font-size:19px}.workflow-grid p{color:var(--muted);margin:0;font-size:14px}.workflow-icon{border-radius:var(--pixel-radius);background:var(--cream);place-items:center;width:82px;height:82px;display:grid}.upload-workflow i{border:2px dashed var(--accent);border-radius:var(--pixel-radius);width:38px;height:38px;color:var(--accent);place-items:center;font-style:normal;font-weight:800;display:grid}.palette-workflow{grid-template-columns:repeat(3,13px);align-content:center;gap:4px}.palette-workflow i{border-radius:var(--pixel-radius-circle);background:var(--accent);width:13px;height:13px;box-shadow:inset 0 0 0 2px #ffffff80}.palette-workflow i:nth-child(2){background:#e8b863}.palette-workflow i:nth-child(3){background:#77a098}.palette-workflow i:nth-child(4){background:#8e6d5b}.palette-workflow i:nth-child(5){background:#bf7690}.result-workflow{grid-template-columns:repeat(3,15px);align-content:center;gap:2px}.result-workflow i{background:#e8b863;border:1px solid #725b49;width:15px;height:15px}.result-workflow i:nth-child(odd){background:#77a098}.feature-showcase{border-radius:var(--pixel-radius);background:var(--cream);grid-template-columns:.8fr 1.2fr;align-items:center;gap:86px;width:min(1180px,100% - 40px);padding-inline:45px;display:grid}.feature-copy h2{margin:10px 0 18px;font-size:clamp(32px,3.6vw,48px);line-height:1.17}.feature-copy>p{color:var(--muted)}.feature-copy ul{margin:27px 0;padding:0;list-style:none}.feature-copy li{align-items:baseline;gap:12px;padding:9px 0;display:flex}.feature-copy li b{min-width:88px;color:var(--sage)}.feature-copy li span{color:var(--muted);font-size:13px}.material-demo{border-radius:var(--pixel-radius);box-shadow:var(--shadow);background:#fff;padding:18px;transform:rotate(1deg)}.material-demo-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 10px 18px;display:flex}.material-demo-head b{color:var(--accent-dark);font-size:12px}.material-demo-row{border-bottom:1px solid #f0e8dc;grid-template-columns:35px 42px 1fr 55px 90px;align-items:center;gap:8px;padding:14px 10px;font-size:12px;display:grid}.material-demo-row i{border-radius:var(--pixel-radius-circle);width:30px;height:30px;box-shadow:inset 0 0 0 1px #00000010}.material-demo-row span,.material-demo-row small{color:var(--muted)}.material-demo-row em{font-style:normal;font-weight:700}.tools-section{padding-top:130px}.tools-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tools-grid a{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;min-height:250px;padding:27px;transition:all .22s}.tools-grid a:hover{box-shadow:var(--shadow);border-color:#d9beaa;transform:translateY(-5px)}.tools-grid a>span{color:var(--accent-dark);letter-spacing:.13em;font-size:11px;font-weight:800}.tools-grid h3{margin:30px 0 11px;font-size:20px}.tools-grid p{min-height:68px;color:var(--muted);font-size:13px}.tools-grid a>b{color:var(--sage);font-size:13px}.faq-section{width:min(860px,100% - 40px)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:23px 8px;font-weight:750;list-style:none}.faq-list summary:after{float:right;color:var(--accent);content:"+";font-size:21px;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list p{max-width:760px;color:var(--muted);margin:-5px 8px 23px;font-size:14px}.home-cta{border-radius:var(--pixel-radius);color:#fff;background:#416254;justify-content:space-between;align-items:center;gap:30px;width:min(1120px,100% - 40px);min-height:245px;margin:15px auto 110px;padding:45px 58px;display:flex;overflow:hidden}.home-cta .eyebrow{color:#f1c390}.home-cta h2{margin:8px 0;font-size:38px;line-height:1.2}.home-cta p{color:#dce8df;margin:0}.workspace-page,.content-page,.article-page{width:min(1180px,100% - 40px);margin:auto;padding:62px 0 110px}.workspace-title,.page-hero{max-width:790px;margin-bottom:42px}.workspace-title h1,.page-hero h1,.article-page header h1{letter-spacing:-.04em;margin:8px 0 12px;font-size:clamp(35px,4.5vw,55px);line-height:1.16}.workspace-title p,.page-hero p,.article-page header>p{color:var(--muted);margin:0;font-size:16px}.compact-hero{max-width:850px;margin-bottom:35px}.generator-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.generator-layout>.workspace-card{height:100%}.workspace-card{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;padding:28px;box-shadow:0 8px 30px #5138250d}.upload-card{position:sticky;top:100px}.card-title-row{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.card-title-row>div{align-items:center;gap:10px;display:flex}.card-title-row>div>span{border-radius:var(--pixel-radius);background:var(--accent-soft);width:27px;height:27px;color:var(--accent-dark);place-items:center;font-size:10px;font-weight:800;display:grid}.card-title-row h2{margin:0;font-size:19px}.card-title-row>em{border-radius:var(--pixel-radius);background:var(--cream);color:var(--accent-dark);padding:4px 9px;font-size:12px;font-style:normal;font-weight:750}.drop-zone{border-radius:var(--pixel-radius);text-align:center;background:#fdf9f3;border:1.5px dashed #d8c6b4;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:30px;transition:all .2s;display:flex}.drop-zone.is-dragging{border-color:var(--accent);background:#fbefe3;transform:scale(.99)}.drop-zone h3{margin:20px 0 2px;font-size:20px}.drop-zone p{color:var(--muted);margin:0 0 18px;font-size:13px}.drop-zone small{color:#9a8d84;margin-top:11px;font-size:10px}.upload-bead-icon{grid-template-columns:repeat(3,1fr);gap:3px;width:72px;height:72px;padding:5px;display:grid;transform:rotate(-4deg)}.upload-bead-icon i{border-radius:var(--pixel-radius-circle);background:var(--accent);box-shadow:inset 0 0 0 5px #ffffff50}.upload-bead-icon i:nth-child(2n){background:#e8b863}.upload-bead-icon i:nth-child(5){background:var(--sage)}.source-preview{border-radius:var(--pixel-radius);background:var(--cream);position:relative;overflow:hidden}.source-preview>img{object-fit:contain;background:#eee6db;width:100%;max-height:440px;display:block}.source-meta{flex-direction:column;padding:15px 16px 8px;display:flex}.source-meta span{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.source-meta small{color:var(--muted)}.source-preview>button{width:calc(100% - 32px);margin:8px 16px 16px}.privacy-note{border-radius:var(--pixel-radius);color:#4f675b;background:#edf4ef;gap:10px;margin-top:17px;padding:12px;font-size:11px;display:flex}.privacy-note b{white-space:nowrap}.field-group{border:0;border-top:1px solid var(--line);margin:0;padding:23px 0}.field-group:first-of-type{border-top:0;padding-top:0}.field-group legend{float:left;width:100%;margin:0 0 13px;font-size:13px;font-weight:800}.field-group legend+*{clear:both}.option-grid{gap:9px;display:grid}.option-grid.three{grid-template-columns:repeat(3,1fr)}.option-card{border:1px solid var(--line);border-radius:var(--pixel-radius);cursor:pointer;text-align:left;background:#fff;flex-direction:column;align-items:flex-start;min-height:94px;padding:12px;display:flex}.option-card b{font-size:13px}.option-card span{color:var(--accent-dark);font-size:11px}.option-card small{color:var(--muted);font-size:9px}.option-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fff9f4}.board-shape-grid .option-card{text-align:center;align-items:center}.board-shape-icon{background:repeating-linear-gradient(0deg,#0000 0 6px,#d8c6b4 6px 7px),repeating-linear-gradient(90deg,#fffaf3 0 6px,#d8c6b4 6px 7px);border:2px solid #9d765f;width:34px;height:34px;margin:0 auto 5px;display:block}.board-shape-icon.circle{border-radius:var(--pixel-radius-circle)}.board-shape-icon.diamond{clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);width:34px;height:32px;margin-block:2px 5px}.algorithms .option-card{min-height:70px}.library-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-height:196px;padding-right:3px;display:grid;overflow:auto}.library-chip{border:1px solid var(--line);border-radius:var(--pixel-radius);cursor:pointer;text-align:left;background:#fff;align-items:center;gap:8px;min-width:0;padding:9px;display:flex}.library-chip>i{border-radius:var(--pixel-radius);color:#715b4c;background:#eee3d5;flex:none;place-items:center;width:29px;height:29px;font-size:11px;font-style:normal;font-weight:800;display:grid}.library-chip span{flex-direction:column;min-width:0;line-height:1.25;display:flex}.library-chip b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.library-chip small{color:var(--muted);font-size:8px}.library-chip.active{border-color:var(--accent);background:#fff8f2}.library-chip.active>i{background:var(--accent);color:#fff}.quick-size-row{grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:15px;display:grid}.size-recommendation{clear:both;border-radius:var(--pixel-radius);background:var(--sage-soft);width:fit-content;color:var(--sage);margin:0 0 12px;padding:6px 10px;font-size:10px;font-weight:700}.size-recommendation b{margin-left:4px}.quick-size-row button{border:1px solid var(--line);border-radius:var(--pixel-radius);cursor:pointer;background:#fff;min-height:34px;font-size:10px;font-weight:700}.quick-size-row button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.quick-size-row button:disabled,.range-line input:disabled,.toggle-line:disabled{opacity:.45;cursor:not-allowed}.range-line{min-height:44px;color:var(--muted);grid-template-columns:52px 1fr 56px;align-items:center;gap:10px;font-size:11px;display:grid}.range-line input{width:100%;accent-color:var(--accent)}.range-line b{color:var(--ink);text-align:right}.toggle-line,.toggle-card{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;display:flex}.toggle-line{width:100%;padding:10px 0}.toggle-line>i,.toggle-card>i{border-radius:var(--pixel-radius);background:#d9d2c9;flex:none;width:36px;height:21px;transition:all .2s;position:relative}.toggle-line>i:after,.toggle-card>i:after{border-radius:var(--pixel-radius);content:"";background:#fff;width:15px;height:15px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0002}.toggle-line span,.toggle-card span{flex-direction:column;display:flex}.toggle-line b,.toggle-card b{font-size:11px}.toggle-line small,.toggle-card small{color:var(--muted);font-size:8px}.finished-size{border-radius:var(--pixel-radius);background:var(--cream);color:var(--muted);align-items:center;gap:5px;margin-top:8px;padding:11px 12px;font-size:11px;display:flex}.finished-size span{margin-left:auto;font-size:9px}.switch-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.pixel-grid-note{clear:both;border-radius:var(--pixel-radius);color:#8a5a2f;background:#fff6e8;margin:11px 0 0;padding:9px 11px;font-size:10px;line-height:1.55}.config-card{flex-direction:column;padding:24px;display:flex}.generation-mode-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.generation-mode-tabs button{border:1px solid var(--line);border-radius:var(--pixel-radius);min-width:0;min-height:52px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:8px 12px;display:flex}.generation-mode-tabs button.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fff8f2}.generation-mode-tabs b{font-size:12px}.generation-mode-tabs small{color:var(--muted);font-size:9px}.compact-config-grid{grid-template-columns:1fr 1fr;gap:9px;padding-bottom:11px;display:grid}.compact-select-field{min-width:0;color:var(--ink);gap:6px;font-size:11px;font-weight:800;display:grid}.compact-select-field select{border:1px solid var(--line);border-radius:var(--pixel-radius);min-width:0;height:40px;color:var(--ink);background:#fff;padding:0 30px 0 10px;font-size:10px}.compact-field-group{padding-block:16px}.compact-range-grid{grid-template-columns:1fr;gap:2px;display:grid}.compact-range-grid .range-line{grid-template-columns:48px minmax(0,1fr) 58px;gap:9px}.compact-ratio-toggle{padding-block:5px}.compact-choice-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.compact-choice-row button{border:1px solid var(--line);border-radius:var(--pixel-radius);min-width:0;min-height:52px;color:var(--ink);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:7px;padding:7px 8px;display:flex}.compact-choice-row button.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fff8f2}.compact-choice-row span{text-align:left;flex-direction:column;min-width:0;display:flex}.compact-choice-row b{font-size:10px}.compact-choice-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.compact-choice-row .board-shape-icon{background-size:auto;flex:none;width:25px;height:25px;margin:0}.compact-choice-row .board-shape-icon.diamond{width:26px;height:24px;margin:0}.algorithm-choice-row{margin-top:8px}.algorithm-choice-row button{flex-direction:column;align-items:flex-start;gap:1px}.config-card .switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.config-card .toggle-card{min-width:0;min-height:58px;padding:8px}.pixel-align-entry{width:100%;min-height:40px}.settings-panel-grid{grid-template-columns:1fr;gap:10px;display:grid}.settings-panel{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fdfaf6;min-width:0;margin:0;padding:13px}.settings-panel legend{float:left;width:100%;margin:0 0 10px;font-size:12px;font-weight:800}.settings-panel legend+*{clear:both}.settings-panel .size-recommendation{margin-bottom:9px;padding-block:5px}.settings-panel .quick-size-row{margin-bottom:9px}.settings-panel .range-line{min-height:38px}.settings-panel .finished-size{margin-top:5px;padding-block:9px}.board-settings-panel .compact-choice-row{gap:7px}.board-settings-panel .compact-choice-row button{flex-direction:row;align-items:center;gap:7px;min-height:52px;padding:7px 8px}.board-settings-panel .compact-choice-row span{text-align:left}.board-settings-panel .compact-choice-row small{display:block}.board-settings-panel>.range-line{grid-template-columns:65px minmax(0,1fr) 50px;margin-top:5px}.optimization-settings-panel{margin-top:10px;margin-bottom:12px}.optimization-switch-grid.single{grid-template-columns:1fr}.default-optimization-note{color:var(--muted);margin:8px 0 0;font-size:9px}.toggle-card{border:1px solid var(--line);border-radius:var(--pixel-radius);min-height:70px;padding:10px}.toggle-card.active{background:#f7faf7;border-color:#adc2b6}.toggle-card>i{width:28px;height:17px}.toggle-card>i:after{width:11px;height:11px}.toggle-card.active>i:after{transform:translate(11px)}.error-message{border-radius:var(--pixel-radius);color:#8e3d31;background:#fff0ed;flex-direction:column;gap:3px;margin:12px 0;padding:13px 15px;font-size:12px;display:flex}.error-message.centered{text-align:center;align-items:center;max-width:560px;margin:60px auto;padding:30px}.error-message.centered button{margin-top:12px}.generate-button{border-radius:var(--pixel-radius);background:var(--accent);color:#fff;cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:63px;padding:8px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #d8753c3d}.generate-button:disabled{opacity:.55;cursor:not-allowed}.generate-button span{z-index:2;font-weight:800;position:relative}.generate-button small{z-index:2;opacity:.75;font-size:9px;position:relative}.generate-button>i{z-index:1;background:#6e381c47;transition:width .25s;position:absolute;top:0;bottom:0;left:0}.seo-inline-section{margin-top:70px}.seo-inline-section h2{text-align:center;font-size:28px}.seo-intro{max-width:780px;color:var(--muted);text-align:center;margin:0 auto 24px}.seo-feature-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.seo-feature-grid article{border-radius:var(--pixel-radius);background:var(--cream);padding:22px}.seo-feature-grid p{color:var(--muted);margin:5px 0 0;font-size:12px}.seo-guide-links{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:15px;display:grid}.seo-guide-links article{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;padding:24px}.seo-guide-links h3{margin:0 0 8px;font-size:18px}.seo-guide-links p{min-height:58px;color:var(--muted);margin:0 0 14px;font-size:12px}.seo-guide-links a{color:var(--accent-dark);font-size:12px;font-weight:700}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#251f1bbf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.crop-modal{border-radius:var(--pixel-radius);background:#fffdf8;width:min(680px,100%);max-height:calc(100vh - 40px);padding:25px;overflow:auto;box-shadow:0 25px 80px #0005}.modal-heading{justify-content:space-between;gap:15px;margin-bottom:18px;display:flex}.modal-heading h2{margin:5px 0 0;font-size:20px}.icon-button,.modal-close{border:1px solid var(--line);border-radius:var(--pixel-radius);cursor:pointer;background:#fff;width:38px;height:38px;font-size:22px}.crop-viewport{border-radius:var(--pixel-radius);touch-action:none;background:#302b28;border:1px solid #463d37;margin:auto;position:relative;overflow:hidden;box-shadow:0 8px 25px #2a211b38}.crop-viewport>img{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.crop-selection{z-index:2;border:2px solid var(--accent);cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 100vmax #14110f94,0 0 0 1px #fff8}.crop-selection:active{cursor:grabbing}.crop-grid{pointer-events:none;position:absolute;inset:0}.crop-grid i{background:#ffffff80;position:absolute}.crop-grid i:first-child,.crop-grid i:nth-child(2){width:1px;top:0;bottom:0}.crop-grid i:first-child{left:33.33%}.crop-grid i:nth-child(2){left:66.66%}.crop-grid i:nth-child(3),.crop-grid i:nth-child(4){height:1px;left:0;right:0}.crop-grid i:nth-child(3){top:33.33%}.crop-grid i:nth-child(4){top:66.66%}.crop-resize-handle{z-index:4;border-radius:var(--pixel-radius);background:var(--accent);touch-action:none;border:2px solid #fff;width:18px;height:18px;padding:0;position:absolute;box-shadow:0 2px 7px #0005}.crop-resize-handle.top-left{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.crop-resize-handle.top-right{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.crop-resize-handle.bottom-left{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.crop-resize-handle.bottom-right{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.crop-summary{width:min(100%,520px);color:var(--muted);align-items:center;gap:8px;margin:12px auto 0;font-size:10px;display:flex}.crop-summary span{border-radius:var(--pixel-radius);background:var(--sage-soft);color:var(--sage);padding:5px 8px;font-weight:800}.crop-summary b{color:var(--ink)}.crop-summary button{color:var(--accent-dark);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:4px 0;font-size:10px;font-weight:800}.crop-tip{color:var(--muted);text-align:center;margin:8px 0 16px;font-size:10px}.crop-error{color:var(--danger);text-align:center;margin:0 0 12px;font-size:10px}.modal-actions{justify-content:flex-end;gap:9px;display:flex}.pixel-align-modal{border-radius:var(--pixel-radius);background:#fffdf8;width:min(960px,100%);max-height:calc(100dvh - 40px);padding:25px;overflow:hidden auto;box-shadow:0 25px 80px #0005}.pixel-align-layout{grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:22px;min-width:0;display:grid}.pixel-align-stage{grid-template-columns:minmax(0,1fr);place-items:center;min-width:0;display:grid}.pixel-align-stage>p{color:var(--muted);text-align:center;margin:9px 0 0;font-size:10px}.pixel-align-viewport{overscroll-behavior:contain;border:2px solid var(--line);border-radius:var(--pixel-radius);touch-action:none;cursor:grab;background-color:#e9e2d9;background-image:linear-gradient(45deg,#f7f3ed 25%,#0000 25%),linear-gradient(-45deg,#f7f3ed 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f7f3ed 75%),linear-gradient(-45deg,#0000 75%,#f7f3ed 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;position:relative;overflow:hidden;box-shadow:0 10px 30px #38241522}.pixel-align-viewport:active{cursor:grabbing}.pixel-align-viewport>img{object-fit:fill;max-width:none;max-height:none;image-rendering:pixelated;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.pixel-grid-selection{z-index:2;cursor:move;touch-action:none;background:#ffffff14;border:2px solid #ff514d;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff8,0 4px 18px #0003}.pixel-grid-selection:active{cursor:grabbing}.pixel-nine-grid{z-index:3;pointer-events:none;position:absolute;inset:0}.pixel-nine-grid i{background:#ff514d;position:absolute;box-shadow:0 0 0 1px #fff7}.pixel-nine-grid i:first-child,.pixel-nine-grid i:nth-child(2){width:1px;top:0;bottom:0}.pixel-nine-grid i:first-child{left:33.333%}.pixel-nine-grid i:nth-child(2){left:66.666%}.pixel-nine-grid i:nth-child(3),.pixel-nine-grid i:nth-child(4){height:1px;left:0;right:0}.pixel-nine-grid i:nth-child(3){top:33.333%}.pixel-nine-grid i:nth-child(4){top:66.666%}.pixel-grid-resize-handle{z-index:5;border-radius:var(--pixel-radius);background:var(--accent);touch-action:none;border:2px solid #fff;width:18px;height:18px;padding:0;position:absolute;box-shadow:0 2px 7px #0004}.pixel-grid-resize-handle.top-left{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.pixel-grid-resize-handle.top-right{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.pixel-grid-resize-handle.bottom-left{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.pixel-grid-resize-handle.bottom-right{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.pixel-align-controls{gap:17px;min-width:0;display:grid}.pixel-align-controls fieldset{border:0;min-width:0;margin:0;padding:0}.pixel-align-controls legend{margin-bottom:8px;font-size:11px;font-weight:800}.pixel-grid-estimate{border-radius:var(--pixel-radius);text-align:center;background:#fff7f0;border:1px solid #efc3a8;gap:5px;padding:15px;display:grid}.pixel-grid-estimate span{color:var(--accent-dark);font-size:10px;font-weight:800}.pixel-grid-estimate b{font-size:23px}.pixel-grid-estimate small{color:var(--muted);font-size:9px;line-height:1.55}.pixel-align-guide{border-radius:var(--pixel-radius);background:var(--cream);padding:13px}.pixel-align-guide b{font-size:11px}.pixel-align-guide p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.65}.pixel-map-zoom{justify-content:center;align-items:center;gap:10px;display:flex}.pixel-map-zoom button{border:1px solid var(--line);border-radius:var(--pixel-radius);cursor:pointer;background:#fff;width:40px;height:40px;padding:0;font-size:19px}.pixel-map-zoom b{text-align:center;min-width:48px;font-size:11px}.pixel-align-warning{border-radius:var(--pixel-radius);color:var(--danger);background:#fff0eb;margin:0;padding:9px 10px;font-size:9px;line-height:1.5}.pixel-align-status{color:var(--muted);justify-content:center;gap:12px;font-size:9px;display:flex}.pixel-align-status span{border-radius:var(--pixel-radius);background:var(--cream);padding:5px 8px}.pixel-align-reset{justify-self:center}.workspace-backline{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px;display:flex}.result-shell{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;min-width:0;padding:29px}.result-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.result-toolbar{border-radius:var(--pixel-radius);background:var(--cream);align-items:center;gap:12px;padding:12px;display:flex}.segmented-control{border-radius:var(--pixel-radius);background:#e9ddce;padding:3px;display:flex}.segmented-control button{border-radius:var(--pixel-radius);cursor:pointer;background:0 0;border:0;min-height:32px;padding:0 13px;font-size:11px;font-weight:700}.segmented-control button.active{background:#fff;box-shadow:0 2px 8px #5b46361c}.zoom-control{align-items:center;gap:3px;display:flex}.zoom-control button{border:1px solid var(--line);border-radius:var(--pixel-radius);cursor:pointer;background:#fff;width:32px;height:32px}.zoom-control b{text-align:center;min-width:48px;font-size:11px}.export-wrap{margin-left:auto;position:relative}.export-menu{z-index:12;border:1px solid var(--line);border-radius:var(--pixel-radius);width:210px;box-shadow:var(--shadow);background:#fff;padding:6px;position:absolute;top:calc(100% + 7px);right:0}.export-menu button{border-radius:var(--pixel-radius);cursor:pointer;text-align:left;background:#fff;border:0;width:100%;padding:9px 10px;font-size:11px}.export-menu button:hover{background:var(--cream)}.pattern-scroller{border-radius:var(--pixel-radius);overscroll-behavior:contain;background:#e9e1d7;max-width:100%;max-height:min(68vh,700px);margin-top:16px;overflow:auto}.canvas-wrap{justify-content:center;align-items:center;width:max-content;min-width:100%;min-height:360px;padding:18px;display:flex;position:relative}.canvas-wrap canvas{cursor:crosshair;image-rendering:auto;background:#fff;display:block;box-shadow:0 8px 24px #59433524}.cell-popover{z-index:5;border-radius:var(--pixel-radius);color:#fff;background:#2f2925;flex-direction:column;align-self:flex-end;min-width:190px;padding:12px 32px 12px 14px;font-size:11px;display:flex;position:sticky;bottom:12px;right:12px;box-shadow:0 8px 20px #0004}.cell-popover button{border-radius:var(--pixel-radius);color:#fff;cursor:pointer;background:#fff2;border:0;width:20px;height:20px;position:absolute;top:7px;right:7px}.cell-popover span{color:#ddd0c5}.beading-mode-panel{z-index:1;border-radius:var(--pixel-radius);background:#fff7f0;border:1px solid #ebc9b2;flex-direction:column;align-items:stretch;gap:14px;min-width:0;margin:70px 14px 14px;padding:14px;display:flex;box-shadow:0 12px 32px #38241520}.beading-mode-current{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.beading-mode-current>i{border-radius:var(--pixel-radius-circle);width:36px;height:36px;box-shadow:inset 0 0 0 1px #00000018,0 3px 10px #6a45231a}.beading-mode-current>span{gap:2px;min-width:0;display:grid}.beading-mode-current b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.beading-mode-current small{color:var(--muted);font-size:9px}.beading-mode-nav{grid-template-columns:1fr 1fr;align-items:stretch;gap:7px;display:grid}.beading-mode-nav button{border:1px solid var(--line);border-radius:var(--pixel-radius);min-height:38px;color:var(--ink);cursor:pointer;background:#fff;padding:0 12px;font-size:10px;font-weight:700}.beading-mode-nav button:disabled{opacity:.42;cursor:not-allowed}.beading-mode-nav label{color:var(--muted);grid-area:1/1/auto/-1;gap:3px;font-size:8px;font-weight:700;display:grid}.beading-mode-nav select{border:1px solid var(--line);border-radius:var(--pixel-radius);width:100%;min-height:38px;color:var(--ink);background:#fff;padding:0 30px 0 10px;font-size:10px}.beading-mode-options{grid-template-columns:1fr 1fr;gap:7px;display:grid}.beading-mode-options button{border:1px solid var(--line);border-radius:var(--pixel-radius);min-height:38px;color:var(--ink);cursor:pointer;background:#fff;padding:0 10px;font-size:10px;font-weight:750}.beading-mode-options button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.beading-mode-options span{color:var(--muted);text-align:center;grid-column:1/-1;font-size:9px}.beading-mode-back{z-index:97;border-radius:var(--pixel-radius);min-height:44px;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fffdf9ef;border:1px solid #d8c9b9;padding:0 18px;font-size:12px;font-weight:800;position:fixed;top:14px;left:14px;box-shadow:0 8px 24px #38241524}.materials-panel{border-top:1px solid var(--line);margin-top:25px;padding-top:23px}.compact-heading{justify-content:space-between;align-items:flex-end;margin-bottom:4px;display:flex}.compact-heading h2,.material-stat{margin:3px 0;font-family:inherit;font-size:20px}.material-hint{color:var(--muted);margin:0 0 14px;font-size:10px}.material-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.material-card{border:1px solid var(--line);border-radius:var(--pixel-radius);cursor:pointer;text-align:left;background:#fff;grid-template-columns:35px 1fr auto;align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.material-card>i{border-radius:var(--pixel-radius-circle);width:31px;height:31px;box-shadow:inset 0 0 0 1px #00000016}.material-card>span,.material-card>em{flex-direction:column;min-width:0;line-height:1.35;display:flex}.material-card b{font-size:11px}.material-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.material-card>em{text-align:right;font-size:10px;font-style:normal;font-weight:700}.material-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fff7f0}.result-shell.is-fullscreen{z-index:80;border-radius:var(--pixel-radius);background:#f4eee6;border:0;flex-direction:column;padding:16px;display:flex;position:fixed;inset:0}.result-shell.is-fullscreen .result-toolbar{flex:none}.result-shell.is-fullscreen .pattern-scroller{flex:auto;max-height:none}.result-shell.is-fullscreen .canvas-wrap{min-height:100%}.result-shell.is-fullscreen.is-beading-mode{grid-template-rows:100dvh;grid-template-columns:minmax(0,1fr) 340px;padding:0;display:grid}.result-shell.is-beading-mode .result-toolbar{display:none}.result-shell.is-beading-mode .beading-mode-panel{grid-area:1/2;align-self:start;width:auto;position:static}.result-shell.is-beading-mode .pattern-scroller{border-radius:var(--pixel-radius);grid-area:1/1;min-width:0;min-height:0;margin-top:0}.result-shell.is-beading-mode .canvas-wrap{min-height:100vh}.result-shell.is-beading-mode canvas{cursor:zoom-in}.result-shell{padding:20px}.result-workspace{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;min-width:0;display:grid}.result-main{min-width:0}.result-main .pattern-scroller{height:clamp(420px,64vh,700px);max-height:none;margin-top:10px}.result-sidebar{border-left:1px solid var(--line);flex-direction:column;gap:14px;min-width:0;max-height:calc(clamp(420px,64vh,700px) + 54px);padding-left:14px;display:flex}.result-summary{border-bottom:1px solid var(--line);gap:5px;padding-bottom:14px;display:grid}.result-summary-title{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.result-summary h1{overflow-wrap:anywhere;min-width:0;margin:0;font-size:18px;line-height:1.35}.result-summary .text-button{flex:none;padding-top:2px}.result-summary p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.result-sidebar .result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.result-sidebar .result-actions>small,.result-sidebar .result-actions>.primary-button,.result-sidebar .result-actions>.plaza-publish-button{grid-column:1/-1}.result-sidebar .result-actions .primary-button,.result-sidebar .result-actions .secondary-button{min-width:0;min-height:40px;padding-inline:9px;font-size:11px}.result-cleanup-panel{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fffaf5;flex:none;overflow:hidden}.result-cleanup-panel>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:9px 11px;list-style:none;display:flex}.result-cleanup-panel>summary::-webkit-details-marker{display:none}.result-cleanup-panel>summary>span{min-width:0;display:grid}.result-cleanup-panel>summary b{font-size:11px}.result-cleanup-panel>summary small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.result-cleanup-panel>summary>i{color:var(--accent-dark);font-style:normal;transition:transform .2s}.result-cleanup-panel[open]>summary>i{transform:rotate(180deg)}.cleanup-section{border-top:1px solid var(--line);gap:8px;padding:11px;display:grid}.cleanup-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.cleanup-heading>span{min-width:0;display:grid}.cleanup-heading b{font-size:10px}.cleanup-heading small{color:var(--muted);font-size:8px;line-height:1.4}.cleanup-heading em{border-radius:var(--pixel-radius);background:var(--accent-soft);min-width:30px;color:var(--accent-dark);text-align:center;padding:3px 6px;font-size:10px;font-style:normal;font-weight:800}.cleanup-threshold{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:6px;font-size:7px;display:grid}.cleanup-threshold input{width:100%;accent-color:var(--accent)}.cleanup-apply{min-height:34px!important}.cleanup-color-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;max-height:112px;display:grid;overflow-y:auto}.cleanup-color-grid button{border:1px solid var(--line);border-radius:var(--pixel-radius);min-width:0;color:var(--ink);cursor:pointer;background:#fff;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:4px;padding:4px;font-size:7px;display:grid;position:relative}.cleanup-color-grid button>i{border-radius:var(--pixel-radius-circle);width:15px;height:15px;box-shadow:inset 0 0 0 1px #0002}.cleanup-color-grid button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cleanup-color-grid button>b{color:var(--danger);font-size:12px;position:absolute;top:-5px;right:1px}.cleanup-color-grid button.excluded{opacity:.72;background:#fff0ed;border-color:#d9a59c}.cleanup-color-grid button.excluded>i{filter:grayscale(.9)}.cleanup-message{border-top:1px solid var(--line);color:var(--sage);background:#eef5f0;margin:0;padding:8px 11px;font-size:8px;line-height:1.5}.cleanup-reset{border-top:1px solid var(--line);width:100%;min-height:31px}.result-sidebar .materials-panel{border-top:1px solid var(--line);flex-direction:column;flex:auto;min-height:0;margin-top:0;padding-top:14px;display:flex}.result-sidebar .compact-heading{align-items:flex-start}.result-sidebar .compact-heading h2,.result-sidebar .material-stat{font-size:20px;line-height:1.35}.result-sidebar .material-grid{flex:auto;grid-template-columns:1fr;min-height:0;padding-right:3px;overflow:auto}.result-fullscreen-exit{z-index:97;position:fixed;top:14px;right:14px}.result-shell.is-fullscreen .result-workspace{flex:auto;min-height:0;display:block}.result-shell.is-fullscreen .result-main{flex-direction:column;height:100%;display:flex}.result-shell.is-fullscreen .result-main .pattern-scroller{flex:auto;height:auto;max-height:none}.result-shell.is-fullscreen.is-beading-mode .result-workspace{grid-area:1/1;min-width:0;min-height:0}.result-shell.is-fullscreen.is-beading-mode .result-main{height:100%}@media (max-width:820px){.result-workspace{grid-template-columns:1fr}.result-main .pattern-scroller{height:clamp(380px,58vh,620px)}.result-sidebar{border-top:1px solid var(--line);border-left:0;max-height:none;padding-top:14px;padding-left:0}.result-sidebar .material-grid{max-height:320px}.pixel-align-layout{grid-template-columns:minmax(0,1fr)}.pixel-align-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pixel-align-zoom,.pixel-align-reset{grid-column:1/-1}.result-shell.is-fullscreen.is-beading-mode{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.result-shell.is-beading-mode .beading-mode-panel{grid-area:2/1;width:auto;margin:8px}.result-shell.is-fullscreen.is-beading-mode .result-workspace{grid-area:1/1}}.narrow-workspace{width:min(820px,100% - 40px)}.manual-config{max-width:720px;margin:auto}.manual-sizes{grid-template-columns:repeat(5,1fr)}.manual-editor-page{background:#f3ece3;min-height:calc(100vh - 76px)}.manual-topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8f2;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;min-height:66px;padding:10px 22px;display:grid;position:sticky;top:76px}.manual-topbar>div{align-items:center;gap:8px;display:flex}.manual-topbar>div:first-child span{color:var(--muted);font-size:10px}.manual-topbar>div:last-child{justify-content:flex-end}.manual-editor-layout{grid-template-columns:250px minmax(0,1fr) 230px;align-items:start;display:grid}.palette-panel{border-right:1px solid var(--line);background:#fff;flex-direction:column;padding:18px;display:flex}.editor-tool-group{border-radius:var(--pixel-radius);background:var(--cream);grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:16px;padding:5px;display:grid}.editor-tool-group button{border-radius:var(--pixel-radius);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:53px;padding:5px 3px;display:flex}.editor-tool-group button.active{border-color:var(--line);color:var(--accent-dark);background:#fff;box-shadow:0 3px 10px #59433512}.editor-tool-group b{font-size:11px}.editor-tool-group small{color:var(--muted);font-size:8px}.palette-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.palette-heading h2{margin:2px 0 0;font-size:19px}.eraser{border:1px solid var(--line);border-radius:var(--pixel-radius);cursor:pointer;background:#fff;min-height:34px;padding:0 11px;font-size:11px}.eraser.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.search-input{border:1px solid var(--line);border-radius:var(--pixel-radius);width:100%;min-height:42px;color:var(--ink);background:#fff;outline:none;padding:0 13px}.search-input:focus{border-color:var(--accent)}.palette-list{margin-top:10px;padding-right:3px}.palette-color{border-radius:var(--pixel-radius);cursor:pointer;text-align:left;background:#fff;border:1px solid #0000;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;width:100%;padding:7px;display:grid}.palette-color:hover{background:var(--cream)}.palette-color.active{border-color:var(--accent);background:#fff8f2}.palette-color>i{border-radius:var(--pixel-radius);width:28px;height:28px;box-shadow:inset 0 0 0 1px #0001}.palette-color span{flex-direction:column;line-height:1.25;display:flex}.palette-color b{font-size:10px}.palette-color small{color:var(--muted);font-size:8px}.palette-color em{border-radius:var(--pixel-radius);background:var(--sage-soft);min-width:23px;height:21px;color:var(--sage);place-items:center;font-size:8px;font-style:normal;font-weight:800;display:grid}.manual-canvas-panel{min-width:0;padding:16px}.manual-layer-toolbar{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fffdf9;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;padding:10px 12px;display:flex}.manual-layer-toolbar>div{align-items:center;gap:10px;min-width:0;display:flex}.manual-layer-toolbar>small{color:var(--muted);text-align:right;font-size:9px}.reference-name{max-width:150px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.reference-opacity{grid-template-columns:auto 110px 36px;align-items:center;gap:7px;font-size:9px;display:grid}.reference-opacity input{width:110px}.reference-opacity b{text-align:right}.danger-text{color:var(--danger)}.selection-toolbar{border-radius:var(--pixel-radius);background:#edf8fd;border:1px solid #a6cce0;align-items:center;gap:7px;margin-bottom:9px;padding:8px 10px;font-size:10px;display:flex}.selection-toolbar>b{color:#176d9d;margin-right:3px}.selection-toolbar>button,.selection-arrows button{border-radius:var(--pixel-radius);cursor:pointer;background:#fff;border:1px solid #b7d7e8;min-height:30px;padding:0 9px}.selection-toolbar>button:hover,.selection-arrows button:hover{background:#f8fdff;border-color:#72afd0}.selection-move-label{color:var(--muted);margin-left:5px}.selection-arrows{gap:3px;display:flex}.selection-arrows button{width:30px;padding:0;font-size:14px}.selection-toolbar .selection-cancel{color:var(--muted);margin-left:auto}.manual-instruction{align-items:center;gap:10px;margin-bottom:8px;font-size:11px;display:flex}.manual-instruction b{color:var(--accent-dark)}.manual-instruction span{color:var(--muted)}.manual-scroller{box-sizing:border-box;overscroll-behavior:contain;background:#dcd3c7;border:1px solid #cbbfb1;width:100%;min-width:0;max-width:100%;height:clamp(460px,65vh,720px);max-height:none;margin:0;padding:20px;overflow:auto}.manual-canvas-stack{width:max-content;margin:0 auto;line-height:0;position:relative}.manual-reference-image{z-index:1;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff;position:absolute}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.layers-panel{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;min-width:0;margin:16px 16px 16px 0;padding:15px;position:sticky;top:158px}.layers-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.layers-heading h2{margin:2px 0 0;font-size:18px}.layers-heading>button{border:1px solid var(--accent);border-radius:var(--pixel-radius);background:var(--accent-soft);min-height:34px;color:var(--accent-dark);cursor:pointer;padding:0 10px;font-size:10px;font-weight:800}.layers-panel>p{color:var(--muted);margin:10px 0 12px;font-size:9px;line-height:1.6}.layers-list{flex-direction:column;gap:8px;display:flex}.layer-item{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;overflow:hidden}.layer-item.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.layer-select{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:43px 1fr;align-items:center;gap:8px;width:100%;padding:8px;display:grid}.layer-select>span:last-child{flex-direction:column;min-width:0;display:flex}.layer-select b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.layer-select small{color:var(--muted);font-size:8px}.layer-preview{border-radius:var(--pixel-radius);color:#4b4038;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border:1px solid #dfd3c7;place-items:center;width:43px;height:34px;font-size:8px;font-weight:800;display:grid}.layer-preview.hidden{opacity:.45}.layer-actions{border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid}.layer-actions button{border:0;border-right:1px solid var(--line);cursor:pointer;background:#fffdf9;min-width:0;min-height:29px;padding:0 2px;font-size:8px}.layer-actions button:last-child{border-right:0}.layer-actions button:hover:not(:disabled){background:var(--cream)}.layer-actions button:disabled{opacity:.35;cursor:not-allowed}.palette-list{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;max-height:clamp(280px,100vh - 410px,620px);overflow-y:auto}.palette-list::-webkit-scrollbar{width:0;height:0;display:none}@media (min-width:721px){.manual-editor-layout{align-items:stretch}.manual-scroller{height:clamp(560px,72vh,860px)}.palette-panel{align-self:stretch}.palette-list{flex:1 1 0;min-height:280px;max-height:none}.layers-panel{align-self:start}}.category-tabs{gap:8px;margin-bottom:25px;padding-bottom:6px;display:flex;overflow-x:auto}.category-tabs button{border:1px solid var(--line);border-radius:var(--pixel-radius);cursor:pointer;background:#fff;flex:none;min-height:38px;padding:0 16px;font-size:12px;font-weight:700}.category-tabs button.active{border-color:var(--accent);background:var(--accent);color:#fff}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.gallery-card{border:1px solid var(--line);border-radius:var(--pixel-radius);cursor:pointer;text-align:left;background:#fff;padding:0;transition:all .2s;overflow:hidden}.gallery-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.gallery-image-wrap{aspect-ratio:1;background:var(--cream);place-items:center;display:grid;overflow:hidden}.gallery-image-wrap img{object-fit:cover;width:100%;height:100%}.gallery-card>span:last-child{flex-direction:column;padding:13px 15px;display:flex}.gallery-card b{font-size:13px}.gallery-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.image-preview-modal{grid-template-rows:1fr auto}.image-preview-modal img{border-radius:var(--pixel-radius);object-fit:contain;background:#fff;max-width:min(1100px,90vw);max-height:78vh;box-shadow:0 20px 70px #0006}.image-preview-modal .modal-close{z-index:2;position:fixed;top:24px;right:24px}.image-preview-modal .primary-button{margin-top:12px}.loading-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.loading-grid i{aspect-ratio:1;border-radius:var(--pixel-radius);background:linear-gradient(90deg,#eee5d9 25%,#faf6ef 45%,#eee5d9 65%) 0 0/400% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{to{background-position:-120% 0}}.empty-state{text-align:center;flex-direction:column;align-items:center;max-width:600px;margin:60px auto;padding:50px 25px;display:flex}.empty-state h2{margin:15px 0 3px}.empty-state p{color:var(--muted);margin:0 0 20px}.empty-beads{display:flex}.empty-beads i{border-radius:var(--pixel-radius-circle);background:var(--accent);width:26px;height:26px;margin-left:-4px;box-shadow:inset 0 0 0 6px #fff5}.empty-beads i:nth-child(2n){background:#e8b863}.empty-beads i:nth-child(3){background:var(--sage)}.history-toolbar{grid-template-columns:1fr auto;gap:10px;margin-bottom:24px;display:grid}.history-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.history-card{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;grid-template-columns:1fr auto;display:grid;position:relative;overflow:hidden}.history-open{cursor:pointer;text-align:left;background:#fff;border:0;grid-template-columns:120px 1fr;gap:14px;padding:12px;display:grid}.history-thumb{border-radius:var(--pixel-radius);background:var(--cream);place-items:center;width:120px;height:100px;display:grid;position:relative;overflow:hidden}.history-thumb img{object-fit:cover;width:100%;height:100%}.history-thumb>em{border-radius:var(--pixel-radius);color:#fff;background:#2f2925cc;padding:2px 6px;font-size:8px;font-style:normal;position:absolute;top:6px;left:6px}.history-placeholder{color:var(--accent-dark);font-size:25px;font-weight:800}.history-placeholder small{color:var(--muted);margin:0 4px}.history-info{flex-direction:column;justify-content:center;min-width:0;display:flex}.history-info b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-info small{color:var(--muted);font-size:9px}.delete-button{border:0;border-left:1px solid var(--line);width:55px;color:var(--danger);cursor:pointer;background:#fff;font-size:10px}.delete-button:hover{background:#fff0ed}.profile-page{width:min(760px,100% - 40px)}.profile-card{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;padding:30px}.profile-avatar-wrap{align-items:center;gap:18px;margin-bottom:30px;display:flex}.profile-avatar-wrap>div{flex-direction:column;display:flex}.profile-avatar-wrap>div b{font-size:20px}.profile-avatar-wrap>div span{color:var(--muted);font-size:11px}.profile-avatar{border-radius:var(--pixel-radius-circle);background:var(--accent-soft);width:82px;height:82px;color:var(--accent-dark);cursor:pointer;border:0;padding:0;font-size:25px;font-weight:800;position:relative;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar i{color:#fff;background:#2f2925b8;padding:3px;font-size:8px;font-style:normal;position:absolute;inset:auto 0 0}.profile-field{flex-direction:column;gap:7px;margin-bottom:17px;display:flex}.profile-field span{font-size:12px;font-weight:750}.profile-field input{border:1px solid var(--line);border-radius:var(--pixel-radius);min-height:47px;padding:0 13px}.full-button{width:100%}.profile-local-note{border-radius:var(--pixel-radius);background:var(--cream);margin-top:20px;padding:15px}.profile-local-note b{font-size:11px}.profile-local-note p{color:var(--muted);margin:3px 0 0;font-size:10px}.profile-links{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;flex-direction:column;margin-top:17px;display:flex}.profile-links a{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;padding:16px 18px;display:grid}.profile-links a:last-child{border-bottom:0}.profile-links span{font-weight:700}.profile-links small{color:var(--muted);grid-row:2}.profile-links b{color:var(--accent);grid-area:1/2/span 2;align-self:center;font-size:24px}.guide-hub .page-hero{max-width:900px}.guide-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.guide-grid a{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;flex-direction:column;min-height:260px;padding:27px;display:flex}.guide-grid a:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.guide-grid span{color:var(--accent-dark);letter-spacing:.1em;font-size:10px;font-weight:800}.guide-grid h2{margin:35px 0 10px;font-size:22px;line-height:1.35}.guide-grid p{color:var(--muted);font-size:12px}.guide-grid b{color:var(--sage);margin-top:auto;font-size:12px}.guide-quick-tips{border-radius:var(--pixel-radius);background:var(--cream);margin-top:80px;padding:38px}.guide-quick-tips h2{margin-top:0;font-size:28px}.guide-quick-tips ol{counter-reset:tip;grid-template-columns:repeat(2,1fr);gap:13px 35px;padding:0;list-style:none;display:grid}.guide-quick-tips li{counter-increment:tip;flex-direction:column;padding:12px 12px 12px 47px;display:flex;position:relative}.guide-quick-tips li:before{border-radius:var(--pixel-radius);width:33px;height:33px;color:var(--accent-dark);content:counter(tip);background:#fff;place-items:center;font-weight:800;display:grid;position:absolute;top:12px;left:0}.guide-quick-tips span{color:var(--muted);font-size:11px}.article-page header{border-bottom:1px solid var(--line);padding:40px 0 35px}.article-page header nav{color:var(--muted);gap:7px;margin-top:22px;font-size:10px;display:flex}.article-page header nav b{text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.article-page article{max-width:760px;padding:30px 0;font-size:15px}.article-page article h2{margin:48px 0 13px;font-size:27px;line-height:1.3}.article-page article p{color:#625750}.article-page article li{color:#625750;margin:9px 0}.article-page article li b{color:var(--ink)}.guide-table{border:1px solid var(--line);border-radius:var(--pixel-radius);margin:20px 0;overflow:hidden}.guide-table>div{border-bottom:1px solid var(--line);grid-template-columns:100px 1.4fr 1fr;padding:11px 15px;display:grid}.guide-table>div:first-child{background:var(--cream)}.guide-table>div:last-child{border-bottom:0}.guide-table span{color:var(--muted);font-size:12px}.article-cta{border-radius:var(--pixel-radius);color:#fff;background:#416254;margin-top:55px;padding:28px}.article-cta h2{margin-top:0!important}.article-cta p{color:#dce8df!important}.article-cta>div{gap:9px;display:flex}.format-list{gap:8px;display:grid}.format-list div{border-radius:var(--pixel-radius);background:var(--cream);justify-content:space-between;gap:20px;padding:13px 15px;display:flex}.format-list span{color:var(--muted);font-size:12px}.brand-guide-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.brand-guide-grid div{border:1px solid var(--line);border-radius:var(--pixel-radius);grid-template-columns:1fr auto;padding:17px;display:grid}.brand-guide-grid span{color:var(--accent-dark);font-size:10px;font-weight:700}.brand-guide-grid p{grid-column:1/-1;margin-bottom:0;font-size:11px}.site-footer{border-top:1px solid var(--line);width:min(1180px,100% - 40px);min-height:210px;color:var(--muted);grid-template-columns:1fr auto;gap:40px;margin:auto;padding:50px 0 35px;font-size:11px;display:grid}.site-footer p{margin:3px 0}.footer-brand{color:var(--ink);font-size:16px;font-weight:800}.footer-links{grid-template-columns:repeat(2,auto);align-content:start;gap:5px 30px;display:grid}.footer-links a:hover{color:var(--accent-dark)}.footer-note{grid-column:1/-1;align-self:end}@media (max-width:980px){.site-header{height:120px}.site-header-inner{height:76px}.desktop-nav{display:none}.mobile-nav{scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;align-items:center;gap:7px;width:min(1180px,100% - 40px);height:44px;margin:0 auto;padding:4px 0 8px;display:flex;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav a{border-radius:var(--pixel-radius);color:#655a53;scroll-snap-align:start;flex:none;align-items:center;min-height:32px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.mobile-nav a.active{background:var(--accent-soft);color:var(--accent-dark)}.home-hero{grid-template-columns:1fr;padding-top:55px}.home-hero-copy{text-align:center;max-width:720px;margin:auto}.home-hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{width:min(560px,100%);margin:auto}.generator-layout{grid-template-columns:1fr;align-items:start}.generator-layout>.workspace-card{height:auto}.upload-card{position:static}.source-preview>img{max-height:520px}.feature-showcase{grid-template-columns:1fr;padding:65px 45px}.material-demo{max-width:650px}.tools-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}.material-grid{grid-template-columns:repeat(2,1fr)}.manual-topbar{grid-template-columns:1fr auto}.manual-topbar>div:nth-child(2){order:3}.manual-topbar>div:last-child{flex-wrap:wrap;grid-area:1/2/span 2;max-width:330px}.manual-editor-layout{grid-template-columns:230px minmax(0,1fr)}.layers-panel{grid-column:1/-1;margin:0 16px 16px;position:static}.layers-list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}@media (max-width:720px){.site-header{height:110px}.site-header-inner{gap:9px;width:calc(100% - 24px);height:66px}.mobile-nav{width:calc(100% - 24px)}.brand small,.header-profile em{display:none}.brand-mark{width:34px;height:34px}.header-profile{padding:6px}.language-switcher{margin-left:auto;padding:6px 8px}.language-switcher span{display:none}.language-switcher select{max-width:72px}.home-hero,.workspace-page,.content-page,.article-page{width:calc(100% - 24px)}.home-hero{gap:42px;min-height:0;padding:45px 0 65px}.home-hero-copy h1{font-size:42px}.home-hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-proof{gap:15px}.hero-proof span{flex-direction:column;align-items:center;gap:0}.hero-visual{height:390px}.hero-source-card{width:158px;top:75px;left:7px}.source-landscape{height:165px}.hero-pattern-card{width:185px;top:50px;right:5px}.hero-arrow{top:47%}.floating-color-card{bottom:25px;left:38px}.floating-count-card{bottom:63px;right:4px}.brand-strip{gap:17px}.home-section{width:calc(100% - 24px);padding:72px 0}.workflow-grid,.seo-feature-grid,.seo-guide-links,.guide-grid{grid-template-columns:1fr}.feature-showcase{gap:35px;width:calc(100% - 24px);padding:45px 20px}.material-demo-row{grid-template-columns:30px 37px 1fr 48px}.material-demo-row small{display:none}.tools-grid{grid-template-columns:1fr}.tools-grid a{min-height:200px}.tools-grid p{min-height:auto}.home-cta{flex-direction:column;align-items:flex-start;width:calc(100% - 24px);margin-bottom:75px;padding:35px 25px}.home-cta h2{font-size:31px}.workspace-page,.content-page{padding-top:42px}.workspace-title h1,.page-hero h1,.article-page header h1{font-size:37px}.workspace-card{border-radius:var(--pixel-radius);padding:19px}.option-grid.three{grid-template-columns:repeat(3,1fr)}.option-card{padding:9px}.library-grid{grid-template-columns:repeat(2,1fr)}.switch-grid,.settings-panel-grid{grid-template-columns:1fr}.config-card .switch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-card{min-height:58px}.drop-zone{min-height:330px}.result-shell{padding:15px}.result-actions{justify-content:flex-start}.result-toolbar{flex-wrap:wrap}.segmented-control{width:100%}.segmented-control button{flex:1}.export-wrap{margin-left:0}.material-grid{grid-template-columns:1fr}.manual-editor-page{min-height:calc(100vh - 66px)}.manual-topbar{z-index:15;grid-template-columns:1fr;padding:8px 12px;top:66px}.manual-topbar>div:nth-child(2){grid-area:auto/1}.manual-topbar>div:last-child{grid-area:auto/1;justify-content:flex-start;max-width:none}.manual-editor-layout{flex-direction:column;display:flex}.palette-panel{border-right:0;border-bottom:1px solid var(--line)}.palette-list{grid-template-columns:repeat(3,1fr);display:grid}.palette-color{grid-template-columns:24px 1fr}.palette-color>i{width:23px;height:23px}.palette-color em{display:none}.manual-canvas-panel{min-height:520px;padding:10px}.manual-layer-toolbar{flex-direction:column;align-items:flex-start}.manual-layer-toolbar>div{flex-wrap:wrap;width:100%}.manual-layer-toolbar>small{text-align:left}.reference-opacity{flex:1;grid-template-columns:auto minmax(85px,1fr) 36px}.reference-opacity input{width:100%}.selection-toolbar{flex-wrap:wrap}.selection-toolbar .selection-cancel{margin-left:0}.manual-instruction{flex-direction:column;align-items:flex-start;gap:2px}.manual-scroller{min-height:460px;padding:12px}.layers-panel{order:3;width:calc(100% - 20px);margin:0 10px 16px}.layers-list{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.history-grid,.history-toolbar{grid-template-columns:1fr}.history-open{grid-template-columns:95px 1fr}.history-thumb{width:95px;height:85px}.profile-card,.guide-quick-tips{padding:22px}.guide-quick-tips ol{grid-template-columns:1fr}.guide-table{overflow-x:auto}.guide-table>div{min-width:600px}.brand-guide-grid{grid-template-columns:1fr}.format-list div{flex-direction:column;gap:3px}.article-cta>div{flex-direction:column}.article-page article{font-size:14px}.site-footer{grid-template-columns:1fr;gap:20px;width:calc(100% - 24px)}.footer-note{grid-column:1}.footer-links{grid-template-columns:1fr 1fr}}.mobile-editor-topbar,.mobile-tool-rail,.mobile-layer-trigger,.mobile-color-dock,.mobile-sheet-heading,.mobile-sheet-backdrop{display:none}@media (max-width:720px){body:has(.manual-editor-page){background:#f3ece3;overflow:hidden}body:has(.manual-editor-page) .site-footer{display:none}.manual-editor-page{height:calc(100dvh - 66px);min-height:0;color:var(--ink);background:#f3ece3;overflow:hidden}.manual-topbar{display:none}.manual-editor-layout{height:100%;display:block}.manual-canvas-panel{background:#f3ece3;height:100%;min-height:0;padding:0 10px 112px;position:relative}.mobile-editor-topbar{z-index:60;border:1px solid var(--line);border-radius:var(--pixel-radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8f2;grid-template-columns:36px 44px minmax(96px,1fr) 42px 44px;align-items:center;gap:5px;height:64px;padding:8px;display:grid;position:sticky;top:0;box-shadow:0 10px 28px #5943351f}.mobile-editor-topbar>button,.mobile-zoom-control button{border-radius:var(--pixel-radius);background:var(--cream);min-width:0;height:40px;color:var(--ink);border:0;padding:0;font-size:11px;font-weight:800}.mobile-editor-topbar>button:first-child{color:var(--accent-dark);background:0 0;font-size:30px;font-weight:400}.mobile-editor-topbar>b{color:var(--ink);white-space:nowrap;font-size:14px}.mobile-editor-topbar .mobile-save-button{background:var(--accent);color:#fff}.mobile-zoom-control{border-radius:var(--pixel-radius);background:var(--cream);grid-template-columns:32px minmax(48px,1fr) 32px;align-items:center;height:40px;display:grid;overflow:hidden}.mobile-zoom-control button{border-radius:var(--pixel-radius);background:0 0;font-size:18px}.mobile-zoom-control span{color:var(--muted);text-align:center;font-size:9px}.manual-layer-toolbar{z-index:82;visibility:hidden;border-color:var(--line);border-radius:var(--pixel-radius);background:var(--paper);max-height:70dvh;color:var(--ink);pointer-events:none;flex-direction:column;margin:0;padding:16px;transition:transform .22s,visibility .22s;display:flex;position:fixed;bottom:0;left:12px;right:12px;overflow-y:auto;transform:translateY(110%);box-shadow:0 -18px 55px #59433538}.manual-layer-toolbar.mobile-open{visibility:visible;pointer-events:auto;transform:translateY(0)}.manual-layer-toolbar>div{flex-wrap:wrap;width:100%}.manual-layer-toolbar>small{color:var(--muted);text-align:left}.manual-layer-toolbar .secondary-button{border-color:var(--line);color:var(--ink);background:#fff}.manual-layer-toolbar .reference-opacity{grid-template-columns:auto minmax(100px,1fr) 38px;width:100%}.mobile-sheet-heading{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:12px;display:flex!important}.mobile-sheet-heading>div{flex-direction:column;display:flex}.mobile-sheet-heading b{color:var(--ink);font-size:17px}.mobile-sheet-heading small{color:var(--muted);font-size:9px}.mobile-sheet-heading>button{border-radius:var(--pixel-radius);background:var(--accent-soft);min-height:35px;color:var(--accent-dark);border:0;padding:0 13px;font-size:11px;font-weight:800}.palette-panel{z-index:82;visibility:hidden;border:1px solid var(--line);border-radius:var(--pixel-radius);background:var(--paper);width:auto;max-height:74dvh;color:var(--ink);pointer-events:none;padding:16px;transition:transform .22s,visibility .22s;position:fixed;bottom:0;left:12px;right:12px;overflow:hidden;transform:translateY(110%);box-shadow:0 -18px 55px #59433538}.palette-panel.mobile-open{visibility:visible;pointer-events:auto;transform:translateY(0)}.palette-panel .editor-tool-group{display:none}.palette-panel .palette-heading h2{color:var(--ink)}.palette-panel .search-input{border-color:var(--line);color:var(--ink);background:#fff}.palette-panel .search-input::placeholder{color:#a3958b}.palette-list{grid-template-columns:repeat(3,minmax(0,1fr));max-height:calc(74dvh - 180px);overflow-y:auto}.palette-color{color:var(--ink);background:0 0;border-color:#0000}.palette-color:hover{background:var(--cream)}.palette-color.active{border-color:var(--accent);background:#fff4e9}.palette-color small{color:var(--muted)}.layers-panel{z-index:82;visibility:hidden;border-color:var(--line);border-radius:var(--pixel-radius);background:var(--paper);width:auto;max-height:74dvh;color:var(--ink);pointer-events:none;margin:0;padding:16px;transition:transform .22s,visibility .22s;position:fixed;bottom:0;left:12px;right:12px;overflow-y:auto;transform:translateY(110%);box-shadow:0 -18px 55px #59433538}.layers-panel.mobile-open{visibility:visible;pointer-events:auto;transform:translateY(0)}.layers-panel>p{color:var(--muted)}.layers-list{grid-template-columns:1fr}.layer-item,.layer-actions button{border-color:var(--line);color:var(--ink);background:#fff}.layer-item.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fff8f2}.layer-select small{color:var(--muted)}.layers-heading>button{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.manual-instruction{display:none}.selection-toolbar{z-index:58;max-height:96px;margin:0;position:fixed;top:140px;left:72px;right:70px;overflow-y:auto;box-shadow:0 8px 24px #5943352b}.manual-scroller{border-radius:var(--pixel-radius);scrollbar-width:none;background:#ddd4c8;border:0;width:100%;height:calc(100% - 64px);min-height:0;max-height:none;margin:0;padding:72px 22px 150px 72px;overflow:auto}.manual-scroller::-webkit-scrollbar{width:0;height:0;display:none}.manual-canvas-stack{margin:auto}.manual-scroller canvas{box-shadow:0 12px 35px #59433538}.manual-scroller canvas.pan-mode{cursor:grab;touch-action:pan-x pan-y}.mobile-tool-rail{z-index:55;border:1px solid var(--line);border-radius:var(--pixel-radius);scrollbar-width:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8e8;flex-direction:column;gap:4px;width:54px;padding:7px;display:flex;position:fixed;top:148px;bottom:112px;left:12px;overflow-y:auto;box-shadow:0 10px 35px #59433538}.mobile-tool-rail::-webkit-scrollbar{display:none}.mobile-tool-rail button{border-radius:var(--pixel-radius);min-width:0;color:var(--muted);background:0 0;border:1px solid #0000;flex-direction:column;flex:0 0 47px;justify-content:center;align-items:center;padding:2px;display:flex}.mobile-tool-rail button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);box-shadow:inset 0 0 0 1px #d8753c20}.mobile-tool-rail button:disabled{opacity:.35}.mobile-tool-rail b{font-size:15px;line-height:1}.mobile-tool-rail small{margin-top:3px;font-size:7px}.mobile-layer-trigger{z-index:55;border:1px solid var(--line);border-radius:var(--pixel-radius);min-width:58px;height:54px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8e8;justify-content:center;align-items:center;gap:7px;padding:0 10px;display:flex;position:fixed;top:148px;right:12px;box-shadow:0 10px 30px #59433530}.mobile-layer-trigger b{font-size:15px}.mobile-layer-trigger span{color:var(--accent-dark);font-size:13px;font-weight:800}.mobile-color-dock{z-index:55;border:1px solid var(--line);border-radius:var(--pixel-radius);width:min(330px,100% - 92px);min-height:78px;color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8ed;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #59433538}.mobile-color-dock>i{border-radius:var(--pixel-radius);border:3px solid #fff8;width:52px;height:52px;box-shadow:inset 0 0 0 1px #0002}.mobile-color-dock>span{text-align:left;flex-direction:column;min-width:0;display:flex}.mobile-color-dock b{font-size:17px}.mobile-color-dock small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.mobile-color-dock strong{border-radius:var(--pixel-radius);background:var(--accent);color:#fff;place-items:center;min-height:48px;padding:0 13px;font-size:11px;display:grid}.mobile-sheet-backdrop{z-index:75;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2f292566;border:0;display:block;position:fixed;inset:0}.manual-canvas-panel>.error-message{z-index:57;margin:0;position:fixed;bottom:102px;left:76px;right:76px;box-shadow:0 8px 25px #59433530}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.editor-tool-group{grid-template-columns:repeat(4,1fr)}.guide-toggle.active{color:#9a542f;background:#fff2e2;border-color:#d58b5a}.editor-tool-group button.long-label b{letter-spacing:-.2px;white-space:nowrap;font-size:9px}.reference-controls{flex-direction:column;align-items:stretch;gap:3px;min-width:250px;display:flex}.reference-controls .reference-name{max-width:270px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1.25;overflow:hidden}.reference-control-row{align-items:center;gap:8px;display:flex}.manual-seo-section{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fffdf8;width:min(1120px,100% - 40px);margin:44px auto 72px;padding:34px;box-shadow:0 14px 38px #5943350f}.manual-seo-section>div:first-child{max-width:820px}.manual-seo-section h2{color:var(--ink);margin:8px 0 10px;font-size:clamp(25px,3vw,38px)}.manual-seo-section>div:first-child p{color:var(--muted);line-height:1.8}.manual-seo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.manual-seo-grid article{border:1px solid var(--line);border-radius:var(--pixel-radius);background:var(--cream);padding:18px}.manual-seo-grid h3{margin:0 0 8px;font-size:16px}.manual-seo-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.manual-seo-links{flex-wrap:wrap;gap:10px;margin:22px 0 0;display:flex}.manual-seo-links a{border-radius:var(--pixel-radius);background:var(--sage-soft);color:var(--sage);padding:10px 14px;font-size:13px;font-weight:800}@media (max-width:820px){.manual-seo-section{width:calc(100% - 24px);margin:28px auto 48px;padding:22px 16px}.manual-seo-grid{grid-template-columns:1fr}}@media (max-width:760px){.reference-controls{width:100%;min-width:0}.reference-controls .reference-name{max-width:100%}.reference-control-row{width:100%}}.form-message{border-radius:var(--pixel-radius);background:var(--cream);color:var(--accent-dark);margin:0 0 14px;padding:10px 12px;font-size:12px;line-height:1.6}.auth-page{width:min(980px,100% - 40px);padding-top:58px}.auth-card{border:1px solid var(--line);border-radius:var(--pixel-radius);box-shadow:var(--shadow);background:#fff;grid-template-columns:.9fr 1.1fr;display:grid;overflow:hidden}.auth-visual{background:#f3e6c4;min-height:520px;position:relative;overflow:hidden}html[data-theme=night] .auth-visual{background:#2a3348}.auth-visual-art{opacity:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;container-type:size}.auth-visual-art--day{opacity:1}html[data-theme=night] .auth-visual-art--day{opacity:0}html[data-theme=night] .auth-visual-art--night{opacity:1}.auth-visual .login-art{object-fit:cover;object-position:center center;width:100%;height:100%;image-rendering:pixelated;display:block}.auth-visual .login-art.is-fallback{display:none}@container (aspect-ratio>=5/2){.auth-visual .login-art{object-fit:contain}}.auth-form-wrap{min-height:420px;padding:34px}.auth-heading{margin-bottom:24px}.auth-heading h1{margin:7px 0 5px;font-size:28px;line-height:1.25}.auth-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.auth-tabs{border-radius:var(--pixel-radius);background:var(--cream);grid-template-columns:repeat(2,1fr);gap:5px;margin-bottom:30px;padding:4px;display:grid}.auth-tabs button{border-radius:var(--pixel-radius);min-height:39px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800}.auth-tabs button.active{color:var(--accent-dark);background:#fff;box-shadow:0 3px 12px #59433514}.auth-form{flex-direction:column;gap:17px;display:flex}.auth-form label{flex-direction:column;gap:7px;display:flex}.auth-form label>span:first-child{font-size:12px;font-weight:750}.auth-form input{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;outline:none;width:100%;min-height:47px;padding:0 13px}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d8753c18}.auth-submit{text-align:center;min-height:48px;padding:0 20px;background:var(--accent)!important;color:#fff!important}.auth-submit>span{width:100%;color:inherit;text-align:center;line-height:1;display:block}.auth-submit:hover{background:#ca6833!important}.auth-submit:disabled{opacity:1;color:#fff!important;background:#d9936b!important}.code-field{grid-template-columns:1fr 112px;gap:8px;display:grid}.code-field button{border:1px solid var(--line);border-radius:var(--pixel-radius);background:var(--cream);color:var(--accent-dark);cursor:pointer;font-size:11px;font-weight:800}.code-field button:disabled{opacity:.5;cursor:default}.login-required{border:1px solid var(--line);border-radius:var(--pixel-radius);text-align:center;max-width:620px;box-shadow:var(--shadow);background:#fff;margin:72px auto;padding:48px 50px}.login-required>span{border-radius:var(--pixel-radius);background:var(--accent-soft);width:68px;height:68px;color:var(--accent-dark);place-items:center;margin:auto;font-size:28px;font-weight:900;display:grid}.login-required h1{text-align:center;margin:18px 0 8px;font-size:22px;line-height:1.35}.login-required p{max-width:500px;color:var(--muted);text-align:center;margin:0 auto 26px;line-height:1.75}.login-required>a.primary-button{background:var(--accent);color:#fff;text-align:center;justify-content:center;align-items:center;width:min(360px,100%);min-height:48px;margin:0 auto;font-size:13px;line-height:1;display:flex}.login-required>a.primary-button:hover{color:#fff;background:#ca6833}.profile-logout{color:var(--danger);margin:18px auto 0;display:block}.plaza-page{width:min(920px,100% - 40px)}.plaza-hero{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.plaza-hero h1{margin-bottom:8px}.plaza-search{grid-template-columns:1fr auto;gap:10px;margin:4px 0 25px;display:grid}.plaza-search input{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;outline:none;min-height:45px;padding:0 14px}.plaza-search input:focus{border-color:var(--accent)}.plaza-list{border-top:1px solid var(--line)}.plaza-list-item{border-bottom:1px solid var(--line);grid-template-columns:1fr 145px;gap:20px;padding:25px 6px;display:grid}.plaza-list-item>a{min-width:0}.plaza-list-item h2{margin:0 0 8px;font-size:20px;line-height:1.35}.plaza-list-item a:hover h2{color:var(--accent-dark)}.plaza-list-item p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.7;display:-webkit-box;overflow:hidden}.plaza-list-item>div{color:var(--muted);flex-direction:column;justify-content:center;align-items:flex-end;font-size:10px;display:flex}.plaza-list-item>div span{color:var(--sage);font-weight:800}.plaza-empty{border-bottom:1px solid var(--line);color:var(--muted);text-align:center;padding:70px 20px}.plaza-empty b{color:var(--ink);font-size:18px;display:block}.plaza-empty a{color:var(--accent-dark);font-weight:800}.plaza-pagination{justify-content:center;align-items:center;gap:15px;margin-top:28px;display:flex}.plaza-pagination button{border:1px solid var(--line);border-radius:var(--pixel-radius);cursor:pointer;background:#fff;min-height:36px;padding:0 14px}.plaza-pagination button:disabled{opacity:.4;cursor:default}.plaza-pagination span{color:var(--muted);font-size:11px}.rich-article-content h2{margin:30px 0 10px;font-size:25px;line-height:1.35}.rich-article-content h3{margin:24px 0 8px;font-size:19px}.rich-article-content blockquote{border-left:4px solid var(--accent);background:var(--cream);color:#625750;margin:18px 0;padding:12px 17px}.plaza-article-page{width:min(900px,100% - 40px)}.plaza-breadcrumb{color:var(--muted);gap:8px;padding:27px 0 5px;font-size:11px;display:flex}.plaza-breadcrumb span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.plaza-article{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;margin-top:20px;padding:42px 55px}.plaza-article>header{border-bottom:1px solid var(--line);padding-bottom:25px}.plaza-article>header h1{margin:9px 0 15px;font-size:clamp(29px,5vw,43px);line-height:1.2}.plaza-article>header div{color:var(--muted);gap:16px;font-size:11px;display:flex}.rich-article-content{color:#514741;padding-top:25px;font-size:15px;line-height:1.9}.rich-article-content h2{color:var(--ink);margin:38px 0 14px;font-size:25px;line-height:1.35}.rich-article-content h3{color:var(--ink);margin:28px 0 10px;font-size:19px}.rich-article-content p{margin:14px 0}.rich-article-content img{border-radius:var(--pixel-radius);background:var(--cream);width:100%;height:auto;margin:28px auto 10px;display:block;box-shadow:0 12px 34px #45362816}.rich-article-content blockquote{border-left:4px solid var(--accent);border-radius:var(--pixel-radius);color:#66564b;background:#fff6ed;margin:24px 0;padding:16px 20px}.rich-article-content blockquote p{margin:0}.rich-article-content a{color:var(--accent-dark);text-decoration:underline}.rich-article-content ul,.rich-article-content ol{padding-left:24px}.rich-article-content li{margin:7px 0}.article-back{justify-content:center;gap:10px;margin:25px 0;display:flex}.article-comments{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;margin-top:24px;padding:30px 34px}.comments-heading h2{margin:7px 0 18px;font-size:24px}.comment-form{border-radius:var(--pixel-radius);background:var(--cream);margin-bottom:22px;padding:17px}.comment-form label{color:var(--ink);flex-direction:column;gap:8px;font-size:11px;font-weight:800;display:flex}.comment-form textarea{border:1px solid var(--line);border-radius:var(--pixel-radius);resize:vertical;outline:none;min-height:105px;padding:12px}.comment-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d8753c18}.comment-form>div{justify-content:flex-end;align-items:center;gap:13px;margin-top:10px;display:flex}.comment-form small{color:var(--muted)}.comment-form>.comment-reply-target{border-radius:var(--pixel-radius);color:var(--muted);background:#fff;border:1px solid #ecd9c5;justify-content:space-between;margin:0 0 10px;padding:9px 11px;font-size:11px}.comment-reply-target b{color:var(--ink)}.comment-reply-target button,.comment-item-actions button{color:var(--accent-dark);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:800}.comment-form>.comment-emoji-row{margin-top:8px;display:block}.comment-tools{align-items:center;gap:8px;display:flex}.comment-image-input{display:none}.comment-form>.comment-image-preview{width:fit-content;margin:10px 0 0;display:block;position:relative}.comment-image-preview img{border:1px solid var(--line);border-radius:var(--pixel-radius);object-fit:contain;background:#fff;width:auto;max-width:220px;max-height:160px;display:block}.comment-image-preview button{border-radius:var(--pixel-radius);background:var(--danger);color:#fff;cursor:pointer;border:2px solid #fff;place-items:center;width:25px;height:25px;padding:0;font-size:17px;line-height:1;display:grid;position:absolute;top:-8px;right:-8px}.comment-emoji-toggle{border:1px solid var(--line);border-radius:var(--pixel-radius);min-height:34px;color:var(--ink);cursor:pointer;background:#fff;padding:0 12px;font-size:11px;font-weight:750}.comment-emoji-toggle.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.comment-emoji-picker{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin-top:8px;padding:9px;display:grid;box-shadow:0 8px 24px #59433518}.comment-emoji-picker button{border-radius:var(--pixel-radius);cursor:pointer;background:0 0;border:0;min-width:0;height:34px;padding:0;font-size:20px;line-height:1}:is(.comment-emoji-picker button:hover,.comment-emoji-picker button:focus-visible){background:var(--cream);transform:scale(1.08)}.comment-login{border-radius:var(--pixel-radius);background:var(--cream);color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:17px;font-size:12px;display:flex}.comment-list{border-top:1px solid var(--line)}.comment-item{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr;gap:12px;padding:19px 0;display:grid}.comment-item.is-reply{margin-left:54px}.comment-avatar{border-radius:var(--pixel-radius-circle);background:var(--sage-soft);width:42px;height:42px;color:var(--sage);place-items:center;font-weight:900;display:grid;overflow:hidden}.comment-avatar img{object-fit:cover;width:100%;height:100%}.comment-item header{justify-content:space-between;align-items:center;gap:12px;display:flex}.comment-item header b{font-size:12px}.comment-item time{color:var(--muted);font-size:9px}.comment-author-line{align-items:center;gap:7px;min-width:0;display:flex}.comment-author-line em{border-radius:var(--pixel-radius);background:var(--accent-soft);color:var(--accent-dark);padding:2px 6px;font-size:9px;font-style:normal;font-weight:900}.comment-reply-context{color:var(--muted);margin-top:6px;font-size:10px}.comment-reply-context b{color:var(--accent-dark)}.comment-item p{color:#514741;white-space:pre-wrap;margin:7px 0 0;font-size:13px;line-height:1.75}.comment-image{border:1px solid var(--line);border-radius:var(--pixel-radius);background:var(--cream);width:fit-content;max-width:min(420px,100%);margin-top:9px;display:block;overflow:hidden}.comment-image img{object-fit:contain;width:auto;max-width:100%;max-height:420px;display:block}.comment-item-actions{justify-content:flex-end;margin-top:6px;font-size:10px;display:flex}.comment-empty{color:var(--muted);text-align:center;padding:28px 0}@media (max-width:820px){.auth-card{grid-template-columns:1fr}.auth-visual{min-height:280px}.auth-form-wrap{min-height:460px;padding:25px 20px}.login-required{margin:36px auto;padding:38px 22px}.plaza-hero{flex-direction:column;align-items:flex-start}.plaza-list-item{grid-template-columns:1fr;gap:10px}.plaza-list-item>div{flex-direction:row;align-items:flex-start;gap:12px}.plaza-article{padding:30px 22px}.article-comments{padding:23px 18px}}@media (max-width:520px){.comment-item.is-reply{margin-left:20px}.auth-page,.plaza-page,.plaza-article-page{width:calc(100% - 24px)}.auth-tabs button{font-size:10px}.plaza-search{grid-template-columns:1fr}.article-back{flex-direction:column}}body:has(.manual-editor-page){background:#eef3f7;overflow:hidden}:is(body:has(.manual-editor-page) .site-header,body:has(.manual-editor-page) .site-footer,body:has(.manual-editor-page) .manual-seo-section){display:none}.manual-editor-page{z-index:70;color:#23324a;background:#eef3f7;grid-template-rows:56px minmax(0,1fr);height:100dvh;min-height:0;display:grid;position:fixed;inset:0;overflow:hidden}.manual-topbar{z-index:80;height:56px;min-height:0;box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #dfe6ee;grid-template-columns:minmax(100px,1fr) auto auto auto minmax(430px,1fr);align-items:center;gap:14px;padding:0 18px;display:grid;position:relative;top:auto}.manual-topbar>div{align-items:center;gap:8px;min-width:0;display:flex}.manual-topbar-start span{color:#7a879a;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.manual-back-button{border-radius:var(--pixel-radius);color:#41516a;cursor:pointer;background:0 0;border:0;width:34px;height:34px;padding:0;font-size:24px}.manual-back-button:hover{background:#f1f5f9}.manual-topbar-start>b{border-radius:var(--pixel-radius);color:#61708a;background:#f8fafc;border:1px solid #e2e8f0;padding:6px 9px;font-size:10px}.manual-topbar .zoom-control{justify-content:center}.manual-topbar .zoom-control button,.manual-topbar-mirror button,.manual-topbar-actions button{border-radius:var(--pixel-radius);color:#53627a;cursor:pointer;background:#fff;border:1px solid #e1e7ef;min-width:34px;height:34px;padding:0 9px;font-size:10px;font-weight:800}.manual-topbar .zoom-control b{color:#65748c;text-align:center;min-width:56px;font-size:10px}.manual-topbar .zoom-control button:last-child{white-space:nowrap;width:auto;min-width:54px;padding:0 12px}.manual-editor-page .manual-topbar>.manual-topbar-actions{flex-wrap:nowrap;justify-content:flex-end;max-width:none}.manual-topbar-actions button:disabled{opacity:.35;cursor:default}.manual-topbar-mirror.is-hidden{visibility:hidden;pointer-events:none}.manual-topbar-mirror button{white-space:nowrap}.manual-topbar-mirror button:hover:not(:disabled){color:#176dcc;background:#f0f7ff;border-color:#8ebaea}.manual-topbar-mirror button:disabled{opacity:.35;cursor:default}.manual-topbar-actions button.danger{color:#b35353}.manual-topbar-actions button.save{color:#fff;background:#1669c9;border-color:#1669c9;min-width:82px}.manual-topbar-actions .topbar-feature{justify-content:center;align-items:center;gap:5px;width:auto;min-width:78px;padding:0 10px;display:inline-flex}.manual-topbar-actions .topbar-feature.active{color:#0867c9;background:#eaf3ff;border-color:#84b6ea}.manual-topbar-actions .topbar-feature .tool-icon,.manual-topbar-start>.tool-icon{width:17px;height:17px}.manual-topbar-actions .preview-exit{color:#fff;background:#26384b;border-color:#526579;width:auto;min-width:86px}.manual-topbar .zoom-control button.topbar-icon-only,.manual-topbar-actions button.topbar-icon-only,.manual-topbar-actions .topbar-feature.topbar-icon-only,.manual-topbar-actions .preview-exit.topbar-icon-only{width:34px;min-width:34px;padding:0}.manual-topbar .topbar-icon-only .tool-icon{width:18px;height:18px;margin:auto;display:block}.manual-topbar button[data-tooltip]{position:relative}.manual-topbar-symmetry{align-items:center;gap:4px;display:flex;position:relative}.manual-topbar-symmetry.is-hidden{visibility:hidden;pointer-events:none}.manual-topbar-symmetry button{border-radius:var(--pixel-radius);color:#66758b;cursor:pointer;background:#f8fafc;border:1px solid #dfe7f0;place-items:center;width:34px;height:34px;padding:0;display:grid;position:relative}.manual-topbar-symmetry .symmetry-axis-icon{width:20px;height:20px;display:block}.manual-topbar button[data-tooltip]:after{z-index:95;border-radius:var(--pixel-radius);color:#fff;content:attr(data-tooltip);opacity:0;pointer-events:none;white-space:nowrap;background:#23324a;padding:7px 9px;font-size:10px;font-weight:700;line-height:1.25;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,-3px)}.manual-topbar button[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)}.manual-topbar button[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.manual-topbar-symmetry button:hover{color:#176dcc;background:#f0f7ff;border-color:#8ebaea}.manual-topbar-symmetry button.active{color:#075eb9;background:#e6f2ff;border-color:#1c73d0;box-shadow:inset 0 0 0 1px #ffffffb8}.manual-topbar-symmetry button[aria-disabled=true]{opacity:.42;cursor:not-allowed}.manual-editor-layout{height:100%;min-height:0;display:block;position:relative;overflow:hidden}.manual-canvas-panel{background:#eef3f7;min-width:0;min-height:0;padding:0;position:absolute;inset:0}.manual-scroller{box-sizing:border-box;overscroll-behavior:none;border-radius:var(--pixel-radius);touch-action:none;-webkit-user-select:none;user-select:none;background-color:#eef3f7;background-image:radial-gradient(#cfd8e4 1px,#0000 1px);background-size:20px 20px;border:0;width:100%;height:100%;min-height:0;max-height:none;margin:0;padding:0;position:absolute;inset:0;overflow:hidden}.manual-canvas-stack{will-change:transform;width:max-content;margin:0;line-height:0;position:absolute;top:50%;left:50%}.manual-reference-image{z-index:1;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;background:0 0;max-width:none;max-height:none;position:absolute}.manual-scroller canvas{z-index:2;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;display:block;position:relative;box-shadow:0 12px 38px #3d516526}.manual-scroller canvas.tool-pan{cursor:grab}.manual-scroller.is-panning,.manual-scroller.is-panning canvas{cursor:grabbing}.manual-scroller canvas.tool-reference{cursor:move}.manual-scroller canvas.tool-draw{cursor:crosshair}.manual-scroller canvas.tool-draw.eraser-mode{cursor:cell}.manual-scroller canvas.tool-eyedropper{cursor:copy}.manual-scroller canvas.tool-fill{cursor:cell}.manual-scroller canvas.tool-replace{cursor:alias}.manual-scroller canvas.tool-outline{cursor:context-menu}.manual-scroller canvas.tool-rectangle,.manual-scroller canvas.tool-shape{cursor:crosshair}.manual-scroller canvas.tool-wand{cursor:pointer}.manual-symmetry-overlay{z-index:3;pointer-events:none;display:block;position:absolute;inset:0;overflow:visible}.shape-preview-overlay{z-index:4;pointer-events:none;display:block;position:absolute;inset:0;overflow:visible}.manual-symmetry-overlay line{fill:none;stroke-width:2px;stroke-dasharray:8 5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 1px #fff)}.manual-symmetry-overlay .axis-x{stroke:#0f9f6e}.manual-symmetry-overlay .axis-y{stroke:#1877d2}.manual-symmetry-overlay .axis-diagonal{stroke:#8b5bc7}.mobile-editor-topbar,.mobile-layer-trigger{display:none!important}.mobile-tool-rail{z-index:55;border-radius:var(--pixel-radius);scrollbar-width:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #dce5ee;flex-direction:column;gap:3px;width:54px;padding:6px;display:flex;position:fixed;top:68px;bottom:12px;left:10px;overflow-y:auto;box-shadow:0 14px 34px #42566d24}.mobile-tool-rail::-webkit-scrollbar{display:none}.mobile-tool-rail button{border-radius:var(--pixel-radius);color:#66758d;cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;flex:0 0 40px;justify-content:center;align-items:center;min-width:0;min-height:40px;padding:2px;display:flex;position:relative}.mobile-tool-rail button:hover:not(:disabled){background:#f1f6fb}.mobile-tool-rail button.active{color:#0867c9;box-shadow:none;background:#eaf3ff;border-color:#c8def8}.mobile-tool-rail button:disabled{opacity:.28;cursor:default}.mobile-tool-rail .tool-icon{width:21px;height:21px;display:block}.manual-tool-tooltip{z-index:90;border-radius:var(--pixel-radius);color:#fff;white-space:nowrap;pointer-events:none;background:#23324a;padding:7px 10px;font-size:11px;font-weight:700;line-height:1.2;position:fixed;left:74px;transform:translateY(-50%);box-shadow:0 7px 20px #23324a40}.draw-mode-popover{z-index:96;border-radius:var(--pixel-radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border:1px solid #d9e3ed;gap:5px;width:166px;padding:6px;display:grid;position:fixed;box-shadow:0 12px 32px #34486130}.draw-mode-popover button{border-radius:var(--pixel-radius);color:#53627a;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:7px;min-height:48px;padding:5px 7px;display:grid}.draw-mode-popover button:hover{background:#f1f6fb}.draw-mode-popover button.active{color:#0867c9;background:#eaf3ff;border-color:#b9d7f6}.draw-mode-popover .draw-mode-icon{width:27px;height:27px}.draw-mode-popover button>span{flex-direction:column;gap:2px;min-width:0;display:flex}.draw-mode-popover button b{font-size:11px}.draw-mode-popover button small{color:#8290a3;font-size:8px;line-height:1.25}.shape-mode-popover{z-index:96;border-radius:var(--pixel-radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border:1px solid #d9e3ed;gap:4px;width:190px;padding:6px;display:grid;position:fixed;box-shadow:0 12px 32px #34486130}.shape-mode-popover button{border-radius:var(--pixel-radius);color:#53627a;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:7px;min-height:43px;padding:4px 7px;display:grid}.shape-mode-popover button:hover{background:#f1f6fb}.shape-mode-popover button.active{color:#0867c9;background:#eaf3ff;border-color:#b9d7f6}.shape-mode-popover .shape-mode-icon{width:25px;height:25px}.shape-mode-popover button>span{flex-direction:column;gap:2px;min-width:0;display:flex}.shape-mode-popover button b{font-size:11px}.shape-mode-popover button small{color:#8290a3;font-size:8px;line-height:1.25}.shape-mode-hint{color:#8290a3;padding:4px 7px 2px;font-size:8px;line-height:1.4}.manual-instruction{display:none}.manual-color-controls{z-index:55;align-items:stretch;gap:8px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.mobile-color-dock{z-index:auto;border-radius:var(--pixel-radius);color:#23324a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #dce5ee;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;width:290px;min-height:56px;padding:7px 9px;display:grid;position:static;bottom:auto;left:auto;transform:none;box-shadow:0 12px 32px #42566d24}.mobile-color-dock>i{border-radius:var(--pixel-radius);border:2px solid #fff;width:38px;height:38px;box-shadow:inset 0 0 0 1px #0002,0 0 0 1px #d6e0ea}.mobile-color-dock>span{text-align:left;flex-direction:column;min-width:0;display:flex}.mobile-color-dock b{font-size:13px}.mobile-color-dock small{color:#7a879a;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.mobile-color-dock strong{border-radius:var(--pixel-radius);color:#fff;background:#176dcc;place-items:center;min-height:36px;padding:0 10px;font-size:9px;display:grid}.recent-color-history{border-radius:var(--pixel-radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #dce5ee;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-width:226px;padding:7px 9px;display:grid;box-shadow:0 12px 32px #42566d24}.recent-color-history>span{color:#6f7d91;white-space:nowrap;font-size:9px;font-weight:800}.recent-color-history>div{grid-template-columns:repeat(4,36px);gap:5px;display:grid}.recent-color-history button{border-radius:var(--pixel-radius);cursor:pointer;background:#f7f9fb;border:1px solid #d6e0ea;width:36px;height:40px;padding:3px;position:relative}.recent-color-history button:hover:not(:disabled){background:#eef6ff;border-color:#8bb9ec}.recent-color-history button:disabled{cursor:default;opacity:.46}.recent-color-history button>i{border-radius:var(--pixel-radius);width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #0002}.recent-color-history button:disabled>i{box-shadow:none;background:repeating-linear-gradient(135deg,#edf1f5 0 5px,#f8fafc 5px 10px)!important}.recent-color-history kbd{border-radius:var(--pixel-radius);color:#45556d;background:#fff;border:1px solid #d2dbe5;place-items:center;min-width:15px;height:15px;font-family:inherit;font-size:8px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:-4px;right:-3px;box-shadow:0 2px 5px #23324a24}.layers-panel,.color-list-panel,.manual-layer-toolbar{z-index:82;visibility:hidden;border-radius:var(--pixel-radius);color:#23324a;pointer-events:none;background:#fff;border:1px solid #dce5ee;flex-direction:column;width:320px;max-height:none;margin:0;padding:16px;transition:transform .2s,visibility .2s;display:flex;position:fixed;top:68px;bottom:12px;overflow:hidden;box-shadow:0 18px 50px #34495e33}.palette-panel{z-index:82;visibility:hidden;border-radius:var(--pixel-radius);color:#23324a;pointer-events:none;background:#fff;border:1px solid #dce5ee;border-bottom:0;flex-direction:column;width:min(680px,100% - 32px);max-height:min(82dvh,760px);margin:0;padding:12px 20px 18px;transition:transform .22s,visibility .22s;display:flex;position:fixed;bottom:0;left:50%;right:auto;overflow:hidden;transform:translate(-50%,110%);box-shadow:0 -18px 60px #26374b38}.layers-panel,.color-list-panel,.manual-layer-toolbar{left:auto;right:12px;transform:translate(115%)}.manual-layer-toolbar{width:390px;max-height:calc(100dvh - 80px);bottom:auto;overflow-y:auto}.layers-panel.mobile-open,.color-list-panel.mobile-open,.manual-layer-toolbar.mobile-open{visibility:visible;pointer-events:auto;transform:translate(0)}.palette-panel.mobile-open{visibility:visible;pointer-events:auto;transform:translate(-50%)}.palette-sheet-handle{border-radius:var(--pixel-radius);background:#dbe2eb;flex:none;width:40px;height:4px;margin:0 auto 14px}.palette-sheet-header{flex:none;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.palette-sheet-header h2{color:#17243a;margin:0;font-size:20px}.palette-sheet-header p{color:#8793a5;margin:3px 0 0;font-size:10px}.palette-sheet-header p b{color:#176dcc}.palette-sheet-header>button{border-radius:var(--pixel-radius);color:#77869a;cursor:pointer;background:0 0;border:0;width:36px;height:36px;padding:0;font-size:24px;font-weight:300}.palette-sheet-header>button:hover{color:#26364a;background:#edf3f8}.palette-search{background:#f0f4f8;border:0;flex:none;min-height:42px}.palette-sheet-body{flex:auto;grid-template-columns:minmax(0,1fr) 24px;gap:10px;min-height:0;margin-top:12px;display:grid;overflow:hidden}.palette-list{scrollbar-width:thin;scroll-behavior:smooth;min-height:0;max-height:none;padding-right:3px;overflow-y:auto}.palette-group{scroll-margin-top:4px}.palette-group+.palette-group{margin-top:18px}.palette-group h3{color:#66758b;margin:0 0 8px;font-size:10px}.palette-color-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;display:grid}.palette-color{aspect-ratio:1;border-radius:var(--pixel-radius);cursor:pointer;text-align:center;border:2px solid #0000;grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;gap:0;width:100%;padding:2px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #0000000d}.palette-color:hover{border-color:#fff;transform:translateY(-1px);box-shadow:0 0 0 2px #8abcf0,inset 0 0 0 1px #00000010}.palette-color.active{border-color:#fff;box-shadow:0 0 0 2px #176dcc,0 4px 10px #176dcc2e}.palette-color b{text-shadow:0 1px 2px #ffffff4d;font-size:9px}.palette-color em{border-radius:var(--pixel-radius);color:#42536a;background:#fff;border:1px solid #d9e2ec;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:7px;font-style:normal;display:grid;position:absolute;top:-5px;right:-4px;box-shadow:0 2px 5px #26374b22}.palette-group-nav{scrollbar-width:none;flex-direction:column;align-items:center;min-height:0;display:flex;overflow-y:auto}.palette-group-nav::-webkit-scrollbar{display:none}.palette-group-nav button{border-radius:var(--pixel-radius);color:#63738a;cursor:pointer;background:0 0;border:0;width:22px;min-height:20px;padding:0;font-size:9px;font-weight:800}.palette-group-nav button:hover{color:#176dcc;background:#eaf3ff}.palette-empty{color:#8793a5;text-align:center;margin:34px 0;font-size:12px}.mobile-sheet-heading{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:12px;display:flex!important}.mobile-sheet-heading>div{flex-direction:column;display:flex}.mobile-sheet-heading b{color:#23324a;font-size:17px}.mobile-sheet-heading small{color:#7a879a;font-size:9px}.mobile-sheet-heading>button{border-radius:var(--pixel-radius);color:#0968c9;cursor:pointer;background:#eaf3ff;border:0;min-height:34px;padding:0 12px;font-size:10px;font-weight:800}.layers-list{scrollbar-width:thin;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.manual-layer-toolbar>div:not(.mobile-sheet-heading){flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.manual-layer-toolbar>small{color:#7a879a;text-align:left;margin-top:10px;font-size:9px;line-height:1.6}.manual-layer-toolbar .secondary-button{color:#33445e;background:#fff;border-color:#dce5ee}.manual-layer-toolbar .secondary-button.active{color:#0867c9;background:#eaf3ff;border-color:#76aee8}.reference-controls{gap:10px;width:100%;min-width:0}.reference-control-row{width:100%}.reference-opacity,.reference-scale{grid-template-columns:58px minmax(100px,1fr) 40px;align-items:center;gap:8px;width:100%;font-size:9px;display:grid}.reference-opacity input,.reference-scale input{width:100%}.reference-opacity b,.reference-scale b{text-align:right}.reference-action-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.reference-action-row .danger-text{margin-left:auto}.color-list-panel{width:340px}.color-list-summary{flex:none;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.color-list-summary>span{border-radius:var(--pixel-radius);background:#f7f9fc;border:1px solid #e1e8ef;justify-content:center;align-items:baseline;gap:5px;min-height:58px;padding:10px;display:flex}.color-list-summary b{color:#17243a;font-size:23px}.color-list-summary small{color:#7b899a;font-size:9px;font-weight:800}.color-cleanup-card{border-radius:var(--pixel-radius);background:#f1f7ff;border:1px solid #cfe1f4;flex:none;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:12px;padding:13px;display:grid}.color-cleanup-copy{flex-direction:column;min-width:0;display:flex}.color-cleanup-copy b{color:#1b4e84;font-size:11px}.color-cleanup-copy small{color:#7890aa;margin-top:2px;font-size:8px;line-height:1.4}.color-cleanup-card label{color:#60758d;white-space:nowrap;grid-template-columns:auto 48px auto;align-items:center;gap:5px;font-size:9px;display:grid}.color-cleanup-card input{border-radius:var(--pixel-radius);color:#17395e;text-align:center;background:#fff;border:1px solid #bcd2e9;outline:none;width:48px;height:32px;padding:0 4px;font-size:13px;font-weight:900}.color-cleanup-selection{color:#60758d;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;font-size:9px;display:flex}.color-cleanup-selection>div{gap:5px;display:flex}.color-cleanup-selection button{border-radius:var(--pixel-radius);color:#176dcc;cursor:pointer;background:#fff;border:1px solid #bcd2e9;min-height:25px;padding:0 8px;font-size:8px;font-weight:800}.color-cleanup-selection button:disabled{color:#a1adba;cursor:default}.color-cleanup-card>button{border-radius:var(--pixel-radius);color:#fff;cursor:pointer;background:#176dcc;border:0;grid-column:1/-1;min-height:38px;font-size:10px;font-weight:900}.color-cleanup-card>button:disabled{color:#7f8c9b;cursor:default;background:#dce5ee}.color-cleanup-notice{color:#467159;grid-column:1/-1;margin:0;font-size:9px;line-height:1.5}.used-color-list{scrollbar-width:thin;flex-direction:column;flex:auto;gap:6px;min-height:0;padding-right:3px;display:flex;overflow-y:auto}.used-color-item{border-radius:var(--pixel-radius);color:#26364a;text-align:left;background:#fff;border:1px solid #e2e8ef;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:7px;width:100%;min-height:50px;padding:7px 8px;display:grid}.used-color-item:hover{background:#f8fbff;border-color:#a8c9eb}.used-color-item.repairable{background:#fffaf0;border-color:#f0d8aa}.used-color-item.selected-for-repair{background:#fff7e4;border-color:#e3a63c;box-shadow:inset 3px 0 #e6a229}.repair-color-check{cursor:pointer;width:22px;height:22px;position:relative;display:block!important}.repair-color-check input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.repair-color-check>span{border-radius:var(--pixel-radius);color:#0000;background:#fff;border:1px solid #c8d2dd;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:grid}.repair-color-check input:checked+span{color:#fff;background:#176dcc;border-color:#176dcc}.repair-color-check input:focus-visible+span{outline-offset:2px;outline:2px solid #7db5ef}.repair-color-check-placeholder{width:22px}.used-color-select{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:0;display:grid}.used-color-select>i{border-radius:var(--pixel-radius);width:34px;height:34px;box-shadow:inset 0 0 0 1px #0002}.used-color-select>span{flex-direction:column;min-width:0;display:flex}.used-color-select>span b{font-size:11px}.used-color-select>span small{color:#8090a3;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.used-color-item>em{border-radius:var(--pixel-radius);color:#a86500;white-space:nowrap;background:#fff0cf;padding:3px 5px;font-size:8px;font-style:normal;font-weight:900}.used-color-item>strong{color:#25374c;text-align:right;min-width:42px;font-size:13px}.used-color-item>strong small{color:#8b99a9;margin-left:2px;font-size:7px}.used-color-empty{color:#8793a5;text-align:center;margin:30px 0;font-size:11px}.selection-toolbar{z-index:58;margin:0;position:fixed;top:68px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #42566d24}.mobile-sheet-backdrop{z-index:75;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#26374b40;border:0;display:block;position:fixed;inset:56px 0 0}.manual-canvas-panel>.error-message{z-index:57;max-width:420px;margin:0;position:fixed;bottom:18px;left:82px;right:auto;box-shadow:0 8px 25px #42566d26}.manual-editor-page.preview-mode{background:#050505}.manual-editor-page.preview-mode .manual-topbar{color:#f4f7fa;background:#0c1015f7;border-color:#26313d}.manual-editor-page.preview-mode .manual-topbar-start>b{color:#fff;background:#202a35;border-color:#394654}.manual-editor-page.preview-mode .manual-topbar-start span,.manual-editor-page.preview-mode .zoom-control b{color:#aab6c2}.manual-editor-page.preview-mode .zoom-control button{color:#eef4f8;background:#18212b;border-color:#394654}.manual-editor-page.preview-mode .manual-canvas-panel,.manual-editor-page.preview-mode .manual-scroller{background:#050505}.manual-editor-page.preview-mode .mobile-tool-rail,.manual-editor-page.preview-mode .manual-color-controls,.manual-editor-page.preview-mode .palette-panel,.manual-editor-page.preview-mode .layers-panel,.manual-editor-page.preview-mode .color-list-panel,.manual-editor-page.preview-mode .manual-layer-toolbar,.manual-editor-page.preview-mode .manual-symmetry-overlay,.manual-editor-page.preview-mode .selection-toolbar{display:none!important}.reference-window{z-index:88;border-radius:var(--pixel-radius);background:#fff;border:1px solid #cbd7e4;grid-template-rows:46px minmax(0,1fr) 46px;min-width:260px;min-height:210px;display:grid;position:fixed;overflow:hidden;box-shadow:0 18px 50px #182b4142}.reference-window.minimized{grid-template-rows:46px;min-height:46px}.reference-window-header{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;background:#f8fafc;border-bottom:1px solid #e2e9f0;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:0 8px 0 12px;display:flex}.reference-window-header>div:first-child{align-items:center;gap:8px;min-width:0;display:flex}.reference-window-header .tool-icon{color:#176dcc;flex:none;width:18px;height:18px}.reference-window-header span{flex-direction:column;min-width:0;line-height:1.2;display:flex}.reference-window-header b{font-size:11px}.reference-window-header small{color:#7a879a;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:8px;overflow:hidden}.reference-window-actions{gap:2px;display:flex}.reference-window-actions button{border-radius:var(--pixel-radius);color:#5b6b80;cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0;font-size:15px}.reference-window-actions button:hover{background:#e9f0f7}.reference-window-actions button.close:hover{color:#b44343;background:#ffeaea}.reference-image-viewport{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#d7dde5;background-image:linear-gradient(45deg,#eef2f6 25%,#0000 25%),linear-gradient(-45deg,#eef2f6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef2f6 75%),linear-gradient(-45deg,#0000 75%,#eef2f6 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;min-height:0;position:relative;overflow:hidden}.reference-image-viewport:active{cursor:grabbing}.reference-image-viewport.picking{cursor:crosshair}.reference-image-viewport img{object-fit:contain;transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0}.reference-image-viewport>span{border-radius:var(--pixel-radius);color:#fff;white-space:nowrap;pointer-events:none;background:#1e2e40c9;padding:5px 8px;font-size:8px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.reference-window-footer{background:#fff;border-top:1px solid #e2e9f0;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:grid}.reference-window-footer button{border-radius:var(--pixel-radius);color:#4b5d73;cursor:pointer;background:#fff;border:1px solid #d7e1eb;align-items:center;gap:4px;min-height:30px;padding:0 8px;font-size:9px;display:inline-flex}.reference-window-footer button.active{color:#0867c9;background:#eaf3ff;border-color:#6ea8e4}.reference-window-footer button .tool-icon{width:15px;height:15px}.reference-window-footer label{color:#718096;align-items:center;gap:5px;min-width:0;font-size:8px;display:flex}.reference-window-footer input{width:100%;min-width:55px}.adjust-board-backdrop{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1726388c;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow-y:auto}.adjust-board-dialog{border-radius:var(--pixel-radius);color:#142138;background:#fff;border:1px solid #d9e2ec;flex-direction:column;width:min(680px,100%);max-height:calc(100dvh - 36px);display:flex;overflow:hidden;box-shadow:0 30px 80px #14263d4d}.adjust-board-dialog>header{border-bottom:1px solid #e7edf3;flex:none;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.adjust-board-dialog>header h2{margin:0;font-size:24px}.adjust-board-dialog>header p{color:#718096;margin:4px 0 0;font-size:12px}.adjust-board-dialog>header p span{color:#a8b3c2;margin:0 5px}.adjust-board-dialog>header p b{color:#ec8a00}.adjust-board-dialog>header>button{color:#142138;cursor:pointer;background:0 0;border:0;width:36px;height:36px;padding:0;font-size:31px;font-weight:300}.adjust-board-body{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.adjust-board-tabs{border-radius:var(--pixel-radius);background:#edf2f7;flex:none;grid-template-columns:1fr 1fr;margin:16px 22px 0;padding:4px;display:grid}.adjust-board-tabs button{border-radius:var(--pixel-radius);color:#66758d;cursor:pointer;background:0 0;border:0;min-height:44px;font-size:14px;font-weight:800}.adjust-board-tabs button.active{color:#142138;background:#fff;box-shadow:0 2px 8px #33465d14}.adjust-board-dimensions{flex:none;grid-template-columns:1fr 50px 1fr;align-items:end;gap:10px;padding:16px 22px 10px;display:grid}.adjust-board-dimensions label>span{color:#68778c;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.adjust-board-dimensions label>div{border-radius:var(--pixel-radius);background:#f2f6fa;border:1px solid #dbe4ee;grid-template-columns:46px 1fr 46px;min-height:56px;display:grid;overflow:hidden}.adjust-board-dimensions label button,.adjust-board-dimensions label input{color:#142138;text-align:center;background:0 0;border:0;min-width:0}.adjust-board-dimensions label button{cursor:pointer;color:#0872d1;font-size:23px;font-weight:700}.adjust-board-dimensions label input{-webkit-appearance:textfield;appearance:textfield;outline:none;width:100%;font-size:22px;font-weight:800}.adjust-board-dimensions label input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.adjust-board-dimensions .aspect-lock{border-radius:var(--pixel-radius);color:#176dcc;cursor:pointer;background:#edf3fa;border:1px solid #dbe4ee;width:50px;height:56px;padding:0;font-size:18px}.adjust-board-dimensions .aspect-lock.active{background:#e5f1ff;border-color:#77aee6}.adjust-board-presets{flex:none;padding:4px 22px 12px}.adjust-board-presets>span{color:#68778c;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.adjust-board-presets>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.adjust-board-presets button{border-radius:var(--pixel-radius);color:#64748b;cursor:pointer;background:#f3f6f9;border:1px solid #dbe4ee;flex-direction:column;justify-content:center;align-items:center;min-height:46px;font-size:12px;font-weight:800;display:flex}.adjust-board-presets button.active{color:#1265c5;background:#f3f7ff;border:2px solid #1265c5}.adjust-board-presets small{color:#a0aec0;margin-top:2px;font-size:8px}.adjust-board-shapes{flex:none;padding:0 22px 12px}.adjust-board-shapes>span{color:#68778c;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.adjust-board-shapes>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.adjust-board-shapes button{border-radius:var(--pixel-radius);color:#64748b;cursor:pointer;background:#f3f6f9;border:1px solid #dbe4ee;min-height:36px;font-size:11px;font-weight:800}.adjust-board-shapes button.active{color:#1265c5;background:#f3f7ff;border:2px solid #1265c5}.adjust-board-preview{border-radius:var(--pixel-radius);background:#edf2f7;border:1px solid #dbe4ee;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;min-height:180px;margin:0 22px;padding:12px 18px;display:grid;overflow:hidden}.adjust-board-preview>div{flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;height:150px;display:flex}.adjust-board-preview>div>span{color:#a0aec0;font-size:10px;font-weight:700}.adjust-board-preview>div>b{color:#6f7f94;font-size:10px}.adjust-board-preview>div:last-child>b{color:#ec8a00}.adjust-board-preview canvas{max-width:100%;max-height:112px;box-shadow:0 5px 16px #374c6426;width:auto!important;height:auto!important}.adjust-board-preview .preview-arrow{color:#f0a000;font-size:28px}.adjust-board-position{grid-template-columns:1fr 1fr;gap:30px;min-height:182px;padding:14px 22px 18px;display:grid}.adjust-board-position>div{flex-direction:column;align-items:center;gap:9px;display:flex}.adjust-board-position>div>span{color:#68778c;font-size:11px;font-weight:700}.anchor-grid{grid-template-columns:repeat(3,42px);gap:4px;display:grid}.anchor-grid button{border-radius:var(--pixel-radius);cursor:pointer;background:#eef3f8;border:1px solid #dbe4ee;place-items:center;width:42px;height:42px;display:grid}.anchor-grid button i{border-radius:var(--pixel-radius);background:#9eabba;width:7px;height:7px}.anchor-grid button.active{background:#1265c5;border-color:#1265c5}.anchor-grid button.active i{background:#fff}.nudge-grid{grid-template-rows:repeat(3,42px);grid-template-columns:repeat(3,48px);gap:4px;display:grid}.nudge-grid button{border-radius:var(--pixel-radius);color:#142138;cursor:pointer;background:#fff;border:1px solid #dbe4ee;font-size:21px}.nudge-grid button:first-child{grid-column:2}.nudge-grid button:nth-child(2){grid-area:2/1}.nudge-grid b{color:#a8b3c2;grid-area:2/2;place-items:center;font-size:10px;display:grid}.nudge-grid button:nth-child(4){grid-area:2/3}.nudge-grid button:last-child{grid-area:3/2}.adjust-board-warning{border-radius:var(--pixel-radius);color:#d97a00;background:#fff9e8;border:1px solid #f4dc9f;margin:14px 22px 18px;padding:13px 16px;font-size:11px;line-height:1.6}.adjust-board-dialog>footer{border-top:1px solid #e7edf3;flex:none;grid-template-columns:1fr 2fr;gap:12px;padding:16px 22px 20px;display:grid}.adjust-board-dialog>footer button{border-radius:var(--pixel-radius);color:#718096;cursor:pointer;background:#edf2f7;border:0;min-height:52px;font-size:15px;font-weight:800}.adjust-board-dialog>footer button.primary{color:#fff;background:#1265c5;box-shadow:0 7px 18px #1265c538}@media (min-width:761px) and (max-width:1100px){.manual-editor-page{grid-template-rows:96px minmax(0,1fr)}.manual-topbar{grid-template-rows:40px 40px;grid-template-columns:minmax(100px,1fr) auto auto;gap:4px 12px;height:96px;padding:6px 18px}.manual-topbar-start{grid-area:1/1}.manual-topbar-symmetry{grid-area:1/2}.manual-topbar-mirror{grid-area:1/3}.manual-topbar .zoom-control{grid-area:2/1;justify-content:flex-start}.manual-editor-page .manual-topbar>.manual-topbar-actions{grid-area:2/2/auto/-1}.mobile-tool-rail,.selection-toolbar{top:104px}.mobile-sheet-backdrop{inset:96px 0 0}}@media (max-width:760px){.manual-editor-page{grid-template-rows:136px minmax(0,1fr)}.manual-topbar{grid-template-rows:48px 40px 36px;grid-template-columns:minmax(0,1fr) auto;gap:2px 5px;height:136px;padding:4px 7px}.manual-topbar-start{grid-area:1/1}.manual-editor-page .manual-topbar>.manual-topbar-symmetry{grid-area:2/1/auto/-1;justify-self:start;margin-left:50px}.manual-editor-page .manual-topbar>.manual-topbar-mirror{grid-area:3/1/auto/-1;justify-self:start}.manual-topbar-mirror button{height:32px}.manual-topbar .zoom-control{grid-area:1/2}.manual-editor-page .manual-topbar>.manual-topbar-actions{flex-wrap:nowrap;grid-area:3/1/auto/-1;justify-content:flex-end;justify-self:end;max-width:none}.manual-topbar-start span,.manual-topbar-actions button span,.manual-topbar-actions .danger{display:none}.manual-topbar .zoom-control button,.manual-topbar-actions button{min-width:30px;height:32px;padding:0 6px}.manual-topbar .zoom-control b{min-width:38px}.manual-topbar-actions{scrollbar-width:none;gap:3px;overflow:visible}.manual-topbar-actions::-webkit-scrollbar{display:none}.manual-topbar-actions>button{flex:none}.manual-topbar-actions>button:not(.topbar-feature):not(.save):not(.preview-exit){display:none}.manual-topbar-symmetry{gap:2px}.manual-topbar-symmetry button{width:28px;height:32px}.manual-topbar-symmetry .symmetry-axis-icon{width:18px;height:18px}.manual-topbar button[data-tooltip]:after{display:none}.manual-topbar-actions button.save{min-width:42px;font-size:0}.manual-topbar-actions button.save:after{content:"保存";font-size:9px}.manual-topbar-actions .topbar-feature{width:32px;min-width:32px;padding:0}.manual-topbar-actions .topbar-feature span{display:none}.mobile-tool-rail{width:50px;padding:5px;top:144px;bottom:8px;left:7px}.mobile-tool-rail button{flex-basis:38px;min-height:38px}.manual-tool-tooltip{display:none}.manual-color-controls{flex-direction:column-reverse;align-items:center;gap:5px;bottom:8px}.mobile-color-dock{grid-template-columns:34px 1fr;width:min(260px,100vw - 120px);min-height:48px;padding:6px 8px}.mobile-color-dock>i{width:34px;height:34px}.mobile-color-dock strong{display:none}.recent-color-history{border-radius:var(--pixel-radius);min-width:0;padding:5px 7px}.recent-color-history>span{font-size:8px}.recent-color-history>div{grid-template-columns:repeat(4,32px)}.recent-color-history button{width:32px;height:34px}.layers-panel,.color-list-panel,.manual-layer-toolbar{border-radius:var(--pixel-radius);width:auto;max-height:74dvh;inset:auto 8px 0;transform:translateY(110%)}.layers-panel.mobile-open,.color-list-panel.mobile-open,.manual-layer-toolbar.mobile-open{transform:translateY(0)}.palette-panel{border-radius:var(--pixel-radius);width:calc(100% - 16px);max-height:82dvh;padding:10px 14px 14px;left:50%;right:auto;transform:translate(-50%,110%)}.palette-panel.mobile-open{transform:translate(-50%)}.palette-color-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.palette-sheet-header h2{font-size:18px}.mobile-sheet-backdrop{inset:136px 0 0}.selection-toolbar{max-height:96px;top:144px;left:62px;right:8px;overflow-y:auto;transform:none}.manual-canvas-panel>.error-message{max-width:none;bottom:66px;left:64px;right:8px}.reference-window{max-width:calc(100vw - 16px)}.adjust-board-backdrop{align-items:end;padding:0}.adjust-board-dialog{border-radius:var(--pixel-radius);width:100%;max-height:94dvh}.adjust-board-dialog>header{padding:16px 18px 13px}.adjust-board-dialog>header h2{font-size:21px}.adjust-board-tabs{margin:12px 14px 0}.adjust-board-dimensions{grid-template-columns:1fr 44px 1fr;padding:14px 14px 8px}.adjust-board-dimensions label>div{grid-template-columns:38px 1fr 38px;min-height:52px}.adjust-board-dimensions .aspect-lock{width:44px;height:52px}.adjust-board-presets{padding:4px 14px 10px}.adjust-board-shapes{padding:0 14px 10px}.adjust-board-presets>div{grid-template-columns:repeat(3,minmax(0,1fr))}.adjust-board-preview{min-height:140px;margin:0 14px;padding:10px}.adjust-board-preview>div{height:112px}.adjust-board-preview canvas{max-height:82px}.adjust-board-position{gap:14px;padding:12px 14px}.anchor-grid{grid-template-columns:repeat(3,36px)}.anchor-grid button{width:36px;height:36px}.nudge-grid{grid-template-rows:repeat(3,36px);grid-template-columns:repeat(3,40px)}.adjust-board-dialog>footer{padding:12px 14px 14px}}.work-plaza-page{padding-top:44px}.work-plaza-hero{border-radius:var(--pixel-radius);background:radial-gradient(circle at 90% 10%,#f2d1ae 0 8%,#0000 8.5%),linear-gradient(135deg,#fff8eb,#f4eadc);border:1px solid #eadfce;justify-content:space-between;align-items:center;gap:42px;min-height:220px;padding:35px 40px;display:flex;box-shadow:0 16px 45px #51382512}.work-plaza-hero h1{margin:7px 0 8px;font-size:clamp(36px,5vw,58px);line-height:1.1}.work-plaza-hero p{max-width:680px;color:var(--muted);margin:0}.work-plaza-hero>a{flex:none}.work-plaza-search{grid-template-columns:minmax(0,1fr) auto;gap:10px;width:min(620px,100%);margin:26px auto;display:grid}.work-plaza-search input{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;outline:none;min-height:46px;padding:0 15px}.work-plaza-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d8753c18}.work-plaza-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.work-plaza-empty{border:1px dashed var(--line);border-radius:var(--pixel-radius);min-height:260px;color:var(--muted);text-align:center;grid-column:1/-1;align-content:center;place-items:center;gap:5px;display:grid}.work-plaza-empty b{color:var(--ink);font-size:18px}.work-plaza-empty p{margin:0}.work-card{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;min-width:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.work-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.work-card-image{aspect-ratio:1;background-color:#fffaf2;background-image:linear-gradient(45deg,#f5eee3 25%,#0000 25%),linear-gradient(-45deg,#f5eee3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f5eee3 75%),linear-gradient(-45deg,#0000 75%,#f5eee3 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;place-items:center;display:grid;position:relative;overflow:hidden}.work-card-image img{object-fit:contain;width:100%;height:100%;transition:transform .25s}.work-card:hover .work-card-image img{transform:scale(1.025)}.work-card-image>span{border-radius:var(--pixel-radius);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2f2925bd;padding:4px 8px;font-size:10px;position:absolute;top:10px;right:10px}.work-card-body{padding:14px 15px 15px}.work-card-body h2{text-overflow:ellipsis;white-space:nowrap;margin:0 0 11px;font-size:16px;line-height:1.35;overflow:hidden}.work-card-author{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.work-card-author:hover b{color:var(--accent-dark)}.work-avatar{border-radius:var(--pixel-radius-circle);background:var(--accent-soft);width:32px;height:32px;color:var(--accent-dark);flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}.work-avatar img{object-fit:cover;width:100%;height:100%}.work-card-author b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-card-stats{color:var(--muted);border-top:1px solid #f0e8dc;justify-content:space-between;align-items:center;gap:7px;margin-top:13px;padding-top:11px;font-size:11px;display:flex}.work-card-stats span:first-child{color:#b94738}.work-detail-page{padding-top:32px}.work-detail-layout{grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);align-items:start;gap:30px;display:grid}.work-detail-image{border:1px solid var(--line);border-radius:var(--pixel-radius);background:var(--cream);min-width:0;box-shadow:var(--shadow);overflow:hidden}.work-detail-image img{object-fit:contain;background:#fff;width:100%;max-height:75vh;display:block}.work-detail-image small{color:var(--muted);text-align:center;padding:10px 15px;display:block}.work-detail-preview-switch{border-bottom:1px solid var(--line);background:#fffaf2;grid-template-columns:1fr 1fr;gap:5px;padding:7px;display:grid}.work-detail-preview-switch button{border-radius:var(--pixel-radius);min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;padding:0 14px;font-size:12px;font-weight:850}.work-detail-preview-switch button:hover{color:var(--ink);background:#fff}.work-detail-preview-switch button.active{color:var(--accent-dark);background:#fff;border-color:#e8c4a6;box-shadow:0 4px 13px #59433514}.plaza-pixel-preview{background-color:#fffaf2;background-image:linear-gradient(45deg,#f5eee3 25%,#0000 25%),linear-gradient(-45deg,#f5eee3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f5eee3 75%),linear-gradient(-45deg,#0000 75%,#f5eee3 75%),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;place-items:center;min-height:360px;padding:24px;display:grid}.work-detail-image .plaza-pixel-preview img{width:auto;max-width:100%;height:auto;max-height:70vh;image-rendering:pixelated;background:0 0}.plaza-bead-preview{background:radial-gradient(circle at 16% 12%,#ffffffe6,#0000 30%),linear-gradient(145deg,#f2e7d6,#d9c4aa);place-items:center;min-height:360px;padding:24px;display:grid}.work-detail-image .plaza-bead-preview img{image-rendering:auto;filter:drop-shadow(0 10px 16px #49301f29);background:0 0;width:auto;max-width:100%;height:auto;max-height:70vh}.detail-image-frame{background:#fff;overflow:hidden}.detail-image-controls{border-top:1px solid var(--line);background:#fffaf2;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.detail-image-direction{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;grid-template-columns:1fr 1fr;display:inline-grid;overflow:hidden}.detail-image-direction button{border:0;border-right:1px solid var(--line);min-height:34px;color:var(--muted);cursor:pointer;background:0 0;padding:0 12px;font-size:11px;font-weight:800}.detail-image-direction button:last-child{border-right:0}.detail-image-direction button.active{background:var(--accent-soft);color:var(--accent-dark)}.detail-image-error{color:#8e3d31;text-align:center;background:#fff0ed;margin:0;padding:9px 14px 12px;font-size:12px}.work-detail-info{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;padding:26px;position:sticky;top:100px}.work-detail-info h1{margin:8px 0 18px;font-size:31px;line-height:1.25}.work-detail-author{align-items:center;gap:11px;display:flex}.work-detail-author:hover b{color:var(--accent-dark)}.work-detail-author .work-avatar{width:42px;height:42px}.work-detail-author>div{flex-direction:column;min-width:0;display:flex}.work-detail-author time{color:var(--muted);font-size:10px}.work-detail-counts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0;padding:15px 0;display:grid}.work-detail-counts span{color:var(--muted);flex-direction:column;align-items:center;font-size:10px;display:flex}.work-detail-counts b{color:var(--ink);font-size:20px}.pattern-unlock-panel{border-radius:var(--pixel-radius);background:#fff7ed;border:1px solid #efd3bc;gap:11px;margin:0 0 16px;padding:14px;display:grid}.pattern-unlock-panel.unlocked{background:#f3f8ef;border-color:#c9ddc5}.pattern-unlock-panel>div:first-child{flex-direction:column;gap:3px;display:flex}.pattern-unlock-panel b{color:var(--ink);font-size:12px}.pattern-unlock-panel span{color:var(--muted);font-size:10px;line-height:1.5}.pattern-unlock-panel>button{width:100%}.pattern-download-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pattern-download-actions button{min-width:0;padding-inline:10px}.work-detail-actions{gap:9px;display:grid}.work-detail-actions .liked{background:var(--danger);box-shadow:0 8px 20px #b9473828}.work-message-form{border-radius:var(--pixel-radius);background:var(--cream);margin-top:14px;padding:14px}.work-message-form label{flex-direction:column;gap:7px;font-size:11px;font-weight:800;display:flex}.work-message-form textarea{border:1px solid var(--line);border-radius:var(--pixel-radius);resize:vertical;outline:0;min-height:105px;padding:10px}.work-message-form>div{justify-content:space-between;align-items:center;gap:10px;margin-top:9px;display:flex}.work-message-form small{color:var(--muted)}.work-message-form .primary-button{min-height:37px;padding:0 13px}.work-detail-info>.form-message{margin-top:14px}.plaza-author-page{padding-top:32px}.plaza-author-hero{border:1px solid var(--line);border-radius:var(--pixel-radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffaf3,#f4f8ef);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:30px;margin-top:20px;padding:30px 34px;display:grid;position:relative}.plaza-author-identity{align-items:center;gap:18px;min-width:0;display:flex}.plaza-author-avatar{border-radius:var(--pixel-radius-circle);background:var(--accent-soft);width:88px;height:88px;color:var(--accent-dark);border:5px solid #fff;flex:none;place-items:center;font-size:34px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 8px 24px #60442d1c}.plaza-author-avatar img{object-fit:cover;width:100%;height:100%}.plaza-author-identity h1{text-overflow:ellipsis;white-space:nowrap;margin:6px 0 5px;font-size:clamp(26px,4vw,38px);overflow:hidden}.plaza-author-identity p{color:var(--muted);margin:0;font-size:12px}.plaza-author-stats{grid-template-columns:repeat(4,minmax(60px,1fr));gap:4px;display:grid}.plaza-author-stats span{min-width:60px;color:var(--muted);flex-direction:column;align-items:center;padding:8px;font-size:10px;display:flex}.plaza-author-stats b{color:var(--ink);font-size:22px}.plaza-author-actions{min-width:116px}.plaza-author-actions>*{width:100%}.plaza-author-actions .followed{color:#4d704f;background:#eef6eb;border-color:#b8cfb3}.plaza-author-hero>.form-message{grid-column:1/-1;margin:-12px 0 0}.plaza-author-works{margin-top:34px}.plaza-author-works-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px;display:flex}.plaza-author-works-heading h2{margin:6px 0 0;font-size:25px}.plaza-author-works-heading>span{color:var(--muted);font-size:11px}.work-comments{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;width:min(820px,100%);margin:42px auto 0;padding:25px}.message-shell{border:1px solid var(--line);border-radius:var(--pixel-radius);min-height:600px;box-shadow:var(--shadow);background:#fff;grid-template-columns:330px minmax(0,1fr);display:grid;overflow:hidden}.conversation-list{border-right:1px solid var(--line);background:#fffaf2}.conversation-list>button{cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #eee4d6;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:14px 15px;display:grid;position:relative}.conversation-list>button:hover,.conversation-list>button.active{background:#fff}.conversation-list>button .work-avatar{width:42px;height:42px}.conversation-list>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.conversation-list>button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.conversation-list>button em{border-radius:var(--pixel-radius);background:var(--accent);color:#fff;place-items:center;min-width:20px;height:20px;font-size:9px;font-style:normal;display:grid}.conversation-empty,.message-thread-empty{min-height:260px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:7px;padding:25px;display:grid}.conversation-empty p{margin:0}.conversation-empty a{color:var(--accent-dark);font-weight:800}.message-thread{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.message-thread>header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 20px;display:flex}.message-thread>header>div{flex-direction:column;display:flex}.message-thread>header small{color:var(--muted);font-size:10px}.message-list{background:#fdf9f3;flex-direction:column;gap:12px;min-height:0;padding:20px;display:flex;overflow-y:auto}.message-list article{flex-direction:column;max-width:min(70%,520px);display:flex}.message-list article.mine{align-self:flex-end;align-items:flex-end}.message-list article.theirs{align-self:flex-start}.message-list p{border:1px solid var(--line);border-radius:var(--pixel-radius);white-space:pre-wrap;background:#fff;margin:0;padding:10px 13px}.message-list .mine p{border-color:var(--accent);border-radius:var(--pixel-radius);background:var(--accent);color:#fff}.message-image{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;display:block;overflow:hidden}.message-image img{object-fit:contain;width:auto;max-width:min(320px,100%);max-height:360px;display:block}.message-list article.mine .message-image{border-color:#d8753c66}.message-work-link{color:var(--accent-dark);margin-bottom:4px;font-size:10px;font-weight:800}.message-list time{color:var(--muted);margin-top:3px;font-size:9px}.message-reply{border-top:1px solid var(--line);padding:15px 18px}.message-reply textarea{border:1px solid var(--line);border-radius:var(--pixel-radius);resize:vertical;outline:0;width:100%;min-height:85px;padding:11px}.message-reply-tools{grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin-top:8px;display:grid}.message-reply-tools>div{gap:7px;display:flex}.message-tool-button{border:1px solid var(--line);border-radius:var(--pixel-radius);cursor:pointer;min-height:34px;color:var(--muted);background:#fff;padding:0 10px;font-size:11px;font-weight:800}.message-tool-button:hover,.message-tool-button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.message-image-input{display:none}.message-image-preview{width:fit-content;margin-bottom:9px;position:relative}.message-image-preview img{border:1px solid var(--line);border-radius:var(--pixel-radius);object-fit:contain;width:auto;max-width:180px;max-height:130px;display:block}.message-image-preview button{border-radius:var(--pixel-radius);background:var(--danger);color:#fff;cursor:pointer;border:2px solid #fff;place-items:center;width:24px;height:24px;padding:0;font-size:16px;line-height:1;display:grid;position:absolute;top:-7px;right:-7px}.message-emoji-picker{margin-bottom:0}.message-reply small{color:var(--muted)}.message-reply .primary-button{min-height:38px}.message-thread>.form-message{margin:8px;position:absolute}@media (max-width:980px){.work-plaza-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-detail-layout{grid-template-columns:minmax(0,1fr) 330px;gap:18px}.plaza-author-hero{grid-template-columns:minmax(0,1fr) auto}.plaza-author-stats{grid-area:2/1/auto/-1}.message-shell{grid-template-columns:280px minmax(0,1fr)}}@media (max-width:760px){.work-plaza-page{padding-top:24px}.work-plaza-hero{flex-direction:column;align-items:stretch;gap:20px;padding:25px 22px}.work-plaza-hero h1{font-size:38px}.work-plaza-search{margin:18px auto}.work-plaza-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.work-card-body{padding:11px}.work-card-body h2{font-size:14px}.work-card-stats{flex-direction:column;align-items:flex-start;gap:3px}.work-detail-layout{grid-template-columns:1fr}.work-detail-info{padding:20px;position:static}.work-detail-info h1{font-size:26px}.work-comments{margin-top:24px;padding:17px}.plaza-author-hero{grid-template-columns:1fr;gap:20px;padding:24px 20px}.plaza-author-stats{grid-area:auto/1}.plaza-author-actions{width:100%}.comment-emoji-picker{grid-template-columns:repeat(8,minmax(0,1fr))}.message-shell{grid-template-columns:1fr;min-height:0}.conversation-list{border-right:0;border-bottom:1px solid var(--line);max-height:260px;overflow-y:auto}.message-thread{min-height:520px}.message-list article{max-width:84%}}.create-page-title{white-space:nowrap;max-width:100%;font-size:clamp(30px,3.45vw,46px)!important}.miniprogram-floating-card{z-index:35;right:20px;bottom:calc(20px + var(--footer-overlap,0px));width:190px;color:var(--ink);text-align:center;border-radius:var(--pixel-radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #74593329;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex;position:fixed;box-shadow:0 18px 48px #4833192e}.miniprogram-floating-code{object-fit:cover;border-radius:var(--pixel-radius);width:148px;height:148px;display:block}.miniprogram-floating-copy{gap:4px;display:grid}.miniprogram-floating-copy strong{font-size:14px;line-height:1.35}.miniprogram-floating-copy span{color:var(--muted);font-size:11px;line-height:1.45}.miniprogram-floating-close{color:#6f6253;border-radius:var(--pixel-radius);cursor:pointer;background:#fff;border:1px solid #74593333;place-items:center;width:28px;height:28px;padding:0;font:19px/1 Arial,sans-serif;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 5px 14px #48331924}.miniprogram-floating-close:hover{color:var(--accent-dark);background:var(--accent-soft)}.guide-support{border:1px solid var(--line);border-radius:var(--pixel-radius);text-align:center;background:#fff;max-width:520px;margin:72px auto 0;padding:26px;box-shadow:0 14px 38px #5943350f}.guide-support h2{margin:0 0 8px;font-size:26px}.guide-support p{color:var(--muted);margin:0 0 20px;font-size:12px}.guide-support img{border-radius:var(--pixel-radius);width:min(360px,100%);height:auto;margin:auto;display:block}@media (prefers-reduced-motion:no-preference){.miniprogram-floating-card{animation:.28s ease-out both miniprogram-card-in}@keyframes miniprogram-card-in{0%{opacity:0;transform:translateY(10px)}}}@media (max-width:520px){html{scroll-padding-top:112px}body{max-width:100%;overflow-x:clip}main,section,article,form,header,footer,nav,div{min-width:0}button,a,input,textarea,select{touch-action:manipulation}.search-input,.auth-form input,.profile-field input,.plaza-search input,.work-plaza-search input,.comment-form textarea,.work-message-form textarea,.message-reply textarea,.content-page input[type=search]{font-size:16px}.site-header{height:112px}.site-header-inner{gap:6px;width:calc(100% - 20px);height:66px}.brand{gap:8px}.brand strong{white-space:nowrap;font-size:15px}.brand-mark{flex:none;width:33px;height:33px}.language-switcher{padding-inline:6px}.language-switcher select{max-width:62px;font-size:11px}.header-profile{flex:0 0 39px;justify-content:center;width:39px;height:39px;padding:5px}.mobile-nav{gap:5px;width:calc(100% - 20px);height:46px;padding-bottom:7px}.mobile-nav a{min-height:36px;padding-inline:11px}.home-hero,.home-section,.home-cta,.workspace-page,.content-page,.article-page,.site-footer{width:calc(100% - 20px)}.workspace-page,.content-page{padding:34px 0 70px}.article-page{padding:20px 0 70px}.workspace-title,.page-hero{margin-bottom:28px}.workspace-title h1,.page-hero h1,.article-page header h1{overflow-wrap:anywhere;font-size:clamp(30px,9vw,36px)}.workspace-title .create-page-title{letter-spacing:-.04em;overflow-wrap:normal;white-space:nowrap;font-size:clamp(18px,5.2vw,22px)!important}.workspace-title p,.page-hero p,.article-page header>p{font-size:14px}.miniprogram-floating-card{display:none}.home-hero{gap:30px;padding:36px 0 52px}.home-hero-copy h1{margin:17px 0;font-size:clamp(36px,11vw,42px)}.hero-actions{margin:24px 0}.hero-actions>a,.home-cta>a{width:100%}.hero-proof{justify-content:space-between;gap:7px}.hero-proof span{flex:1}.hero-visual{border-radius:var(--pixel-radius);height:360px;overflow:hidden}.hero-source-card{width:145px;top:72px;left:2px}.source-landscape{height:145px}.hero-pattern-card{width:168px;top:50px;right:2px}.hero-arrow{font-size:20px;top:48%}.floating-color-card{padding:9px 11px;bottom:18px;left:14px}.floating-count-card{bottom:55px;right:3px}.brand-strip{gap:13px 17px;padding-inline:16px}.home-section{padding:58px 0}.section-heading{margin-bottom:28px}.section-heading h2{font-size:clamp(27px,8vw,34px)}.workflow-grid article,.tools-grid a{padding:22px}.feature-showcase{border-radius:var(--pixel-radius);width:calc(100% - 20px);padding:34px 13px}.feature-copy h2{font-size:31px}.material-demo{padding:10px;transform:none}.material-demo-row{grid-template-columns:27px 34px minmax(0,1fr) 44px;gap:6px;padding-inline:5px}.home-cta{border-radius:var(--pixel-radius);min-height:0;margin-bottom:62px;padding:28px 20px}.home-cta h2{font-size:29px}.generator-layout,.workspace-card,.result-shell{min-width:0}.workspace-card{padding:16px}.card-title-row{margin-bottom:18px}.drop-zone{min-height:270px;padding:20px 12px}.source-preview>img{max-height:55dvh}.privacy-note{flex-direction:column;align-items:flex-start;gap:2px}.option-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.option-card{overflow-wrap:anywhere;min-width:0;min-height:88px;padding:8px 6px}.algorithms .option-card{min-height:68px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-size-row{grid-template-columns:repeat(3,minmax(0,1fr))}.range-line{grid-template-columns:42px minmax(0,1fr) 50px;gap:7px}.finished-size{flex-wrap:wrap}.finished-size span{width:100%;margin-left:0}.seo-inline-section{margin-top:50px}.seo-inline-section h2{font-size:25px;line-height:1.3}.seo-intro{text-align:left}.workspace-backline{flex-direction:column;align-items:flex-start;gap:5px}.result-shell{border-radius:var(--pixel-radius);padding:13px}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;display:grid}.result-actions>small{grid-column:1/-1}.result-actions .primary-button,.result-actions .secondary-button,.result-actions .text-button{text-align:center;width:100%;min-height:44px;padding:0 8px;font-size:11px}.result-actions .plaza-publish-button{grid-column:1/-1}.result-toolbar{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:9px;display:grid}.segmented-control{grid-column:1/-1}.segmented-control button{min-width:0;padding-inline:4px}.zoom-control b{min-width:42px}.export-wrap{justify-self:end;margin-left:0}.export-menu{width:min(210px,100vw - 46px);right:0}.beading-mode-panel{gap:10px;margin:8px;padding:10px}.result-shell.is-fullscreen.is-beading-mode{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.result-shell.is-beading-mode .beading-mode-panel{grid-area:2/1;width:auto}.result-shell.is-beading-mode .pattern-scroller{grid-area:1/1}.beading-mode-back{min-height:42px;padding-inline:15px;top:10px;left:10px}.beading-mode-nav{grid-template-columns:1fr 1fr;align-items:stretch}.beading-mode-nav label{grid-area:1/1/auto/-1}.beading-mode-nav button{min-width:0;padding-inline:6px}.pattern-scroller{border-radius:var(--pixel-radius);-webkit-overflow-scrolling:touch;max-height:62dvh}.canvas-wrap{min-height:280px;padding:10px}.cell-popover{min-width:min(190px,100vw - 64px)}.compact-heading{flex-direction:column;align-items:flex-start;gap:7px}.modal-backdrop{align-items:end;padding:0}.crop-modal{width:100%;max-height:100dvh;padding:18px 14px max(18px, env(safe-area-inset-bottom));border-radius:var(--pixel-radius)}.modal-heading h2{font-size:18px;line-height:1.35}.modal-actions{grid-template-columns:1fr 1.35fr;display:grid}.modal-actions button{min-width:0;padding-inline:10px}.pixel-align-backdrop{align-items:end}.pixel-align-modal{width:100%;max-height:100dvh;padding:17px 13px max(17px, env(safe-area-inset-bottom));border-radius:var(--pixel-radius)}.pixel-align-layout{gap:15px}.pixel-align-controls{grid-template-columns:1fr 1fr;gap:12px}.pixel-align-stage>p{text-align:left}.compact-config-grid,.compact-range-grid{grid-template-columns:1fr}.compact-choice-row button{padding-inline:5px}.compact-choice-row small{display:none}.gallery-grid,.loading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gallery-card>span:last-child{padding:10px}.history-card{grid-template-columns:1fr}.history-open{grid-template-columns:76px minmax(0,1fr);gap:10px}.history-thumb{width:76px;height:72px}.delete-button{border-left:0;border-top:1px solid var(--line);width:100%;min-height:42px}.profile-card{padding:18px 15px}.profile-avatar-wrap{align-items:flex-start;gap:13px}.profile-links a{padding-inline:14px}.guide-grid a{min-height:220px;padding:21px}.guide-quick-tips{margin-top:50px;padding:18px 14px}.article-page header{padding:26px 0}.article-page article{padding-top:20px}.article-page article h2{margin-top:38px;font-size:24px}.article-cta{padding:22px 17px}.auth-page,.profile-page,.plaza-page,.plaza-article-page{width:calc(100% - 20px)}.auth-card{border-radius:var(--pixel-radius)}.auth-visual{min-height:180px}.auth-form-wrap{min-height:0;padding:23px 16px 28px}.code-field{grid-template-columns:minmax(0,1fr) 100px}.login-required{border-radius:var(--pixel-radius);margin:28px auto;padding:30px 16px}.plaza-article{padding:24px 16px}.comment-login,.comment-form>div,.work-message-form>div{flex-direction:column;align-items:stretch}.work-plaza-hero{border-radius:var(--pixel-radius);padding:22px 17px}.work-plaza-hero h1{font-size:34px}.work-plaza-hero>a{width:100%}.work-plaza-search{grid-template-columns:1fr}.work-plaza-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.work-card-author{font-size:10px}.work-detail-info,.work-comments{padding:16px}.detail-image-controls{flex-direction:column;align-items:stretch}.detail-image-direction,.detail-image-controls>.primary-button,.work-detail-actions .primary-button,.work-detail-actions .secondary-button{width:100%}.plaza-author-avatar{width:72px;height:72px;font-size:28px}.plaza-author-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.plaza-author-stats span{min-width:0;padding-inline:2px}.message-shell{border-radius:var(--pixel-radius)}.message-thread{min-height:70dvh}.message-list{padding:14px 10px}.message-list article{max-width:88%}.message-reply{padding:12px 10px}.message-reply-tools{grid-template-columns:1fr auto}.message-reply-tools>small{grid-area:2/1/auto/-1}.message-reply .primary-button{width:100%}.site-footer{min-height:0;padding:38px 0 max(28px, env(safe-area-inset-bottom))}.footer-links{grid-template-columns:1fr 1fr;gap:9px 18px}}@media (max-width:360px){.brand>span:last-child{display:none}.home-hero-copy h1{font-size:34px}.hero-visual{height:338px}.hero-source-card{width:132px}.source-landscape{height:132px}.hero-pattern-card{width:154px}.floating-color-card{left:5px}.option-card b{font-size:11px}.option-card small{font-size:8px}.result-actions{grid-template-columns:1fr}.result-actions>small,.result-actions .plaza-publish-button{grid-column:1}.work-plaza-grid{grid-template-columns:1fr}}.ai-correction-backdrop{z-index:130;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18283f80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ai-correction-dialog{border-radius:var(--pixel-radius);color:#26364a;background:#fff;outline:none;flex-direction:column;width:min(860px,100%);max-height:calc(100dvh - 40px);display:flex;overflow:hidden;box-shadow:0 24px 90px #18283f40}.ai-correction-dialog header{border-bottom:1px solid #e2e8ef;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 14px;display:flex}.ai-correction-dialog h2{margin:0 0 5px;font-size:22px}.ai-correction-dialog header p,.ai-correction-description{color:#66758d;margin:0;font-size:12px;line-height:1.7}.ai-correction-dialog header>button{border-radius:var(--pixel-radius);cursor:pointer;background:#f1f6fb;border:0;flex-shrink:0;width:32px;height:32px;font-size:24px}.ai-correction-body{min-height:0;padding:18px 24px;overflow:auto}.ai-correction-quota{border-radius:var(--pixel-radius);color:#176dcc;background:#edf5ff;padding:12px 14px;font-size:14px;font-weight:700}.ai-correction-quota small{color:#66758d;margin-top:5px;font-size:11px;font-weight:400;display:block}.ai-correction-description{margin:12px 0}.ai-correction-notice,.ai-correction-error{border-radius:var(--pixel-radius);color:#946019;background:#fff7e5;padding:10px 12px;font-size:12px;line-height:1.6}.ai-correction-error{color:#ac3333;background:#fff0ee}.ai-correction-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ai-correction-previews figure{min-width:0;margin:0}.ai-correction-previews figcaption{margin-bottom:8px;font-size:12px;font-weight:700}.ai-correction-previews figure>div,.ai-correction-placeholder{border-radius:var(--pixel-radius);background:#f5f8fc;border:1px solid #e2e8ef;place-items:center;min-height:200px;padding:8px;display:grid;overflow:auto}.ai-correction-previews canvas{width:100%;max-width:100%;image-rendering:pixelated;display:block;height:auto!important}.ai-correction-placeholder{color:#8090a3;font-size:12px}.ai-correction-summary{margin-top:14px;font-size:13px;line-height:1.6}.ai-correction-summary p{color:#66758d;margin:6px 0 0}.ai-correction-dialog footer{border-top:1px solid #e2e8ef;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.ai-correction-dialog footer button{border-radius:var(--pixel-radius);cursor:pointer;color:#52647c;background:#fff;border:1px solid #dce5ee;min-height:40px;padding:0 16px;font-size:12px;font-weight:700}.ai-correction-dialog footer .primary{color:#fff;background:#176dcc;border-color:#176dcc}.ai-correction-dialog button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:600px){.ai-correction-backdrop{padding:8px}.ai-correction-dialog{border-radius:var(--pixel-radius);max-height:calc(100dvh - 16px)}.ai-correction-dialog header,.ai-correction-body,.ai-correction-dialog footer{padding:14px}.ai-correction-previews{gap:8px}.ai-correction-previews figure>div,.ai-correction-placeholder{min-height:120px;padding:3px}}.moderation-warning{border-radius:var(--pixel-radius);color:#8a431a;background:#fff6e8;border:1px solid #efbf86;padding:16px;line-height:1.7}.moderation-warning p{margin:6px 0}.moderation-warning a{font-weight:600;text-decoration:underline}.profile-moderation-notices{gap:12px;margin:24px 0;display:grid}.profile-moderation-notices h2{margin:0;font-size:20px}.ai-correction-copy{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0;display:flex}.ai-correction-copy small,.ai-correction-copy p{color:#66758d;font-size:12px;line-height:1.6}.ai-correction-copy p,.ai-correction-copy label{width:100%;margin:0}.ai-correction-copy label{gap:6px;font-size:12px;display:grid}.ai-correction-copy textarea{resize:vertical;box-sizing:border-box;border-radius:var(--pixel-radius);border:1px solid #dce5ee;width:100%;min-height:150px;padding:10px;font-family:monospace;font-size:12px}.ai-correction-settings{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.ai-correction-settings label{gap:6px;font-size:12px;display:grid}.ai-correction-settings select,.ai-correction-settings input{border-radius:var(--pixel-radius);min-height:36px;color:inherit;background:#fff;border:1px solid #dce5ee;padding:6px 10px}.ai-correction-settings input{width:110px}.ai-correction-reference{border-radius:var(--pixel-radius);border:1px solid #e2e8ef;align-items:flex-start;gap:16px;padding:12px;display:flex}.ai-correction-reference>div{flex:1;min-width:0}.ai-correction-reference label{gap:8px;font-size:12px;display:grid}.ai-correction-reference input{max-width:100%;font-size:12px}.ai-correction-reference p{color:#66758d;font-size:12px;line-height:1.6}.ai-correction-reference img{object-fit:contain;background:#fff;width:120px;max-height:180px}.ai-reference-crop .modal-backdrop{z-index:150}@media (max-width:540px){.ai-correction-reference{flex-direction:column}.ai-correction-reference img{align-self:center}}.ai-region-picker{border-radius:var(--pixel-radius);background:#f8fafc;border:1px solid #dce5ee;margin:14px 0;padding:14px}.ai-region-picker p,.ai-region-picker small{color:#66758d;font-size:12px;line-height:1.7}.ai-region-map{width:min(100%,320px);margin:12px auto;position:relative;overflow:hidden}.ai-region-map canvas{width:100%;height:auto;image-rendering:pixelated;cursor:crosshair;display:block}.ai-region-box{pointer-events:none;box-sizing:border-box;background:#176dcc18;border:2px solid #176dcc;position:absolute;box-shadow:0 0 0 1000px #18283f35}.ai-region-toggle{align-items:center;gap:8px;margin:12px 0;font-size:12px;display:flex}.ai-region-comparison{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:540px){.ai-region-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-region-comparison>figure:first-child{grid-column:1/-1;justify-self:center;width:100%;max-width:220px}}.plaza-share{position:relative}.plaza-share-trigger{width:100%}.plaza-share-trigger svg{flex:none}.plaza-share-trigger.active{color:var(--accent-dark);background:#fdf7ee;border-color:#d9c8b5}.plaza-share-panel{z-index:40;border:1px solid var(--line);border-radius:var(--pixel-radius);background:var(--paper);width:min(320px,100vw - 32px);box-shadow:var(--shadow);padding:16px;animation:.16s ease-out plaza-share-in;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.plaza-share-panel:before{content:"";height:12px;position:absolute;top:-12px;left:0;right:0}.plaza-share-panel:after{content:"";border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--paper);width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes plaza-share-in{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.plaza-share-channels{grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:6px;display:grid}.plaza-share-channels button{border-radius:var(--pixel-radius);color:#514741;cursor:pointer;white-space:nowrap;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:6px 2px;font-size:11px;font-weight:700;transition:background .18s;display:flex}:is(.plaza-share-channels button:hover,.plaza-share-channels button:focus-visible){background:var(--cream)}.plaza-share-icon{border-radius:var(--pixel-radius);place-items:center;width:40px;height:40px;transition:transform .18s;display:grid}.plaza-share-channels button:hover .plaza-share-icon{transform:translateY(-2px)}.plaza-share-icon svg{width:22px;height:22px}.plaza-share-icon.wechat{background:#07c160}.plaza-share-icon.qq{background:#12b7f5}.plaza-share-icon.qzone{background:#f5b800}.plaza-share-icon.weibo{background:#e6162d}.plaza-share-icon.system{background:var(--accent)}.plaza-share-copy{border-top:1px dashed var(--line);gap:8px;margin-top:14px;padding-top:14px;display:flex}.plaza-share-copy input{border:1px solid var(--line);border-radius:var(--pixel-radius);background:var(--cream);min-width:0;height:36px;color:var(--muted);outline:0;flex:1;padding:0 10px;font-size:12px}.plaza-share-copy input:focus{color:var(--ink);border-color:#d9c8b5}.plaza-share-copy .primary-button{flex:none}.plaza-share-copy .primary-button.copied{background:var(--sage);box-shadow:none}.plaza-share-wechat{text-align:center;justify-items:center;gap:10px;display:grid}.plaza-share-qr{border:1px solid var(--line);border-radius:var(--pixel-radius);background:#fff;width:168px;height:168px;padding:6px}.plaza-share-wechat p{gap:4px;margin:0;display:grid}.plaza-share-wechat p b{font-size:14px}.plaza-share-wechat p span{color:var(--muted);font-size:11px;line-height:1.5}.plaza-share-feedback{min-height:0;color:var(--sage);text-align:center;margin:0;font-size:12px;font-weight:700}.plaza-share-feedback:not(:empty){margin-top:10px}.info-page article ul{padding-left:1.3em}.info-page article li{margin:6px 0}.info-updated{color:var(--muted);margin-top:40px;font-size:12px}.info-related{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px 22px;margin-top:18px;padding-top:18px;font-size:13px;display:flex}.info-related a:hover{color:var(--accent-dark)}@media (max-width:640px){.footer-icp{margin:4px 0 0;display:block}}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@font-face{font-family:"Fusion Pixel 12px Prop zh-Hans";src:url(/fonts/fusion-pixel-12px-proportional-zh_hans-ui.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--pixel-font:"Fusion Pixel 12px Prop zh-Hans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--ui-font:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--pixel-radius:0;--pixel-radius-circle:50%;--pixel-border-w:3px;--pixel-border-w-thin:2px;--pixel-shadow:4px 4px 0 var(--pixel-border);--pixel-shadow-sm:2px 2px 0 var(--pixel-border);--font-xs:11px;--font-sm:13px;--font-md:16px;--line-tight:1.35;--line-body:1.7}html{background:var(--sky-bottom)}body{color:var(--ink);image-rendering:auto;background:0 0}main,.site-footer,.pixel-play,.pixel-race,.workspace-page,.result-page,.result-shell,.content-page,.article-page,.auth-page,.plaza-page,.assembly-page{z-index:1;position:relative}:is(body:has(.result-shell.is-fullscreen),body:has(.modal-backdrop)){overflow:hidden}:is(body:has(.result-shell.is-fullscreen) :is(main,.workspace-page,.result-page),body:has(.modal-backdrop) :is(main,.workspace-page,.result-page,.plaza-page,.content-page,.article-page,.auth-page)){z-index:200}.result-shell.is-fullscreen{z-index:200;box-shadow:none;background:var(--surface);border:0;border-radius:0;position:fixed;inset:0}.result-fullscreen-exit,.beading-mode-back,.modal-backdrop{z-index:210}:is(body:has(.result-shell.is-fullscreen) :is(.pixel-mascot,.pixel-mascot-restore,.miniprogram-floating-card,.pixel-sky),body:has(.modal-backdrop) :is(.pixel-mascot,.pixel-mascot-restore,.miniprogram-floating-card,.pixel-sky)){display:none!important}.pixel-sky{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.pixel-sky-wash{background:linear-gradient(180deg, var(--sky-top) 0, var(--sky-mid) 28%, var(--sky-bottom) 58%, var(--sky-bottom) 100%), repeating-linear-gradient(0deg, transparent 0 11px, var(--bead-grid) 11px 12px), repeating-linear-gradient(90deg, transparent 0 11px, var(--bead-grid) 11px 12px);transition:background .5s;position:absolute;inset:0}.pixel-sun,.pixel-moon{image-rendering:pixelated;transition:opacity .45s,transform .45s;position:absolute;top:88px;overflow:visible}.pixel-sun{width:64px;height:64px;animation:7s ease-in-out infinite pixel-bob;right:8%}.pixel-moon{opacity:0;width:52px;height:44px;right:7%}html[data-theme=night] .pixel-sun{opacity:0;transform:translateY(12px)}html[data-theme=night] .pixel-moon{opacity:1;animation:8s ease-in-out infinite pixel-bob}html[data-theme=day] .pixel-stars{opacity:0}html[data-theme=night] .pixel-clouds{opacity:.45}html[data-theme=night] .pixel-cloud{color:#4b5d80}.pixel-star{background:#f4f7ff;width:4px;height:4px;animation:2.8s steps(2,end) infinite pixel-twinkle;position:absolute;box-shadow:0 -2px #f4f7ff,0 2px #f4f7ff,-2px 0 #f4f7ff,2px 0 #f4f7ff}.pixel-star.s0{top:14%;left:8%}.pixel-star.s1{animation-delay:.4s;top:18%;left:22%}.pixel-star.s2{animation-delay:.8s;top:11%;left:36%}.pixel-star.s3{animation-delay:1.1s;top:22%;left:48%}.pixel-star.s4{animation-delay:.2s;top:16%;left:61%}.pixel-star.s5{animation-delay:1.6s;top:9%;left:73%}.pixel-star.s6{animation-delay:.7s;top:26%;left:82%}.pixel-star.s7{animation-delay:1.3s;top:13%;left:91%}.pixel-star.s8{animation-delay:1.8s;top:32%;left:14%}.pixel-star.s9{animation-delay:.5s;top:28%;left:55%}.pixel-star.s10{animation-delay:2s;top:35%;left:70%}.pixel-star.s11{animation-delay:.9s;top:8%;left:4%}.pixel-star.s12{animation-delay:1.4s;top:20%;left:97%}.pixel-star.s13{animation-delay:.3s;top:40%;left:88%}.pixel-star.s14{animation-delay:2.2s;top:24%;left:31%}.pixel-star.s15{animation-delay:1.7s;top:7%;left:52%}.pixel-star.s16{animation-delay:.6s;top:30%;left:3%}.pixel-star.s17{animation-delay:1.2s;top:12%;left:67%}.pixel-cloud{color:#fffdf8;opacity:.92;width:88px;height:28px;image-rendering:pixelated;animation:70s linear infinite pixel-drift;position:absolute}.pixel-cloud.c0{animation-duration:80s;top:118px;left:-6%}.pixel-cloud.c1{width:100px;height:32px;animation-duration:96s;animation-delay:-20s;top:172px;left:16%}.pixel-cloud.c2{width:76px;height:24px;animation-duration:74s;animation-delay:-40s;top:98px;left:38%}.pixel-cloud.c3{width:92px;height:30px;animation-duration:88s;animation-delay:-12s;top:196px;left:54%}.pixel-bead{border:2px solid #2a241f59;width:10px;height:10px;animation:11s linear infinite pixel-float;position:absolute;box-shadow:inset 2px 2px #ffffff73}.pixel-bead.b0{background:#e07a3d;animation-delay:0s;bottom:-12px;left:8%}.pixel-bead.b1{background:#e8b863;animation-delay:-1.4s;bottom:-12px;left:18%}.pixel-bead.b2{background:#7dcaa4;animation-delay:-3s;bottom:-12px;left:29%}.pixel-bead.b3{background:#77a098;animation-delay:-4.6s;bottom:-12px;left:41%}.pixel-bead.b4{background:#bf7690;animation-delay:-2.2s;bottom:-12px;left:52%}.pixel-bead.b5{background:#f0a05a;animation-delay:-6s;bottom:-12px;left:63%}.pixel-bead.b6{background:#8e6d5b;animation-delay:-7.5s;bottom:-12px;left:73%}.pixel-bead.b7{background:#7fb8b6;animation-delay:-5.1s;bottom:-12px;left:82%}.pixel-bead.b8{background:#d8753c;animation-delay:-8.4s;bottom:-12px;left:91%}.pixel-bead.b9{background:#c45c2c;animation-delay:-9.2s;bottom:-12px;left:4%}html[data-theme=night] .pixel-bead{filter:brightness(.8)}@keyframes pixel-bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes pixel-twinkle{0%,to{opacity:1}50%{opacity:.15}}@keyframes pixel-drift{0%{transform:translate(0)}to{transform:translate(calc(-30vw - 80px))}}@keyframes pixel-float{0%{opacity:0;transform:translate(0,0)rotate(0)}12%{opacity:.9}to{opacity:0;transform:translate(18px,-72vh)rotate(40deg)}}.site-header{background:var(--header-bg);border-bottom:3px solid var(--pixel-border);-webkit-backdrop-filter:saturate(1.1);backdrop-filter:saturate(1.1);box-shadow:0 4px #00000014}.site-header-inner{gap:10px}.brand,.theme-toggle,.language-switcher,.header-profile{flex:none}.brand strong,.brand small,.header-profile em,.desktop-nav a{white-space:nowrap}.desktop-nav{gap:2px}.desktop-nav a{padding:8px 9px}.brand-mark{border:3px solid var(--pixel-border);border-radius:var(--pixel-radius);animation:3.6s ease-in-out infinite pixel-wobble;box-shadow:3px 3px #2a241f33}.brand-mark i{border-radius:var(--pixel-radius-circle)}.desktop-nav a{border:2px solid #0000;font-weight:800}.desktop-nav a:after{display:none}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink);background:var(--accent-soft);border-color:var(--pixel-border);box-shadow:2px 2px 0 var(--pixel-border)}.mobile-nav a.active{border:2px solid var(--pixel-border);box-shadow:2px 2px 0 var(--pixel-border);border-radius:0}.site-header .theme-toggle,.site-header .language-switcher,.site-header .header-profile{box-sizing:border-box;border:2px solid var(--pixel-border);background:var(--surface);height:40px;min-height:40px;max-height:40px;box-shadow:2px 2px 0 var(--pixel-border);color:var(--ink);border-radius:0;flex:none;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 10px;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.site-header .theme-toggle{cursor:pointer;width:auto;margin-left:auto;overflow:visible}.site-header .language-switcher{margin-left:0}.site-header .header-profile{width:auto;text-decoration:none}.site-header .header-profile-avatar,.site-header .header-profile span{border:2px solid var(--pixel-border);border-radius:var(--pixel-radius-circle);background:var(--accent-soft);width:22px;height:22px;color:var(--accent-dark);flex:none;place-items:center;font-size:12px;display:grid;overflow:hidden}.site-header .header-profile-avatar img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.site-header .header-profile em{text-overflow:ellipsis;white-space:nowrap;max-width:7.5em;font-size:13px;font-style:normal;font-weight:800;overflow:hidden}.site-header .language-switcher span,.site-header .theme-toggle-label,.site-header .language-switcher select{color:var(--ink);font-size:13px;font-style:normal;font-weight:800}.site-header .language-switcher select{max-width:88px;height:22px;padding:0}.theme-toggle-track{box-sizing:border-box;border:2px solid var(--pixel-border);width:70px;height:26px;image-rendering:pixelated;background:#57b7ee;justify-content:space-between;align-items:center;padding:0 5px;display:inline-flex;position:relative}.theme-toggle.theme-night .theme-toggle-track{background:#16233f}.theme-toggle.is-auto .theme-toggle-track{box-shadow:inset 0 0 0 2px #ffffff59}.theme-toggle-sun,.theme-toggle-moon,.theme-toggle-knob{pointer-events:none;image-rendering:pixelated;display:block}.theme-toggle-sun{background:#ffd25c;width:12px;height:12px;box-shadow:0 -3px #ffb133,0 3px #ffb133,-3px 0 #ffb133,3px 0 #ffb133}.theme-toggle-moon{background:#e7eefc;width:12px;height:12px;box-shadow:inset -4px -3px #7d87a3,2px 0 #16233f}.theme-toggle.theme-night .theme-toggle-moon{box-shadow:inset -4px -3px #7d87a3}.theme-toggle-knob{border:2px solid var(--pixel-border);background:#fff8e8;width:16px;height:16px;transition:left .22s steps(4,end);position:absolute;top:3px;left:4px;box-shadow:2px 2px #2a241f33}.theme-toggle.theme-night .theme-toggle-knob{left:46px}.theme-toggle.is-auto .theme-toggle-knob{left:25px}.theme-toggle-label{min-width:2em}.theme-toggle:hover,.site-header .language-switcher:hover,.site-header .header-profile:hover{box-shadow:3px 3px 0 var(--pixel-border);transform:translate(-1px,-1px)}.theme-toggle:active,.site-header .header-profile:active{box-shadow:1px 1px 0 var(--pixel-border);transform:translate(1px,1px)}@keyframes pixel-wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.primary-button,.secondary-button,.primary-button.large,.secondary-button.large,.primary-button.compact,.secondary-button.compact{border-style:solid;border-width:3px;border-color:var(--pixel-border);box-shadow:4px 4px 0 var(--pixel-border);border-radius:0}.primary-button{background:var(--accent);color:#fffdf8}.secondary-button{background:var(--surface);color:var(--ink)}.primary-button:hover{background:var(--accent-dark);color:#fffdf8;box-shadow:6px 6px 0 var(--pixel-border);transform:translate(-2px,-2px)}.secondary-button:hover{background:var(--surface-2);box-shadow:6px 6px 0 var(--pixel-border);transform:translate(-2px,-2px)}.primary-button:active,.secondary-button:active{box-shadow:2px 2px 0 var(--pixel-border);transform:translate(2px,2px)}.eyebrow{border:2px solid var(--pixel-border);background:var(--accent-soft);letter-spacing:.12em;padding:4px 8px}.home-hero-copy h1 em:after{background:repeating-linear-gradient(90deg, var(--accent) 0 8px, transparent 8px 12px);opacity:.35;border-radius:0;height:10px;bottom:2px}.hero-kicker{border:2px solid var(--pixel-border);background:var(--sage-soft);color:var(--sage);box-shadow:3px 3px 0 var(--pixel-border);border-radius:0}.hero-kicker i{border-radius:0;animation:1.6s steps(2,end) infinite pixel-twinkle}.hero-visual{border:3px solid var(--pixel-border);background:repeating-linear-gradient(0deg, transparent 0 14px, #2a241f0f 14px 15px), repeating-linear-gradient(90deg, transparent 0 14px, #2a241f0f 14px 15px), var(--cream);box-shadow:8px 8px 0 var(--pixel-border);border-radius:0}.hero-visual:before,.hero-visual:after{display:none}.hero-source-card,.hero-pattern-card,.floating-color-card,.floating-count-card{border:3px solid var(--pixel-border);background:var(--surface);box-shadow:5px 5px 0 var(--pixel-border);border-radius:0}.source-landscape,.hero-pattern-grid{border-radius:0}.hero-pattern-grid i{image-rendering:pixelated;border-radius:0}.brand-strip{border-block:3px solid var(--pixel-border);background:color-mix(in srgb, var(--surface) 82%, transparent)}.workflow-grid article,.tools-grid a,.material-demo,.guide-grid a,.workspace-card,.gallery-card,.history-card,.profile-card,.auth-card,.manual-seo-section,.manual-seo-grid article,.guide-quick-tips,.article-cta,.home-cta,.empty-state,.profile-links,.layers-panel,.guide-table,.brand-guide-grid div,.format-list div{border:3px solid var(--pixel-border);box-shadow:5px 5px 0 var(--pixel-border);background:var(--surface);border-radius:0}.feature-showcase{border:3px solid var(--pixel-border);box-shadow:8px 8px 0 var(--pixel-border);background:color-mix(in srgb, var(--cream) 88%, var(--surface));border-radius:0}.workflow-grid article>span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tools-grid a:hover,.gallery-card:hover,.guide-grid a:hover{box-shadow:8px 8px 0 var(--pixel-border);transform:translate(-3px,-3px)}.home-cta,.article-cta{color:#f6fff8;box-shadow:8px 8px 0 var(--pixel-border);background:#2f5b49}.faq-list{border-top:3px solid var(--pixel-border)}.faq-list details{border-bottom:3px solid var(--pixel-border);background:color-mix(in srgb, var(--surface) 70%, transparent)}.faq-list summary{font-weight:800}.drop-zone,.source-preview,.search-input,.category-tabs button,.auth-form input,.profile-field input,.option-card,.toggle-card{border-radius:0}.drop-zone{border:3px dashed var(--pixel-border);background:var(--cream)}.category-tabs button,.search-input,.auth-form input,.profile-field input{border:2px solid var(--pixel-border);background:var(--surface);color:var(--ink);box-shadow:2px 2px 0 var(--pixel-border)}.category-tabs button.active{background:var(--accent);color:#fffdf8}.article-page header{border-bottom:3px solid var(--pixel-border)}.article-page article p,.article-page article li{color:var(--text-soft)}.info-related{border-top:3px solid var(--pixel-border)}.site-footer{border-top:3px solid var(--pixel-border);background:color-mix(in srgb, var(--header-bg) 80%, transparent)}.footer-brand{letter-spacing:.04em}.gallery-image-wrap,.history-thumb,.profile-avatar{border-radius:0}.gallery-image-wrap img,.history-thumb img{image-rendering:auto}.empty-beads i{border-radius:var(--pixel-radius-circle)}html[data-theme=night] .site-header{box-shadow:0 4px #00000059}html[data-theme=night] .desktop-nav a{color:var(--text-soft)}html[data-theme=night] .desktop-nav a:hover,html[data-theme=night] .desktop-nav a.active{color:var(--ink)}html[data-theme=night] .home-hero-copy>p,html[data-theme=night] .section-heading p,html[data-theme=night] .feature-copy>p,html[data-theme=night] .feature-copy li span,html[data-theme=night] .workflow-grid p,html[data-theme=night] .tools-grid p,html[data-theme=night] .faq-list p,html[data-theme=night] .hero-proof,html[data-theme=night] .brand-strip,html[data-theme=night] .article-page article p,html[data-theme=night] .article-page article li{color:var(--text-soft)}html[data-theme=night] .hero-visual{background:repeating-linear-gradient(0deg,#0000 0 14px,#ffffff0a 14px 15px),repeating-linear-gradient(90deg,#0000 0 14px,#ffffff0a 14px 15px),#1b2740}html[data-theme=night] .brand-strip{background:#121826b8}html[data-theme=night] .home-cta,html[data-theme=night] .article-cta{background:#1e3d32}html[data-theme=night] .miniprogram-floating-card{background:var(--surface);border:3px solid var(--pixel-border);box-shadow:5px 5px 0 var(--pixel-border);border-radius:0}html[data-theme=night] .privacy-note{background:var(--sage-soft);color:var(--sage)}.auth-card,.auth-form-wrap,.profile-links a,.history-open,.layer-item,.plaza-share-panel{background:var(--surface);color:var(--ink)}.pixel-mascot{z-index:45;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(4px 4px #2a241f47);width:110px;position:fixed}.pixel-mascot-body{cursor:grab;background:0 0;border:0;width:110px;padding:0;display:grid}.pixel-mascot-body:active{cursor:grabbing}.pixel-mascot-body svg{width:72px;height:90px;margin-inline:auto;display:block}.pixel-mascot-rive{pointer-events:auto;width:104px;height:120px;margin-inline:auto;display:block}.pixel-mascot-body.is-rive svg{display:none}.pixel-mascot.is-jumping .pixel-mascot-body{animation:.5s pixel-jump}.pixel-mascot:not(.is-min) .pixel-mascot-body{animation:2.4s ease-in-out infinite pixel-idle}.pixel-mascot.is-jumping:not(.is-min) .pixel-mascot-body{animation:.5s pixel-jump}.pixel-mascot-lid{transform-origin:50%;transform-box:fill-box;animation:4.2s step-end infinite pixel-blink}.pixel-mascot-sleep-mouth,.pixel-mascot-zzz{display:none}.pixel-mascot.is-night .pixel-mascot-lid{opacity:1;height:4px;animation:none}.pixel-mascot.is-night .pixel-mascot-pupil,.pixel-mascot.is-night .pixel-mascot-mouth{display:none}.pixel-mascot.is-night .pixel-mascot-sleep-mouth,.pixel-mascot.is-night .pixel-mascot-zzz{display:block}.pixel-mascot.is-night .pixel-mascot-zzz{animation:2.4s ease-in-out infinite pixel-zzz}.pixel-mascot-stage{width:110px;position:relative}.pixel-mascot-actions{z-index:3;pointer-events:auto;gap:3px;display:flex;position:absolute;top:4px;right:4px}.pixel-mascot.is-flip-x .pixel-mascot-actions{left:4px;right:auto}.pixel-mascot.is-flip-y .pixel-mascot-actions{top:auto;bottom:4px}.pixel-mascot-body{z-index:1;position:relative}.pixel-mascot-min,.pixel-mascot-hide,.pixel-mascot-restore{border:2px solid var(--pixel-border);background:var(--surface);width:22px;height:22px;color:var(--ink);box-shadow:2px 2px 0 var(--pixel-border);cursor:pointer;place-items:center;padding:0;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,sans-serif;display:grid}.pixel-mascot-restore{z-index:45;background:#e07a3d;width:44px;height:44px;position:fixed;bottom:12px;right:12px}.pixel-mascot-restore span{background:#f0a05a;width:16px;height:16px;box-shadow:inset 3px 3px #f7d7a1,6px 10px #8a4a24,-4px 10px #8a4a24}.pixel-mascot-sprite{width:104px;height:120px;image-rendering:crisp-edges;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;margin-inline:auto;display:block}.pixel-mascot.is-min .pixel-mascot-sprite{width:56px;height:64px}.pixel-mascot-body.is-sprite,.pixel-mascot:not(.is-min) .pixel-mascot-body.is-sprite,.pixel-mascot.is-jumping .pixel-mascot-body.is-sprite{animation:none!important}.pixel-mascot-body.is-sprite svg{display:none}.pixel-mascot-bubble{z-index:4;border:3px solid var(--pixel-border);background:var(--surface);width:min(196px,100vw - 28px);color:var(--ink);box-shadow:4px 4px 0 var(--pixel-border);padding:10px 12px 12px;position:absolute;bottom:12px;left:calc(100% + 8px)}.pixel-mascot-bubble.is-right{bottom:12px;left:calc(100% + 8px);right:auto}.pixel-mascot-bubble.is-left{bottom:12px;left:auto;right:calc(100% + 8px)}.pixel-mascot-bubble strong{color:var(--accent-dark);margin-bottom:4px;font-size:11px;display:block}.pixel-mascot-bubble p{margin:0 0 8px;font-size:13px;line-height:1.5}.pixel-mascot-bubble a{border:2px solid var(--pixel-border);background:var(--accent);color:#fffdf8;margin-top:2px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-block}.pixel-mascot.is-min,.pixel-mascot.is-min .pixel-mascot-stage{width:64px}.pixel-mascot.is-min .pixel-mascot-body svg{width:44px;height:55px}.pixel-mascot.is-min .pixel-mascot-rive{width:56px;height:64px}.pixel-mascot.is-min .pixel-mascot-bubble,.pixel-mascot.is-min .pixel-mascot-hide{display:none}.pixel-mascot.is-min .pixel-mascot-min{width:20px;height:20px}@keyframes pixel-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pixel-jump{0%{transform:translateY(0)}35%{transform:translateY(-18px)}to{transform:translateY(0)}}@keyframes pixel-blink{0%,88%,to{opacity:0}92%,96%{opacity:1}}@keyframes pixel-zzz{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}:is(body:has(.manual-editor-page) .pixel-mascot,body:has(.manual-editor-page) .pixel-mascot-restore,body:has(.manual-editor-page) .pixel-sky){display:none!important}@media (max-width:720px){.site-header .theme-toggle,.site-header .language-switcher,.site-header .header-profile{height:40px}.pixel-sun,.pixel-moon{top:118px}.pixel-cloud{opacity:.7}.pixel-mascot{width:110px}.pixel-mascot-body svg{width:58px;height:72px}.pixel-mascot-bubble{width:min(176px,100vw - 28px)}.pixel-mascot-bubble.is-right{left:calc(100% + 8px);right:auto}.pixel-mascot-bubble.is-left{left:auto;right:calc(100% + 8px)}}@media (max-width:520px){.pixel-mascot-restore{bottom:12px}.pixel-beads{opacity:.55}}@media (prefers-reduced-motion:reduce){.pixel-sky *,.brand-mark,.pixel-mascot-body,.pixel-mascot-lid,.pixel-mascot-zzz,.hero-kicker i,.theme-wipe,.theme-wipe-scan,.theme-wipe-orb,.pixel-runner,.pixel-collect-bead,.pixel-critter,.pixel-campfire,.pixel-confetti,.pixel-leaf,.theme-toggle-knob{transition:none!important;animation:none!important}}.login-required,.result-shell,.seo-guide-links article,.crop-modal,.pixel-align-modal,.export-menu,.plaza-composer,.work-card,.comment-list article,.dm-panel,.author-card{border:3px solid var(--pixel-border);background:var(--surface);box-shadow:5px 5px 0 var(--pixel-border);border-radius:0}.option-card,.library-chip,.generation-mode-tabs button,.compact-choice-row button,.quick-size-row button,.plaza-search input,.compact-select-field select{background:var(--surface);color:var(--ink);border-radius:0}.plaza-search input,.compact-select-field select{border:2px solid var(--pixel-border);box-shadow:2px 2px 0 var(--pixel-border)}.plaza-list-item{border-bottom:3px solid var(--pixel-border)}.plaza-list-item:hover{background:color-mix(in srgb, var(--surface) 72%, transparent)}.miniprogram-floating-card{border:3px solid var(--pixel-border);background:var(--surface);box-shadow:5px 5px 0 var(--pixel-border);border-radius:0}.miniprogram-floating-code{border-radius:0}.miniprogram-floating-close{border:2px solid var(--pixel-border);background:var(--surface);box-shadow:2px 2px 0 var(--pixel-border);border-radius:0}html[data-theme=night] .login-required,html[data-theme=night] .result-shell,html[data-theme=night] .seo-guide-links article,html[data-theme=night] .option-card,html[data-theme=night] .library-chip,html[data-theme=night] .generation-mode-tabs button,html[data-theme=night] .compact-choice-row button,html[data-theme=night] .quick-size-row button,html[data-theme=night] .compact-select-field select,html[data-theme=night] .plaza-search input,html[data-theme=night] .export-menu,html[data-theme=night] .export-menu button,html[data-theme=night] .zoom-control button,html[data-theme=night] .crop-modal,html[data-theme=night] .pixel-align-modal,html[data-theme=night] .delete-button,html[data-theme=night] .history-open,html[data-theme=night] .auth-tabs button.active,html[data-theme=night] .segmented-control button.active{background:var(--surface);color:var(--ink)}html[data-theme=night] .option-card.active,html[data-theme=night] .library-chip.active,html[data-theme=night] .generation-mode-tabs button.active,html[data-theme=night] .compact-choice-row button.active{background:var(--accent-soft)}html[data-theme=night] .secondary-button{color:var(--ink)}html[data-theme=night] .pattern-scroller{background:#243044}html[data-theme=night] .error-message{color:#ffb4a8;background:#3a1f1c}html[data-theme=night] .pixel-grid-note{background:var(--accent-soft);color:var(--accent-dark)}html[data-theme=night] .guide-quick-tips li:before{background:var(--surface)}.brand strong,.footer-brand,.home-hero-copy h1,.section-heading:not(.compact-heading) h2,.workspace-title h1,.create-page-title,.page-hero h1,.work-plaza-hero h1,.article-page header h1,.assembly-page article header h1,.article-page article>h2,.assembly-page article h2,.home-cta h2,.auth-heading h1,.empty-state h2,.login-required h2,.hero-proof b{font-family:var(--pixel-font);-webkit-font-smoothing:none;letter-spacing:0}.brand strong,.footer-brand,.hero-proof b{line-height:1.2;font-size:24px!important}.home-hero-copy h1{line-height:1.16;font-size:48px!important}.section-heading:not(.compact-heading) h2,.workspace-title h1:not(.create-page-title),.page-hero h1,.article-page header h1,.assembly-page article header h1,.home-cta h2,.auth-heading h1{line-height:1.22;font-size:36px!important}.article-page article>h2,.assembly-page article h2,.empty-state h2,.login-required h2{line-height:1.3;font-size:24px!important}.brand small,.desktop-nav,.mobile-nav,button,label,select,.theme-toggle,.theme-toggle-label,.language-switcher,.header-profile,.site-footer a,.site-footer h3,.footer-note,.footer-icp,.footer-col,.pixel-play,.pixel-play button,.pixel-play-score,.pixel-play-bar,.hero-kicker,.eyebrow,.category-tabs,.faq-list summary{-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.workspace-title:has(.create-page-title){max-width:min(1180px,100%)}.create-page-title,.work-plaza-hero h1{line-height:1.2;font-size:48px!important}.create-page-title{white-space:nowrap}@media (max-width:1024px){.create-page-title{font-size:36px!important}}@media (max-width:720px){.brand strong{-webkit-font-smoothing:antialiased;letter-spacing:.02em;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif!important;font-size:16px!important}.home-hero-copy h1{font-size:36px!important}.section-heading:not(.compact-heading) h2,.workspace-title h1:not(.create-page-title),.page-hero h1,.article-page header h1,.assembly-page article header h1,.home-cta h2,.auth-heading h1{font-size:24px!important}.workspace-title h1.create-page-title,.workspace-title .create-page-title,h1.create-page-title,.create-page-title{overflow-wrap:anywhere;line-height:1.3;white-space:normal!important;letter-spacing:0!important;font-size:24px!important}.work-plaza-hero h1{font-size:36px!important}}html[data-theme] :is(button,.primary-button,.secondary-button,.generate-button,.full-button,.icon-button,.modal-close,.delete-button,.eraser,.category-tabs button,.auth-tabs button,.generation-mode-tabs button,.quick-size-row button,.compact-choice-row button,.option-card,.library-chip,.toggle-card,.segmented-control button,.zoom-control button,.export-menu button,.pixel-map-zoom button,.beading-mode-nav button,.beading-mode-options button,.selection-toolbar button,.selection-arrows button,.layers-heading>button,.comment-form button,.comment-emoji-toggle,.message-tool-button,.plaza-publish-button,.plaza-share-trigger,.plaza-share-channels button,.plaza-share-copy button,.history-toolbar button,.mobile-save-button,.manual-back-button){border-radius:var(--pixel-radius)}html[data-theme] :is(.primary-button,.secondary-button,.generate-button,.full-button,.category-tabs button,.auth-tabs button,.generation-mode-tabs button,.quick-size-row button,.compact-choice-row button,.option-card,.library-chip,.plaza-publish-button,.plaza-share-trigger,.comment-form button,.history-toolbar button,.beading-mode-nav button,.beading-mode-options button){border:var(--pixel-border-w-thin) solid var(--pixel-border);box-shadow:var(--pixel-shadow-sm);background:var(--surface);color:var(--ink)}html[data-theme] :is(.primary-button,.generate-button,.full-button.primary-button,.comment-form .primary-button,.plaza-publish-button){background:var(--accent);color:#fffdf8;border-width:var(--pixel-border-w);box-shadow:var(--pixel-shadow)}html[data-theme] :is(.icon-button,.modal-close,.zoom-control button,.pixel-map-zoom button,.message-tool-button,.comment-emoji-toggle,.eraser){border:var(--pixel-border-w-thin) solid var(--pixel-border);background:var(--surface);color:var(--ink);box-shadow:var(--pixel-shadow-sm)}html[data-theme] .delete-button,html[data-theme] .secondary-button.danger{border:var(--pixel-border-w-thin) solid var(--pixel-border);background:var(--surface);color:var(--danger);box-shadow:var(--pixel-shadow-sm)}html[data-theme] .text-button{box-shadow:none;color:var(--accent-dark);background:0 0;border:0;min-height:auto;padding:4px 0}html[data-theme] :is(.category-tabs button.active,.auth-tabs button.active,.generation-mode-tabs button.active,.option-card.active,.library-chip.active,.compact-choice-row button.active,.segmented-control button.active,.quick-size-row button.active,.eraser.active){background:var(--accent-soft);color:var(--accent-dark);border-color:var(--pixel-border)}html[data-theme] :is(input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=url],input:not([type]),textarea,select,.search-input,.plaza-search input,.work-plaza-search input,.auth-form input,.profile-field input,.comment-form textarea,.compact-select-field select,.plaza-share-copy input){border-radius:var(--pixel-radius);border:var(--pixel-border-w-thin) solid var(--pixel-border);background:var(--surface);color:var(--ink);box-shadow:var(--pixel-shadow-sm)}html[data-theme] textarea,html[data-theme] .comment-form textarea{min-height:96px;padding:var(--space-3);line-height:var(--line-body)}html[data-theme] :is(.workspace-card,.gallery-card,.history-card,.profile-card,.auth-card,.login-required,.result-shell,.work-card,.empty-state,.config-card,.color-cleanup-card,.guide-grid a,.tools-grid a,.workflow-grid article,.manual-seo-section,.crop-modal,.pixel-align-modal,.export-menu,.plaza-share-panel,.miniprogram-floating-card,.article-cta,.home-cta,.guide-quick-tips,.profile-links,.comment-item,.comment-form,.dm-panel,.author-card,.seo-guide-links article){border-radius:var(--pixel-radius)}html[data-theme] :is(.work-card,.comment-item,.comment-form,.login-required,.config-card,.color-cleanup-card,.plaza-share-panel){border:var(--pixel-border-w) solid var(--pixel-border);background:var(--surface);box-shadow:var(--pixel-shadow)}.content-page input[type=search],.content-page input[type=text],.workspace-page input[type=text],.plaza-page input,.plaza-search input{min-height:44px;padding:0 var(--space-4)}.toggle-line>i,.toggle-card>i,.toggle-line>i:after,.toggle-card>i:after,.header-profile,.language-switcher,.header-profile span,.profile-avatar,.comment-avatar,.gallery-image-wrap,.history-thumb,.miniprogram-floating-code,.plaza-share-icon,.plaza-share-qr,.source-preview,.drop-zone,.search-input,.category-tabs button{border-radius:var(--pixel-radius)}.editor-tool-group button,.mobile-tool-rail button,.layer-actions button,.palette-color{border-radius:var(--pixel-radius);box-shadow:none}.editor-tool-group button.active,.mobile-tool-rail button.active,.palette-color.active{border:var(--pixel-border-w-thin) solid var(--pixel-border);box-shadow:var(--pixel-shadow-sm)}.comment-emoji-picker,.comment-image-preview,.modal-backdrop+*,.image-preview-modal img{border-radius:var(--pixel-radius)}.plaza-share-channels button{border-radius:var(--pixel-radius);background:var(--surface)}.plaza-share-icon{border:2px solid var(--pixel-border)}.pagination,.history-toolbar,.plaza-search,.card-title-row{gap:var(--space-3)}html[data-theme=night] :is(.search-input,.plaza-search input,.auth-form input,.profile-field input,.comment-form textarea,.compact-select-field select,select,textarea,input[type=text],input[type=email],input[type=password],input[type=search]){background:var(--surface);color:var(--ink);border-color:var(--pixel-border)}@media (max-width:375px){.hero-actions{gap:var(--space-3);flex-direction:column}.hero-actions .primary-button,.hero-actions .secondary-button{width:100%}.desktop-nav a,.header-profile em{white-space:nowrap}.work-card,.gallery-card,.guide-grid a{box-shadow:var(--pixel-shadow-sm)}}.theme-wipe{z-index:80;pointer-events:none;position:fixed;inset:0;overflow:hidden}.theme-wipe-scan{background:repeating-linear-gradient(#1a2744 0 8px,#24355a 8px 16px);animation:.76s steps(12,end) forwards theme-wipe-scan;position:absolute;inset:0}.theme-wipe.is-day .theme-wipe-scan{background:repeating-linear-gradient(#7ec8f5 0 8px,#9ad6f8 8px 16px)}.theme-wipe-orb{width:48px;height:48px;image-rendering:pixelated;animation:.76s steps(10,end) forwards theme-wipe-orb;position:absolute;left:50%}.theme-wipe.is-day .theme-wipe-orb{background:#ffd25c;top:58%;box-shadow:0 -10px #ffd25c,0 10px #ffd25c,-10px 0 #ffd25c,10px 0 #ffd25c,0 0 0 6px #f0a05a}.theme-wipe.is-night .theme-wipe-orb{background:#e7eefc;top:18%;box-shadow:inset -12px -8px #8a93ab,0 0 0 6px #1a2744}@keyframes theme-wipe-scan{0%{opacity:1;transform:translateY(-100%)}45%{opacity:1;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}@keyframes theme-wipe-orb{0%{opacity:0;transform:translate(-50%,36px)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-40px)}}.pixel-mascot.is-sad .pixel-mascot-body{filter:saturate(.75);animation:.7s pixel-sad}.pixel-mascot.is-celebrate:not(.is-min) .pixel-mascot-body{animation:.45s infinite pixel-jump}@keyframes pixel-sad{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(5px)rotate(-7deg)}}.pixel-race{border:3px solid var(--pixel-border);background:var(--surface);width:min(1120px,100% - 32px);box-shadow:5px 5px 0 var(--pixel-border);color:var(--ink);margin:8px auto 32px}.pixel-race-bar{border-bottom:3px solid var(--pixel-border);background:var(--accent-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.pixel-race-bar strong{font-size:16px;display:block}.pixel-race-bar span{color:var(--muted);font-size:12px}.pixel-race-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pixel-bead-count{font-size:13px;font-weight:800}.pixel-race-track{height:150px;image-rendering:pixelated;position:relative;overflow:hidden}.pixel-race-track:before,.pixel-race-track:after{content:"";pointer-events:none;image-rendering:pixelated;position:absolute}.pixel-race.scene-meadow .pixel-race-track{background:linear-gradient(#8fd0f8 0 68%,#67b15c 68% 82%,#4f9648 82% 100%)}.pixel-race.scene-meadow.theme-night .pixel-race-track{background:linear-gradient(#152033 0 68%,#2a4a32 68% 82%,#1d3424 82% 100%)}.pixel-race.scene-meadow .pixel-race-track:before{background:#3f9d6e;width:18px;height:18px;bottom:32%;left:12%;box-shadow:40vw 6px #3f9d6e,62vw 2px #2f7d54,18px 8px #2f7d54}.pixel-race.scene-city .pixel-race-track{background:linear-gradient(#9ad0f0 0 58%,#6aa0c8 58% 70%,#5a5a64 70% 100%)}.pixel-race.scene-city.theme-night .pixel-race-track{background:linear-gradient(#12182c 0 58%,#1c243c 58% 70%,#2a2a34 70% 100%)}.pixel-race.scene-city .pixel-race-track:before{background:#2c334c;width:22px;height:46px;bottom:30%;left:6%;box-shadow:32px 12px #3a425e,64px 4px #252c44,96px 14px #2c334c,132px 8px #3a425e,168px 16px #252c44,204px 6px #2c334c,246px 12px #3a425e,286px 2px #252c44,328px 10px #2c334c,8px 10px 0 2px #e8b863,40px 20px 0 2px #e8b863,110px 18px 0 2px #f0a05a}.pixel-race.scene-snow .pixel-race-track{background:linear-gradient(#c9dff5 0 66%,#eef6ff 66% 100%)}.pixel-race.scene-snow.theme-night .pixel-race-track{background:linear-gradient(#1b2a44 0 66%,#d5e4f5 66% 100%)}.pixel-race.scene-snow .pixel-race-track:after{opacity:.7;background-image:radial-gradient(#fff 1.2px,#0000 1.3px);background-size:18px 18px;inset:0}.pixel-race.scene-beach .pixel-race-track{background:linear-gradient(#7ec8f5 0 52%,#3aa0d8 52% 70%,#efd7a4 70% 86%,#e2c48a 86% 100%)}.pixel-race.scene-beach.theme-night .pixel-race-track{background:linear-gradient(#15243c 0 52%,#1c3a58 52% 70%,#6d5b3c 70% 100%)}.pixel-race.scene-beach .pixel-race-track:before{opacity:.7;background:repeating-linear-gradient(90deg,#5eb4e0 0 16px,#8fd0f0 16px 28px);height:6px;bottom:28%;left:0;right:0}.pixel-race.scene-space .pixel-race-track{background:#0c1020}.pixel-race.scene-space .pixel-race-track:after{opacity:.85;background-image:radial-gradient(#fff 1px,#0000 1.2px),radial-gradient(#c9d3ea 1px,#0000 1.2px);background-position:0 0,12px 18px;background-size:26px 26px,42px 42px;inset:0}.pixel-race.scene-space .pixel-race-track:before{background:#e7eefc;border-radius:0;width:22px;height:22px;top:12%;right:10%;box-shadow:inset -6px -4px #8a93ab,-80px 30px 0 -8px #f0a05a}.pixel-runner{z-index:2;cursor:pointer;color:inherit;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%)}.pixel-runner b{border:2px solid var(--pixel-border);background:var(--surface);white-space:nowrap;margin-bottom:2px;padding:1px 4px;font-size:11px;font-weight:800;line-height:1.2}.pixel-runner.is-you b{background:var(--accent-soft)}.pixel-runner.is-hop{animation:.52s steps(6,end) pixel-hop}@keyframes pixel-hop{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-14px)}}.pixel-collect-bead{z-index:3;border:2px solid var(--pixel-border);cursor:pointer;border-radius:0;width:14px;height:14px;padding:0;animation:2.8s linear forwards bead-fall;position:absolute;top:8px}@keyframes bead-fall{0%{transform:translateY(0)}to{transform:translateY(118px)}}.pixel-campfire{z-index:1;background:#c45c2a;width:16px;height:18px;animation:.4s steps(2,end) infinite fire-flicker;position:absolute;bottom:16px;left:18px;box-shadow:2px -4px #e07a3d,6px -8px #ffd25c,10px -4px #e07a3d,4px 6px #5a3a22,8px 6px #5a3a22}@keyframes fire-flicker{0%,to{filter:brightness()}50%{filter:brightness(1.28)}}.pixel-critter{z-index:1;pointer-events:none;width:12px;height:10px;position:absolute}.pixel-critter.bunny{background:#fff8ee;animation:16s linear infinite critter-walk;bottom:10px;box-shadow:2px -4px #fff8ee,6px -4px #fff8ee,4px 2px #f2d5d5}.pixel-critter.bird{background:#5aa9e6;animation:12s linear infinite critter-fly;top:16px;box-shadow:8px 0 #5aa9e6,4px -3px #5aa9e6}@keyframes critter-walk{0%{left:-8%}to{left:108%}}@keyframes critter-fly{0%{left:-8%;transform:translateY(0)}50%{transform:translateY(8px)}to{left:108%;transform:translateY(0)}}.pixel-race.season-autumn .pixel-race-track:after{opacity:.28;background-image:linear-gradient(45deg,#e07a3d 2px,#0000 2px),linear-gradient(-45deg,#d9a441 2px,#0000 2px);background-size:28px 22px;animation:8s linear infinite leaf-drift;inset:0}@keyframes leaf-drift{0%{background-position:0 0,10px 0}to{background-position:28px 22px,38px 22px}}.pixel-confetti{width:6px;height:6px;animation:1.4s steps(8,end) forwards confetti-fall;position:absolute;top:6px}.pixel-confetti.c0{background:#e07a3d;left:8%}.pixel-confetti.c1{background:#ffd25c;animation-delay:50ms;left:16%}.pixel-confetti.c2{background:#5aa9e6;animation-delay:.1s;left:24%}.pixel-confetti.c3{background:#c45c8a;animation-delay:20ms;left:32%}.pixel-confetti.c4{background:#3f9d6e;animation-delay:.12s;left:40%}.pixel-confetti.c5{background:#e07a3d;animation-delay:80ms;left:48%}.pixel-confetti.c6{background:#7b6bd6;animation-delay:30ms;left:56%}.pixel-confetti.c7{background:#ffd25c;animation-delay:.15s;left:64%}.pixel-confetti.c8{background:#5aa9e6;animation-delay:70ms;left:72%}.pixel-confetti.c9{background:#c45c8a;animation-delay:.11s;left:80%}.pixel-confetti.c10{background:#3f9d6e;animation-delay:40ms;left:88%}.pixel-confetti.c11{background:#f0a05a;animation-delay:.18s;left:20%}.pixel-confetti.c12{background:#e8b863;animation-delay:.14s;left:50%}.pixel-confetti.c13{background:#7dcaa4;animation-delay:90ms;left:75%}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(120px)rotate(180deg)}}.pixel-race-result{border-top:3px solid var(--pixel-border);margin:0;padding:8px 14px;font-weight:800}.pixel-race-result a{margin-left:8px}:is(body:has(.manual-editor-page) .pixel-race,body:has(.workspace-page) .pixel-race){display:none!important}@media (max-width:720px){.site-header .theme-toggle,.site-header .language-switcher,.site-header .header-profile{justify-content:center;flex:none!important;width:auto!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 8px!important}.site-header .header-profile em{max-width:4.8em}.pixel-race{width:calc(100% - 20px);margin-bottom:24px}.pixel-race-track{height:136px}}@media (max-width:480px){.site-header-inner{gap:6px!important}.brand{gap:6px}.site-header .theme-toggle,.site-header .language-switcher{padding:0 6px!important}.site-header .theme-toggle-label,.site-header .language-switcher span{display:none}.site-header .header-profile em{display:none!important}.site-header .header-profile{gap:0;min-width:40px;width:40px!important;padding:0!important}}html[data-theme=night] .pixel-race-bar{background:#243044}.site-header .language-switcher select,.language-switcher select{-webkit-appearance:none;appearance:none;max-width:92px;color:var(--ink);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 9px) calc(50% - 2px),calc(100% - 4px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:16px;box-shadow:none!important;background-color:#0000!important;border:0!important;outline:0!important}.site-header .language-switcher select::-ms-expand{display:none}:is(.site-header .language-switcher select:focus,.site-header .language-switcher select:focus-visible){box-shadow:none!important;outline:0!important}footer.site-footer,.site-footer{color:var(--muted);background:0 0;border:0!important;grid-template-columns:none!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0 0 24px!important;display:block!important}.site-footer-inner{box-sizing:border-box;border-top:3px solid var(--pixel-border);width:min(1180px,100% - 48px);margin:0 auto;padding:36px 0 28px}@media (min-width:721px){.site-footer-inner{padding-right:max(0px,236px + -50vw + min(1180px,100vw - 48px)/2)}}.footer-grid{grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(108px,1fr));align-items:start;gap:28px 24px;display:grid}.footer-brand{color:var(--ink);font-size:24px;font-weight:800;margin:0 0 10px!important}.footer-brand-col>p{max-width:28em;margin:0;font-size:13px;line-height:1.7}.footer-col h3{color:var(--ink);letter-spacing:.12em;margin:0 0 12px;font-size:13px;font-weight:800}.footer-col a{color:var(--muted);margin:0 0 8px;font-size:13px;line-height:1.45;display:block}.footer-col a:hover{color:var(--accent-dark)}.footer-email{word-break:break-all;font-weight:800;color:var(--accent-dark)!important}.footer-contact p{margin:8px 0 0;font-size:12px;line-height:1.6}.footer-bottom{border-top:2px solid var(--pixel-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;margin-top:28px;padding-top:16px;padding-left:88px;padding-right:0;display:flex}.footer-note,.footer-icp{font-size:12px;grid-column:auto!important;margin:0!important}.footer-icp{margin-left:0!important}.footer-icp a{color:inherit}.footer-icp a:hover{color:var(--accent-dark)}@media (max-width:980px){.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-brand-col{grid-column:1/-1}}@media (max-width:720px){.site-footer-inner{width:calc(100% - 40px);padding:28px 0 24px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px 18px}.footer-bottom{padding-bottom:12px;padding-left:0;padding-right:0}footer.site-footer,.site-footer{padding-bottom:96px!important}}.pixel-play{border:3px solid var(--pixel-border);background:var(--surface);width:min(1180px,100% - 48px);box-shadow:5px 5px 0 var(--pixel-border);color:var(--ink);margin:8px auto 28px}.pixel-play-bar,.pixel-race-bar{border-bottom:3px solid var(--pixel-border);background:var(--accent-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.pixel-play-bar strong,.pixel-race-bar strong{font-size:16px;display:block}.pixel-play-bar span,.pixel-race-bar span{color:var(--muted);font-size:12px}.pixel-play-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pixel-play-score{font-size:13px;font-weight:800}.pixel-play-tabs{border-bottom:3px solid var(--pixel-border);flex-wrap:wrap;gap:0;display:flex}.pixel-play-tabs button{border:0;border-right:2px solid var(--pixel-border);background:var(--surface);min-height:36px;color:var(--ink);cursor:pointer;padding:0 14px;font-weight:800}.pixel-play-tabs button.is-active{background:var(--accent-soft)}.pixel-play-stage{position:relative}.pixel-play-canvas{width:100%;height:420px;image-rendering:crisp-edges;image-rendering:pixelated;cursor:pointer;touch-action:none;background:#8fd0f8;display:block}.pixel-play-overlay{cursor:pointer;background:#14100c6b;place-items:center;display:grid;position:absolute;inset:0}.pixel-play-overlay-card{text-align:center;border:2px solid var(--pixel-border);border-radius:var(--pixel-radius);background:var(--surface);min-width:220px;max-width:calc(100% - 32px);color:var(--ink);box-shadow:var(--pixel-shadow-sm);padding:14px 16px}.pixel-play-overlay-card b{margin-bottom:6px;display:block}.pixel-play-overlay-card p{color:var(--muted);margin:0 0 12px;font-size:13px}.pixel-play-result,.pixel-race-result{border-top:3px solid var(--pixel-border);margin:0;padding:8px 14px;font-weight:800}.pixel-play-result a,.pixel-race-result a{margin-left:8px}html[data-theme=night] .pixel-play-bar,html[data-theme=night] .pixel-race-bar{background:#243044}html[data-theme=night] .pixel-play-canvas{background:#12182c}:is(body:has(.manual-editor-page) .pixel-play,body:has(.workspace-page) .pixel-play){display:none!important}.site-header-inner,.mobile-nav,.home-hero,.home-section,.home-cta,.workspace-page,.content-page,.article-page,.auth-page,.plaza-page,.plaza-article-page,.manual-seo-section{width:min(1180px,100% - 40px)}.article-page{width:min(900px,100% - 40px)}.home-section{width:min(1120px,100% - 40px)}@media (max-width:720px){.site-header-inner,.mobile-nav,.home-hero,.home-section,.home-cta,.workspace-page,.content-page,.article-page,.auth-page,.plaza-page,.plaza-article-page,.manual-seo-section,.site-footer-inner,.pixel-play,.pixel-race{width:calc(100% - 40px)!important}.pixel-play{margin-bottom:24px}}.work-plaza-hero,.plaza-author-hero{color:var(--ink);border:3px solid var(--pixel-border)!important;background:var(--surface)!important;box-shadow:5px 5px 0 var(--pixel-border)!important;border-radius:0!important}.work-plaza-hero h1,.plaza-author-hero h1{color:var(--ink)}.work-plaza-hero p,.plaza-author-hero p{color:var(--muted)}.work-card-image>span{border:2px solid var(--pixel-border);background:var(--surface);color:var(--ink);box-shadow:2px 2px 0 var(--pixel-border);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0!important}.work-plaza-empty,.work-detail-info,.work-comments,.plaza-article,.article-comments,.message-shell,.conversation-list,.message-list,.work-detail-preview-switch,.detail-image-controls,.work-detail-image,.pattern-unlock-panel,.plaza-pagination button{background:var(--surface);color:var(--ink);border-color:var(--pixel-border);border-radius:0}.plaza-pagination button{border:2px solid var(--pixel-border);box-shadow:2px 2px 0 var(--pixel-border)}html[data-theme=night] .work-plaza-hero,html[data-theme=night] .plaza-author-hero,html[data-theme=night] .work-detail-info,html[data-theme=night] .work-comments,html[data-theme=night] .plaza-article,html[data-theme=night] .article-comments,html[data-theme=night] .message-shell,html[data-theme=night] .conversation-list,html[data-theme=night] .message-list,html[data-theme=night] .work-detail-preview-switch,html[data-theme=night] .detail-image-controls,html[data-theme=night] .pattern-unlock-panel,html[data-theme=night] .plaza-pagination button,html[data-theme=night] .work-card-image>span{color:var(--ink);border-color:var(--pixel-border);background:var(--surface)!important}html[data-theme=night] .work-card-image{background:var(--cream)!important}html[data-theme=night] .settings-panel,html[data-theme=night] .size-settings-panel{color:var(--ink);border-color:var(--pixel-border);background:var(--surface-2)!important}.material-stat{color:var(--ink);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;margin:3px 0;font-size:20px;font-weight:500;line-height:1.35}.material-stat b{font-weight:800}.compact-heading h2,.result-sidebar .compact-heading h2{-webkit-font-smoothing:antialiased;font-weight:500;line-height:1.35;font-family:var(--ui-font)!important;font-size:20px!important}.pixel-l0{box-shadow:none;background:0 0;border:0}.pixel-l1{border:var(--pixel-border-w) solid var(--pixel-border);border-radius:var(--pixel-radius);background:var(--surface);color:var(--ink);box-shadow:var(--pixel-shadow)}.pixel-l2,.settings-panel,.size-settings-panel,.board-settings-panel,.optimization-settings-panel,.privacy-note,.finished-size,.pixel-grid-note,.size-recommendation{color:var(--ink);box-shadow:var(--pixel-shadow-sm);border:var(--pixel-border-w-thin) solid var(--pixel-border)!important;border-radius:var(--pixel-radius)!important;background:var(--surface-2)!important}.privacy-note{background:var(--sage-soft)!important;color:var(--sage)!important}.privacy-note b{color:var(--sage)}.finished-size{background:var(--surface)!important}.finished-size b{color:var(--accent-dark)}.size-recommendation{background:var(--sage-soft)!important;color:var(--sage)!important}.pixel-grid-note{background:var(--accent-soft)!important;color:var(--accent-dark)!important}.pixel-l3,.card-title-row>div>span,.card-title-row>em,.quick-size-row button{box-shadow:var(--pixel-shadow-sm);border:var(--pixel-border-w-thin) solid var(--pixel-border)!important;border-radius:var(--pixel-radius)!important}.card-title-row>div>span{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-dark)}.card-title-row>em{background:var(--accent-soft);color:var(--accent-dark);padding:4px 9px;font-style:normal}.settings-panel legend{color:var(--ink);font-weight:800}.drop-zone{box-shadow:none;border:var(--pixel-border-w) dashed var(--pixel-border)!important;border-radius:var(--pixel-radius)!important;background:var(--cream)!important}.toggle-line>i,.toggle-card>i{background:var(--surface);width:36px;height:20px;box-shadow:inset 2px 2px #00000014;border:var(--pixel-border-w-thin) solid var(--pixel-border)!important;border-radius:var(--pixel-radius)!important}.toggle-line>i:after,.toggle-card>i:after{background:var(--surface);width:12px;height:12px;box-shadow:none;top:2px;left:2px;border:var(--pixel-border-w-thin) solid var(--pixel-border)!important;border-radius:var(--pixel-radius)!important}.toggle-line.active>i,.toggle-card.active>i{background:var(--sage)}.toggle-line.active>i:after,.toggle-card.active>i:after{transform:translate(16px)}html[data-theme] input[type=range]{-webkit-appearance:none;appearance:none;border:var(--pixel-border-w-thin) solid var(--pixel-border);border-radius:var(--pixel-radius);background:var(--surface);height:10px;box-shadow:inset 2px 2px #0000001f}html[data-theme] input[type=range]::-webkit-slider-runnable-track{border-radius:var(--pixel-radius);background:0 0;height:10px}html[data-theme] input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:var(--pixel-border-w-thin) solid var(--pixel-border);border-radius:var(--pixel-radius);background:var(--accent);width:16px;height:16px;box-shadow:var(--pixel-shadow-sm);cursor:pointer;margin-top:-5px}html[data-theme] input[type=range]::-moz-range-track{border:var(--pixel-border-w-thin) solid var(--pixel-border);border-radius:var(--pixel-radius);background:var(--surface);height:10px}html[data-theme] input[type=range]::-moz-range-thumb{border:var(--pixel-border-w-thin) solid var(--pixel-border);border-radius:var(--pixel-radius);background:var(--accent);width:16px;height:16px;box-shadow:var(--pixel-shadow-sm);cursor:pointer}html[data-theme] :is(.board-shape-icon.circle,.header-profile-avatar,.header-profile-avatar img,.site-header .header-profile span,.profile-avatar,.profile-avatar img,.comment-avatar,.comment-avatar img,.work-avatar,.work-avatar img,.plaza-author-avatar,.plaza-author-avatar img,.brand-mark i,.upload-bead-icon i,.empty-beads i,.palette-workflow i,.material-demo-row i,.material-card>i,.beading-mode-current>i,.cleanup-color-grid button>i){border-radius:var(--pixel-radius-circle)!important}.pixel-play-pads{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px 4px 0;display:none}.pixel-play-pads button{border:2px solid var(--pixel-border);background:var(--surface);min-height:40px;color:var(--ink);box-shadow:2px 2px 0 var(--pixel-border);cursor:pointer;font-size:12px;font-weight:800}@media (max-width:720px){.pixel-play-canvas{height:300px}.pixel-play-pads{display:grid}.pixel-mascot-bubble{width:min(176px,100vw - 148px);font-size:12px}}.pixel-play-nickname{color:var(--accent-dark);font-weight:800}