@media (max-width:1500px){.site-header{gap:18px;padding-left:30px;padding-right:30px}.main-nav{gap:12px}.nav-link{padding-left:10px;padding-right:10px}.header-actions{gap:8px}.language-trigger{min-width:118px}.page-shell.view-home .site-header{gap:18px;padding-left:28px;padding-right:28px}.page-shell.view-home .brand-copy strong{font-size:1.82rem}.page-shell.view-home .brand-copy span{font-size:.88rem}.page-shell.view-home .main-nav{gap:18px}.page-shell.view-home .nav-link{padding-left:14px;padding-right:14px;font-size:1rem}.page-shell.view-home .icon-button{width:52px;height:52px}.page-shell.view-home .language-trigger{min-width:154px;min-height:52px}.home-hero{grid-template-columns:minmax(430px,.78fr) minmax(650px,1.22fr);gap:52px;width:min(1440px,100% - 72px)}.hero-copy h1{font-size:5.9rem}.hero-subtitle{font-size:1.92rem}.home-launch-panel{min-height:620px;padding:34px 36px}.launch-column{padding-right:34px}.recent-column{padding-left:34px}.home-upload-drop{min-height:315px}}@media (max-width:1680px){.tool-strip{grid-template-columns:auto auto;grid-template-areas:"modes actions";justify-content:center;width:fit-content;max-width:min(100%,536px)}.canvas-status-bar{grid-template-columns:auto;width:auto}}@media (max-width:1320px){.site-header{gap:14px;padding-left:20px;padding-right:20px}.feature-band,.toolkit-band,.seo-guide-section,.content-grid,.game-cta,.faq-section{width:calc(100% - 32px)}.main-nav{gap:6px}.nav-link{min-height:38px;padding:0 8px;font-size:.9rem}.header-actions{gap:6px}.language-trigger{min-width:112px;min-height:42px;padding-left:12px;padding-right:10px}.language-menu{width:164px}.content-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-hero{grid-template-columns:1fr;gap:44px;width:min(980px,100% - 44px);padding-top:54px}.hero-copy h1{font-size:5.6rem}.hero-subtitle{font-size:1.82rem}.hero-body{font-size:1.05rem}}@media (max-width:1180px){.home-hero{grid-template-columns:1fr;width:min(100% - 64px,1180px);min-height:0}.hero-copy{max-width:720px}.home-launch-panel{width:100%}.view-studio .grid-maker-app,.page-shell.view-studio .grid-maker-app{grid-template-columns:320px minmax(500px,1fr)}.maker-rightbar{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;position:static;overflow:visible}.maker-rightbar .palette-panel{grid-column:1/-1}}@media (max-width:1040px){.site-header{grid-template-columns:minmax(0,1fr) auto auto auto}.menu-button{order:0;grid-area:1/4;place-self:center end;display:block}.main-nav{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;display:none;position:absolute;top:calc(100% + 8px);left:18px;right:18px}.site-header.is-menu-open .main-nav{display:grid}.header-actions{grid-area:1/3;justify-self:end}.feature-band,.toolkit-band,.seo-guide-section,.content-grid,.game-cta,.faq-section{width:min(100% - 56px,860px);margin-top:48px}.feature-band{grid-template-columns:repeat(2,minmax(0,1fr))}.toolkit-band,.seo-guide-section,.maker-info-section,.demo-card,.view-studio .grid-maker-app,.page-shell.view-studio .grid-maker-app{grid-template-columns:1fr}.maker-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;position:static;overflow:visible}.maker-rightbar{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.maker-rightbar .palette-panel{grid-column:1/-1}.numbered-palette--matrix{grid-template-rows:repeat(var(--palette-rows,7), clamp(24px, 3.4vw, 34px));gap:clamp(22px,2.4vw,28px) clamp(8px,1.1vw,13px);padding-bottom:12px}.numbered-palette--matrix .numbered-swatch{min-height:clamp(24px,3.4vw,34px)}.guides-directory-grid{grid-template-columns:1fr}.guide-topic-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-topic-layout{grid-template-columns:1fr}.guides-sidebar{order:-1;grid-template-columns:repeat(2,minmax(0,1fr))}.guides-sidebar .search-card,.guides-sidebar .start-card{grid-column:1/-1}}@media (max-width:900px){.home-launch-panel{grid-template-columns:1fr;min-height:0;padding:26px}.launch-column{border-right:0;border-bottom:1px solid var(--line-strong);padding-bottom:28px;padding-right:0}.recent-column{padding-top:28px;padding-left:0}.home-recent-body{min-height:0}}@media (min-width:761px) and (max-width:1040px){.view-studio .grid-maker-app,.page-shell.view-studio .grid-maker-app{grid-template-columns:minmax(250px,300px) minmax(0,1fr)}.maker-sidebar{grid-column:1;grid-template-columns:1fr;display:grid}.maker-canvas-area{grid-column:2}.maker-rightbar{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.maker-rightbar .palette-panel{grid-column:1/-1}}@media (max-width:760px){body{background:var(--page)}.site-header{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;height:auto;min-height:88px;padding:18px 22px}#guides,#palette,#gallery,#latest-guides,#faq,#pixel-grid-guide,#grid-maker{scroll-margin-top:106px}.brand{grid-area:1/1;align-self:center;min-width:0}.pixel-face{width:44px;height:44px}.brand-copy strong{font-size:1.5rem}.brand-copy span{font-size:.82rem}.menu-button{grid-area:1/2;place-self:center end;width:42px;height:42px}.header-actions{display:none}.main-nav{grid-template-columns:1fr;gap:9px;left:14px;right:14px}.mobile-nav-tools{border-top:1px dashed color-mix(in srgb, var(--line) 86%, transparent);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:10px;display:grid}.mobile-nav-tool{border:2px solid var(--pixel-line);min-width:0;min-height:46px;color:var(--ink);background:color-mix(in srgb, var(--surface-warm) 66%, var(--surface));box-shadow:3px 3px 0 var(--pixel-line);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 8px;font-size:.82rem;font-weight:950;line-height:1;display:inline-flex}.mobile-nav-tool .ui-icon{flex:none;width:18px;height:18px}.mobile-nav-tool:hover,.mobile-nav-tool:focus-visible{background:var(--yellow)}.mobile-language-dropdown{grid-column:1/-1}.mobile-language-dropdown .language-trigger{width:100%}.mobile-language-dropdown .language-menu{width:100%;left:0;right:0}.home-hero,.feature-band,.toolkit-band,.seo-guide-section,.content-grid,.game-cta,.faq-section,.site-footer,.guides-index-page{width:calc(100% - 28px)}.guides-index-page{padding-top:18px}.guides-hero{grid-template-columns:1fr;min-height:0;padding:28px 20px 42px}.guides-hero h1{font-size:clamp(2.8rem,13vw,4.5rem)}.guides-hero-art{justify-content:center;min-height:168px}.guides-hero-art img{width:min(340px,100%)}.guides-sidebar{grid-template-columns:1fr}.guides-list-toolbar{flex-direction:column;align-items:stretch}.guides-list-toolbar select{width:100%}.guide-topic-strip-heading,.guide-topic-section-heading{flex-direction:column;align-items:stretch}.guide-topic-strip-heading .outline-button{width:100%}.guide-topic-card-grid,.guide-topic-focus-list{grid-template-columns:1fr}.guides-list-card{grid-template-columns:1fr;gap:14px;padding:14px}.guide-card-arrow{position:absolute;bottom:12px;right:12px}.guides-help-strip{flex-direction:column;align-items:stretch}.guides-help-strip .outline-button{width:100%}.home-hero{gap:28px;padding:34px 0 0}.hero-copy h1{font-size:3.8rem}.hero-subtitle{margin-top:18px;font-size:1.52rem}.hero-body{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:36ch;margin-top:18px;font-size:.98rem;line-height:1.42;display:-webkit-box;overflow:hidden}.hero-actions{gap:12px;margin-top:24px;display:grid}.primary-button,.secondary-button,.outline-button,.green-button,.blue-button{width:100%;min-height:48px}.fan-note{margin-top:22px}.home-demo-card{padding:16px}.home-launch-panel{box-shadow:5px 5px 0 var(--pixel-line);border-width:2px;padding:20px 18px}.launch-heading,.recent-heading{gap:12px}.launch-heading h2,.recent-heading h2{font-size:1.2rem}.launch-heading p{font-size:.95rem}.home-upload-drop{border-radius:16px;min-height:236px;margin-top:20px;padding:22px}.upload-cloud-mark{width:78px;height:70px}.upload-cloud-mark svg{width:70px;height:70px}.home-upload-drop strong{font-size:1.12rem}.demo-image-button{width:100%}.recent-heading{align-items:center}.recent-view-all{min-height:40px;padding:0 14px}.recent-empty{padding-top:18px}.recent-empty-icon{width:86px;height:86px}.recent-skeleton span{min-height:64px}.recent-privacy{min-height:48px;margin-top:20px}.mobile-demo-title{display:block}.demo-media{grid-template-columns:1fr;gap:18px}.demo-media .grid-figure canvas{max-height:none}.segmented-grid{gap:9px}.compact-control-grid{grid-template-columns:1fr}.palette-strip{grid-template-columns:repeat(14,minmax(0,1fr));gap:5px}.feature-band{grid-template-columns:1fr;gap:12px;margin-top:34px;padding:20px 18px;display:grid}.feature-band article{border-bottom:0;grid-template-columns:52px 1fr;gap:14px;padding:14px 0}.feature-band article:last-child{border-bottom:0}.feature-band article:after,.guide-card:after{content:none}.feature-icon{width:44px;height:44px}.feature-band h2{font-size:1rem}.feature-band p{font-size:.9rem}.toolkit-band{grid-template-columns:1fr;gap:20px;margin-top:34px;padding:24px 18px}.toolkit-link-grid{grid-template-columns:1fr}.seo-guide-section{gap:24px;margin-top:38px;padding:24px 18px}.guide-detail-grid{grid-template-columns:1fr;gap:16px}.guide-detail{padding:18px}.tool-download-panel,.guide-media-grid{grid-template-columns:1fr}.tool-download-facts div{grid-template-columns:1fr;gap:4px}.size-table{font-size:.84rem}.content-grid{gap:26px;margin-top:38px}.section-heading{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px}.guide-grid{grid-template-columns:1fr;gap:16px}.guide-card{grid-template-columns:1fr;align-items:start;gap:14px;padding:14px;display:grid}.guide-thumb{width:100%;height:auto}.guide-card h3{margin-top:0;font-size:1rem}.guide-card p{font-size:.9rem}.updates-card{padding:24px 18px}.updates-card article{grid-template-columns:1fr;gap:6px}.mobile-only{margin-top:16px;display:flex}.game-cta{grid-template-columns:110px 1fr;gap:16px;padding:20px 18px}.faq-section{padding:24px 18px}.faq-section details{padding:18px 16px}.guide-article-page,.info-page{width:calc(100% - 28px);padding:24px 0 48px}.guide-article,.info-article{padding:22px 16px}.guide-article h1,.info-article h1{font-size:clamp(2.4rem,12vw,3.6rem)}.guide-article-cta{width:100%}.guide-faq-list{gap:10px}.guide-faq-list summary{grid-template-columns:30px minmax(0,1fr) 30px;gap:10px;min-height:58px;padding:12px 14px}.guide-faq-list summary:before,.guide-faq-list summary:after{width:30px;height:30px}.guide-faq-list p{padding:0 14px 18px 54px}.game-cta .primary-button{grid-column:1/-1}#avatar-canvas{width:100px}.faq-section{display:block}.view-studio .grid-maker-app,.page-shell.view-studio .grid-maker-app{background:var(--page);gap:14px;padding:14px}.maker-sidebar{order:1;grid-template-columns:1fr;display:contents}.upload-panel{order:1;gap:8px;padding:10px}.upload-panel .maker-panel-header{min-height:28px}.upload-panel .maker-panel-body{grid-template-columns:minmax(0,1fr) 72px;align-items:stretch;gap:8px}.upload-panel .maker-panel-body:not(.has-file-preview){grid-template-columns:minmax(0,1fr)}.upload-panel .file-chip{border:2px solid var(--line-strong);background:color-mix(in srgb, var(--surface-warm) 30%, var(--surface));border-radius:8px;order:2;grid-template-columns:1fr;place-items:center;min-height:86px;padding:8px 6px 6px;position:relative}.upload-panel .file-chip>div{display:none}.upload-panel #file-preview-canvas{border:2px solid color-mix(in srgb, var(--line-strong) 72%, transparent);border-radius:7px;width:58px;height:58px}.upload-panel .file-chip strong{font-size:.9rem;line-height:1.05}.upload-panel .file-chip span{font-size:.72rem;line-height:1.1}.upload-panel .drop-zone{width:auto;min-height:86px;box-shadow:none;border-style:solid;border-radius:8px;flex-direction:column;order:1;place-content:center;align-items:center;gap:5px;padding:10px;display:flex}.upload-panel .drop-zone:hover{box-shadow:2px 2px 0 var(--pixel-line)}.upload-panel .drop-image-icon{width:30px;height:30px;box-shadow:2px 2px 0 var(--pixel-line);border-radius:8px;margin:auto}.upload-panel .drop-image-icon svg{width:17px;height:17px}.upload-panel .drop-zone strong{font-size:0;line-height:1;display:block}.upload-panel .drop-zone strong:after{content:"Upload image";margin-top:1px;font-size:.92rem;line-height:1.05;display:block}.upload-panel .drop-zone>span:not(.drop-image-icon){font-size:0;line-height:1;display:block}.upload-panel .drop-zone>span:not(.drop-image-icon):after{content:"Tap to replace";color:var(--muted);font-size:.66rem;font-weight:850;line-height:1}.upload-panel .drop-image-icon:after{content:none}.upload-panel .drop-zone small{display:none}.upload-panel .file-chip button{border-color:var(--surface);width:26px;height:26px;color:var(--surface);background:var(--pixel-line);box-shadow:0 0 0 1px var(--pixel-line), 2px 2px 0 #12170f2e;border-radius:50%;position:absolute;top:-6px;right:-6px}.upload-panel .file-chip button .ui-icon{stroke-width:3.2px;width:12px;height:12px}.upload-panel .file-chip button:hover,.upload-panel .file-chip button:focus-visible{color:var(--ink);border-color:var(--pixel-line);background:var(--yellow);outline:0}.maker-rightbar{grid-template-columns:1fr;display:contents}.grid-settings-panel{order:2}.maker-canvas-area{order:3}.palette-panel{order:4}.maker-sidebar>.maker-panel:not(.upload-panel):not(.grid-settings-panel){order:7}.guide-promo{order:8}.copy-setup-panel,.preview-panel,.projects-panel{order:7}.maker-info-section{order:9;padding:22px 16px}.maker-info-grid{grid-template-columns:1fr}.maker-panel{padding:16px}.grid-settings-panel{border-radius:8px;gap:7px;padding:9px 10px 10px}.grid-settings-panel .maker-panel-header{display:none}.grid-settings-panel .maker-panel-header h2{gap:6px;font-size:.92rem}.grid-settings-panel .heading-icon{border:2px solid var(--pixel-line);width:18px;height:18px;color:var(--ink);background:var(--cyan);border-radius:4px;padding:2px}.grid-settings-panel .maker-panel-toggle{display:none}.grid-settings-panel .info-dot{border-color:var(--line-strong);width:14px;height:14px;color:var(--pixel-line);background:color-mix(in srgb, var(--surface-warm) 72%, #fff);font-size:.56rem;display:inline-grid}.grid-settings-panel .maker-panel-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px 12px}.grid-settings-panel .compact-control-grid,.grid-settings-panel .compact-custom-grid{grid-column:1/-1}.grid-settings-panel .compact-control-grid{grid-template-columns:1fr;gap:7px}.grid-settings-panel .compact-select-field{gap:5px;margin:0;display:grid}.grid-settings-panel .label-with-help,.grid-settings-panel .control-group h3{color:var(--ink);font-size:.72rem;line-height:1}.grid-settings-panel .label-with-help{gap:4px}.grid-settings-panel [data-canvas-preset-select] .compact-select-trigger,.grid-settings-panel [data-grid-size-select] .compact-select-trigger{display:none}.grid-settings-panel [data-canvas-preset-select] .compact-select-menu,.grid-settings-panel [data-grid-size-select] .compact-select-menu{min-width:0;max-height:none;box-shadow:none;opacity:1;pointer-events:auto;background:0 0;border:0;padding:0;position:static;overflow:visible;transform:none}.grid-settings-panel [data-canvas-preset-select] .compact-select-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.grid-settings-panel [data-grid-size-select] .compact-select-menu{border:2px solid var(--line-strong);background:color-mix(in srgb, var(--surface-warm) 36%, var(--surface));border-radius:5px;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;overflow:hidden}.grid-settings-panel .compact-select-menu button{min-width:0;color:var(--ink);box-shadow:none;text-align:center;white-space:normal}.grid-settings-panel [data-canvas-preset-select] .compact-select-menu button{border:2px solid var(--line-strong);background:color-mix(in srgb, var(--surface-warm) 34%, var(--surface));border-radius:8px;place-content:center;place-items:center;min-height:58px;padding:5px 4px;line-height:1;display:grid}.grid-settings-panel [data-canvas-preset-select] .compact-select-menu .mobile-custom-grid-option{display:grid}.grid-settings-panel .preset-card-label{display:none}.grid-settings-panel .preset-card-mobile{justify-items:center;gap:3px;width:100%;display:grid}.grid-settings-panel .preset-card-thumb{background:color-mix(in srgb, var(--surface-warm) 88%, #fff);border-radius:3px;width:15px;height:15px;display:block}.grid-settings-panel .preset-card-thumb--book,.grid-settings-panel .preset-card-thumb--interior{width:10px;height:20px}.grid-settings-panel .preset-card-thumb--tv,.grid-settings-panel .preset-card-thumb--video{width:24px;height:10px}.grid-settings-panel .preset-card-thumb--custom{border:2px dashed color-mix(in srgb, var(--surface-warm) 72%, var(--pixel-line));background:0 0;border-radius:4px;width:28px;height:18px}.grid-settings-panel .preset-card-title{font-family:var(--font-display);font-size:.78rem;line-height:.96}.grid-settings-panel .preset-card-meta{color:var(--muted);font-size:.58rem;font-weight:950;line-height:1}.grid-settings-panel [data-canvas-preset-select] .compact-select-menu button.is-active{border-color:var(--pixel-line);background:color-mix(in srgb, var(--cyan) 78%, var(--surface));box-shadow:inset 0 0 0 2px #ffffffb3}.grid-settings-panel [data-canvas-preset-select] .compact-select-menu button.is-active .preset-card-thumb:not(.preset-card-thumb--custom){background:var(--pixel-line)}.grid-settings-panel [data-grid-size-select] .compact-select-menu button{background:0 0;border:0;border-radius:0;justify-content:center;min-height:27px;padding:0 4px;font-size:.65rem}.grid-settings-panel [data-grid-size-select] .compact-select-menu button+button{border-left:1px solid var(--line-strong)}.grid-settings-panel [data-grid-size-select] [data-compact-select-value=custom]{display:none}.grid-settings-panel [data-grid-size-select] .compact-select-menu button.is-active{color:var(--ink);background:var(--cyan)}.grid-settings-panel .compact-select-menu button:after{display:none}.grid-settings-panel .control-group{grid-column:1;margin-top:0}.grid-settings-panel .segmented-grid{border:2px solid var(--line-strong);border-radius:5px;gap:0;overflow:hidden}.grid-settings-panel .segmented-grid[data-control-group=brush-size]{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-settings-panel .segmented-grid[data-control-group=brush-size] button{background:color-mix(in srgb, var(--surface-warm) 36%, var(--surface));border:0;border-radius:0;min-height:28px;padding:0 4px;font-size:.66rem}.grid-settings-panel .segmented-grid[data-control-group=brush-size] button+button{border-left:1px solid var(--line-strong)}.grid-settings-panel .segmented-grid[data-control-group=brush-size] button.is-active{color:var(--ink);background:var(--cyan)}.max-colors-field{background:0 0;border:0;border-radius:0;grid-column:2;align-self:start;margin-top:0;padding:0}.max-colors-field label{min-height:15px;color:var(--ink);align-items:center;margin-bottom:4px;font-size:.72rem;line-height:1}.max-colors-field output{background:var(--yellow);border-radius:4px;min-width:22px;padding:2px 4px;font-size:.7rem;line-height:1}.max-colors-field input[type=range]{height:12px}.max-colors-scale{color:var(--pixel-line);justify-content:space-between;font-size:.56rem;font-weight:950;line-height:1;display:flex}.grid-settings-panel .toggle-list{display:none}.mobile-section-title{color:var(--ink);font-family:var(--font-display);align-items:center;gap:8px;margin:0;font-size:1.08rem;line-height:1;display:flex}.maker-canvas-area{gap:10px;display:grid}.canvas-mobile-title{display:none}.canvas-card{order:1}.tool-strip{order:2;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"modes actions";justify-content:stretch;align-items:center;gap:6px;width:100%;padding:6px}.maker-tip{display:none}.tool-group{justify-content:stretch;width:100%}.tool-group--status,.tool-group--view{grid-template-columns:1fr;display:grid}.tool-buttons{width:100%;display:grid;overflow:visible}.tool-buttons--modes{scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.tool-buttons--modes::-webkit-scrollbar{display:none}.history-tools .icon-action,.tool-group--actions .icon-action{flex:1 1 0}.tool-group--actions{justify-content:stretch}.preview-quick-card,.export-primary-actions{grid-template-columns:1fr}.tool-button{flex:0 0 58px;gap:5px;width:58px;min-width:58px;min-height:46px;font-size:.68rem}.tool-strip .tool-icon{width:19px;height:19px}.tool-button:after{display:none}.zoom-percent-field{flex:none;width:100%;min-height:56px}.canvas-card{background:#f5fbff;grid-template-rows:auto auto;max-height:none;padding:0;position:relative;overflow:hidden}.canvas-stage{border-radius:calc(var(--radius) - 2px);align-items:stretch;min-height:0;overflow:auto}#editor-canvas{width:100%;min-width:0;box-shadow:none;border:0;border-radius:0;margin:0;display:block}.canvas-status-bar{z-index:5;border:2px solid color-mix(in srgb, var(--pixel-line) 72%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, #fff), color-mix(in srgb, var(--surface-warm) 56%, var(--surface))), var(--surface);border-radius:999px;grid-template-columns:auto;grid-template-areas:"view";width:auto;margin:0;padding:4px;position:absolute;top:12px;right:12px;box-shadow:0 10px 20px #12170f1a,0 3px #12170f33}.tool-group--history,.tool-group--status,.preview-toggle{display:none}.canvas-status-bar .tool-group--view{background:0 0;border:0;width:auto;min-height:0;padding:0;display:block}.canvas-status-bar .tool-buttons--view{grid-template-columns:34px 56px 34px;align-items:center;gap:4px;width:auto;display:grid}.canvas-status-bar .tool-button{background:color-mix(in srgb, var(--surface) 76%, var(--surface-warm));width:34px;min-width:34px;min-height:32px;box-shadow:none;border:1px solid #0000;border-radius:999px;padding:5px;font-size:0}.canvas-status-bar .tool-icon{width:16px;height:16px}.canvas-status-bar .zoom-percent-field{border:1px solid color-mix(in srgb, var(--pixel-line) 24%, var(--line));border-right:1px solid color-mix(in srgb, var(--pixel-line) 24%, var(--line));background:color-mix(in srgb, var(--surface) 86%, var(--surface-warm));border-radius:999px;width:56px;min-height:32px;padding:2px;box-shadow:inset 0 1px #ffffff85}.canvas-status-bar .zoom-percent-input{min-height:26px;box-shadow:none;background:0 0;border:0;border-radius:999px;padding:0 3px;font-size:.68rem}.export-panel{display:none}.mobile-canvas-download{z-index:30;border:2px solid color-mix(in srgb, var(--pixel-line) 74%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--cyan) 82%, #fff), color-mix(in srgb, var(--cyan) 62%, var(--surface))), var(--cyan);border-radius:999px;grid-template-columns:minmax(0,1fr) 40px;gap:0;width:min(52%,178px);display:grid;position:absolute;top:auto;bottom:12px;right:12px;overflow:visible;box-shadow:0 12px 24px #12170f1f,0 4px #12170f38}.mobile-canvas-download .primary-button,.mobile-download-menu summary{min-height:40px;box-shadow:none;color:var(--ink);font-family:var(--font-display);background:0 0;border:0;border-radius:0;padding:5px 8px;font-size:.78rem;line-height:1}.mobile-canvas-download .primary-button{white-space:nowrap;border-radius:999px 0 0 999px;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.mobile-canvas-download .primary-button .button-icon{width:23px;height:23px;color:var(--cyan);background:var(--pixel-line);stroke-width:2.8px;border-radius:999px;flex:none;padding:4px}.mobile-download-menu{min-width:0;position:relative}.mobile-download-menu summary{border-left:2px solid color-mix(in srgb, var(--pixel-line) 28%, transparent);cursor:pointer;border-radius:0 999px 999px 0;place-items:center;height:100%;font-size:0;list-style:none;display:grid}.mobile-download-menu summary::-webkit-details-marker{display:none}.mobile-download-menu summary .button-icon{stroke-width:3px;width:17px;height:17px;transition:transform .15s}.mobile-download-menu summary:hover,.mobile-download-menu summary:focus-visible,.mobile-download-menu[open] summary .button-icon{color:var(--pixel-line)}.mobile-download-menu[open] summary{background:color-mix(in srgb, var(--yellow) 56%, transparent)}.mobile-download-menu[open] summary .button-icon{transform:rotate(180deg)}.mobile-download-menu-list{top:var(--download-menu-top,12px);left:var(--download-menu-left,12px);z-index:80;width:min(86vw,304px);max-height:var(--download-menu-max-height,min(54vh, 360px));border:2px solid var(--pixel-line);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, #fff), color-mix(in srgb, var(--surface-warm) 72%, var(--surface))), var(--surface);border-radius:16px;gap:6px;padding:10px;display:grid;position:fixed;overflow-y:auto;box-shadow:0 16px 32px #12170f29,0 4px #12170f3d}.mobile-download-menu:not([open]) .mobile-download-menu-list{display:none}.mobile-download-menu-list button{border:1px solid color-mix(in srgb, var(--pixel-line) 18%, var(--line));min-height:58px;color:var(--ink);background:color-mix(in srgb, var(--surface) 78%, var(--surface-warm));text-align:left;border-radius:10px;gap:3px;padding:8px 10px;display:grid}.mobile-download-menu-list button:hover,.mobile-download-menu-list button:focus-visible{color:var(--ink);background:color-mix(in srgb, var(--cyan) 38%, var(--surface));outline:0}.mobile-download-menu-list strong{font-family:var(--font-display);font-size:.98rem;line-height:1.05}.mobile-download-menu-list span{color:var(--muted);font-size:.74rem;font-weight:850;line-height:1.25}.mobile-download-menu-list button:hover span,.mobile-download-menu-list button:focus-visible span{color:var(--ink)}.palette-panel .maker-panel-header h2{color:var(--ink);font-size:0}.palette-panel .maker-panel-header h2:before{content:"4. Colours";font-size:1rem}#palette .maker-panel-header h2{font-size:0}#palette .maker-panel-header h2:before{content:"Palette settings";font-size:1rem}.palette-panel .palette-controls{margin-bottom:8px}.palette-panel .palette-controls .choice-grid,.palette-panel .palette-controls .compact-toggle{display:none}.palette-panel .palette-used-summary{font-size:.84rem}.palette-panel:has(.numbered-palette--matrix){border-color:color-mix(in srgb, var(--palette-matrix-text) 86%, #fff);color:var(--palette-matrix-text);background:radial-gradient(circle at 12px 12px,#fff4d60f 1px,#0000 2px) 0 0/28px 28px,#2c211a}.palette-panel:has(.numbered-palette--matrix) .maker-panel-header h2{color:var(--palette-matrix-text)}.palette-panel:has(.numbered-palette--matrix) .palette-used-summary{color:var(--palette-matrix-text)}.palette-panel:has(.numbered-palette--matrix) .info-dot{border-color:color-mix(in srgb, var(--palette-matrix-text) 72%, transparent);color:var(--palette-matrix-text);background:color-mix(in srgb, var(--pixel-line) 56%, transparent)}.numbered-palette{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;padding:2px;display:grid;overflow:visible}.numbered-palette--matrix{grid-template-columns:repeat(11,minmax(0,1fr)) 6px minmax(0,1.08fr);grid-template-rows:repeat(var(--palette-rows,7), clamp(24px, 6.8vw, 36px));isolation:isolate;grid-auto-flow:row;align-items:center;gap:clamp(10px,2.4vw,14px) clamp(4px,1.2vw,7px);padding:2px 2px 12px 0;position:relative}.numbered-palette--matrix:after{content:"";border-left:3px dashed color-mix(in srgb, var(--palette-matrix-text) 82%, transparent);grid-area:1/12/-1;place-self:stretch center}.numbered-swatch{border-radius:8px;flex:none;width:100%;min-width:0;min-height:0;font-size:.56rem;position:relative}.numbered-palette--matrix .numbered-swatch{grid-column:var(--palette-column);grid-row:var(--palette-row);z-index:1;color:#0000;width:100%;min-height:clamp(24px,6.8vw,36px);transform:rotate(var(--swatch-tilt,0deg));border:0;border-radius:62% 38% 56% 44%/46% 58% 42% 54%;font-size:0;overflow:visible;box-shadow:inset -2px -3px #12170f2e,0 1px #ffffff42}.numbered-palette--matrix .numbered-swatch:nth-child(3n){border-radius:42% 58% 45% 55%/54% 42% 58% 46%}.numbered-palette--matrix .numbered-swatch:nth-child(4n){border-radius:55% 45% 62% 38%/40% 58% 42% 60%}.numbered-palette--matrix .numbered-swatch.is-active{z-index:var(--palette-stack,30);outline-color:color-mix(in srgb, var(--palette-matrix-check) 76%, transparent)}.numbered-palette--matrix .numbered-swatch.is-used{z-index:var(--palette-stack,20)}.numbered-palette--matrix .numbered-swatch.is-highlighted{z-index:var(--palette-stack,32)}.numbered-palette--matrix .numbered-swatch.is-used:before{content:attr(data-matrix-label);z-index:3;border:2px solid var(--palette-matrix-text);min-width:23px;color:var(--palette-matrix-badge-text);background:var(--palette-matrix-badge-bg);text-align:center;text-shadow:none;transform:rotate(calc(var(--swatch-tilt,0deg) * -1));border-radius:999px;padding:1px 3px 2px;font-size:clamp(.46rem,1.7vw,.62rem);font-weight:950;line-height:1;position:absolute;top:auto;bottom:1px;right:-5px}.numbered-swatch.is-used:after{content:"✓";border:2px solid var(--pixel-line);width:16px;height:16px;color:var(--ink);background:var(--yellow);border-radius:50%;place-items:center;font-size:.68rem;line-height:1;display:grid;position:absolute;bottom:-4px;right:-4px}.numbered-palette--matrix .numbered-swatch.is-used:after{z-index:4;border-color:var(--palette-matrix-text);background:var(--pixel-line);width:14px;height:14px;color:var(--palette-matrix-check);transform:rotate(calc(var(--swatch-tilt,0deg) * -1));font-size:.58rem;top:auto;bottom:-7px;right:-5px}.maker-tip{align-items:flex-start;padding:14px}.site-footer{margin-top:28px;padding-bottom:28px}.footer-panel{box-shadow:5px 5px 0 var(--pixel-line);grid-template-columns:1fr;gap:18px;padding:18px}.footer-panel:before{-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.footer-panel:after{opacity:.1;transform-origin:100% 100%;bottom:14px;right:10px;transform:rotate(-8deg)scale(.82)}.footer-brand-card{gap:16px}.footer-brand-lockup{align-items:flex-start}.footer-brand-lockup p{max-width:none;font-size:.9rem}.footer-swatch-row span{width:22px;height:22px}.footer-nav-grid{grid-template-columns:1fr;gap:10px}.footer-link-group{padding:12px 14px}.footer-link-group a{min-height:40px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}}.page-shell.studio-mode-generator .grid-maker-app{background:0 0;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:16px;width:min(1120px,100% - 44px);min-height:auto;margin:0 auto;padding:0 0 44px}.page-shell.studio-mode-generator .maker-panel,.page-shell.studio-mode-generator .tool-strip,.page-shell.studio-mode-generator .canvas-card{border-color:color-mix(in srgb, var(--pixel-line) 62%, var(--line-strong));background:linear-gradient(180deg, #ffffffb8, #ffffff29), color-mix(in srgb, var(--surface-warm) 26%, var(--surface));box-shadow:4px 4px #12170f24}.page-shell.studio-mode-generator .maker-panel{gap:12px;padding:16px}.page-shell.studio-mode-generator .maker-panel h2{font-size:.98rem}.page-shell.studio-mode-generator .maker-panel-toggle{background:color-mix(in srgb, var(--surface) 72%, var(--yellow));box-shadow:2px 2px 0 color-mix(in srgb, var(--pixel-line) 22%, transparent)}.page-shell.studio-mode-generator .drop-zone{border-color:color-mix(in srgb, var(--pixel-line) 48%, var(--line-strong));background:linear-gradient(135deg, color-mix(in srgb, var(--cyan) 12%, transparent), transparent 48%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 88%, #fff), color-mix(in srgb, var(--surface-warm) 30%, var(--surface)))}.page-shell.studio-mode-generator .compact-select-trigger,.page-shell.studio-mode-generator .segmented-grid,.page-shell.studio-mode-generator .choice-grid{border-color:color-mix(in srgb, var(--pixel-line) 48%, var(--line-strong));box-shadow:2px 2px 0 color-mix(in srgb, var(--pixel-line) 14%, transparent)}.page-shell.studio-mode-generator .tool-strip{width:100%;margin:0}.page-shell.studio-mode-generator .canvas-card{margin-top:0}.page-shell.studio-mode-generator .canvas-status-bar{border-color:color-mix(in srgb, var(--pixel-line) 62%, var(--line-strong));box-shadow:2px 2px 0 color-mix(in srgb, var(--pixel-line) 18%, transparent)}.page-shell.studio-mode-generator .maker-rightbar,.page-shell.studio-mode-generator [data-collapsible-panel=colors],.page-shell.studio-mode-generator .guide-promo,.page-shell.studio-mode-generator .maker-info-section,.page-shell.studio-mode-generator .maker-tip,.page-shell.studio-mode-generator .studio-advanced-control,.page-shell.studio-mode-generator .toggle-row--game-alignment,.page-shell.studio-mode-generator .toggle-row--focus-mode,.page-shell.studio-mode-generator .tool-group--actions,.page-shell.studio-mode-generator button[data-tool=Pick],.page-shell.studio-mode-generator button[data-tool=Select],.page-shell.studio-mode-generator button[data-tool=Move]{display:none}.page-shell.studio-mode-generator .maker-sidebar{grid-template-columns:1fr}.page-shell.studio-mode-generator .grid-settings-panel{gap:10px}.page-shell.studio-mode-generator .maker-canvas-area{gap:12px;display:grid}.page-shell.studio-mode-generator .tool-strip{grid-template-columns:minmax(0,1fr);grid-template-areas:"modes"}.page-shell.studio-mode-generator .tool-buttons--modes{grid-template-columns:repeat(3,minmax(0,1fr))}.page-shell.studio-mode-generator .canvas-card{overscroll-behavior:auto;min-height:min(70svh,720px)}.page-shell.studio-mode-generator .canvas-stage{overscroll-behavior:auto}.page-shell.studio-mode-generator #editor-canvas{touch-action:pan-y}@media (max-width:1040px){.page-shell.studio-mode-generator .grid-maker-app,.page-shell.studio-mode-generator .pixel-generator-feature-band,.page-shell.studio-mode-generator .pixel-generator-toolkit-band,.page-shell.studio-mode-generator .pixel-generator-guide-section,.page-shell.studio-mode-generator .pixel-generator-final-cta,.page-shell.studio-mode-generator .pixel-generator-content-grid .guide-grid{grid-template-columns:1fr}}@media (max-width:760px){.generator-intro-copy{grid-template-columns:1fr;gap:12px;width:min(100% - 28px,1120px);padding:21px 0 16px}.generator-intro h1{font-size:clamp(2.18rem,8.6vw,2.75rem)}.generator-intro p{font-size:.98rem}.generator-intro-flow{box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0}.generator-intro-flow article{grid-template-columns:1fr;align-content:start;gap:7px;min-height:76px;padding:8px}.generator-intro-flow span{width:30px;height:30px}.generator-intro-flow p{display:none}.page-shell.studio-mode-generator .feature-band,.page-shell.studio-mode-generator .toolkit-band,.page-shell.studio-mode-generator .seo-guide-section,.page-shell.studio-mode-generator .content-grid,.page-shell.studio-mode-generator .faq-section,.page-shell.studio-mode-generator .game-cta{width:min(100% - 28px,1120px);margin-top:28px}.page-shell.studio-mode-generator .pixel-generator-feature-band article{grid-template-columns:52px minmax(0,1fr);gap:14px}.page-shell.studio-mode-generator .pixel-generator-final-cta .primary-button{justify-self:stretch;width:100%}.page-shell.studio-mode-generator .grid-maker-app{gap:10px;width:min(100% - 28px,1120px);padding:0 0 28px}.page-shell.studio-mode-generator .maker-sidebar{order:1;grid-template-columns:1fr;display:grid}.page-shell.studio-mode-generator .upload-panel{order:1}.page-shell.studio-mode-generator .grid-settings-panel{order:2}.page-shell.studio-mode-generator .maker-canvas-area{order:3}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
:root{--animal-primary-color:#1aa79a;--animal-primary-color-hover:#25beb0;--animal-primary-color-active:#11897f;--animal-primary-color-bg:#e5f7f1;--animal-success-color:#78b957;--animal-success-color-hover:#8bc96a;--animal-success-color-active:#5f9840;--animal-warning-color:#f5c45b;--animal-warning-color-hover:#ffd475;--animal-warning-color-active:#cc9a37;--animal-error-color:#e36f73;--animal-error-color-hover:#ed8589;--animal-error-color-active:#ba4f53;--animal-text-color:#4b3925;--animal-text-color-secondary:#76684f;--animal-text-color-muted:#76684f;--animal-border-color:#cfbd9d;--animal-border-color-hover:#8d7551;--animal-border-color-light:#eadfc7;--animal-bg-color:#fffdf2;--animal-bg-color-secondary:#f2ead4;--animal-border-radius-sm:18px;--animal-border-radius-base:22px;--animal-border-radius-lg:30px;--animal-shadow-sm:0 3px 0 #7459323d;--animal-shadow-base:0 10px 24px #49382221, 0 4px 0 #7459322e;--animal-shadow-lg:0 22px 52px #364a3329, 0 5px 0 #74593229;--island-leaf:#78b957;--island-moss:#4f8c4b;--island-sun:#f5c45b;--island-sky:#81c9d7;--island-berry:#e36f73;--island-cocoa:#4b3925;--island-shell:#fffdf2;--island-sand:#f2ead4;--island-radius:24px;--island-shadow:0 16px 34px #47372124, 0 4px 0 #74593229;--page:#f4f6e7;--page-soft:#e8f4e5;--surface:#fffdf2;--surface-warm:#f2ead4;--surface-pink:#ffe5df;--ink:#3f301f;--muted:#6e624d;--soft-muted:#7e735d;--line:#ded0b5;--line-strong:#c9b28c;--pixel-line:#7b6240;--pink:#e36f73;--pink-2:#f49aa0;--yellow:#f5c45b;--blue:#4d9fca;--cyan:#1aa79a;--green:#78b957;--purple:#8f82c8;--orange:#eba354;--shadow:var(--island-shadow);--shadow-soft:0 8px 18px #4737211c, 0 3px 0 #7459321f;--shadow-lift:0 18px 42px #364a3329;--radius:var(--island-radius);--radius-sm:18px;--font-display:"Zen Maru Gothic", "Nunito", "Noto Sans SC", serif;--font-body:"Nunito", "Noto Sans SC", "Avenir Next", sans-serif;--animal-font-family:"Nunito", "Noto Sans SC", "Zen Maru Gothic", "Avenir Next", sans-serif!important}:root[data-theme=dark]{--animal-primary-color:#62d5c8;--animal-primary-color-hover:#86e2d7;--animal-primary-color-active:#44bfb1;--animal-primary-color-bg:#153b39;--animal-success-color:#9dda78;--animal-warning-color:#ffd77d;--animal-error-color:#ff9a9e;--animal-text-color:#fff7e7;--animal-text-color-secondary:#d9cdb5;--animal-text-color-muted:#d9cdb5;--animal-border-color:#75654c;--animal-border-color-hover:#b79f73;--animal-border-color-light:#4b4438;--animal-bg-color:#232c29;--animal-bg-color-secondary:#2d382f;--island-leaf:#9dda78;--island-moss:#6bb86a;--island-sun:#ffd77d;--island-sky:#8bdde6;--island-berry:#ff9a9e;--island-cocoa:#fff7e7;--island-shell:#232c29;--island-sand:#2d382f;--island-shadow:0 16px 34px #0000005c, 0 4px 0 #00000038;--page:#161f1d;--page-soft:#202c27;--surface:#26312d;--surface-warm:#30372d;--surface-pink:#3d3030;--ink:#fff7e7;--muted:#d9cdb5;--soft-muted:#c6baa2;--line:#5b5142;--line-strong:#827056;--pixel-line:#d3bd8b;--yellow:#6a5525;--shadow:var(--island-shadow);--shadow-soft:0 8px 18px #00000042, 0 3px 0 #0000002e;--shadow-lift:0 18px 42px #00000057}html{background:var(--page);max-width:100%;overflow-x:hidden}body{max-width:100%;color:var(--ink);font-family:var(--font-body);background:linear-gradient(135deg, #78b9571f 0 18%, transparent 18% 100%), linear-gradient(45deg, transparent 0 74%, #81c9d729 74% 100%), repeating-linear-gradient(0deg, #7b62400b 0 1px, transparent 1px 28px), repeating-linear-gradient(90deg, #7b624009 0 1px, transparent 1px 28px), var(--page);overflow-x:hidden}.ui-icon,.button-icon,.tool-icon,.inline-icon,.heading-icon,.drop-image-icon svg,.feature-icon svg{stroke-width:2.25px;filter:drop-shadow(0 1px 0 color-mix(in srgb, var(--surface) 72%, transparent))}.button-icon,.tool-icon,.inline-icon,.heading-icon{transition:color .16s,transform .16s,filter .16s}.icon-button .ui-icon,.mobile-nav-tool .ui-icon,.language-trigger .ui-icon,.maker-panel-toggle .ui-icon,.compact-select-trigger .ui-icon{color:color-mix(in srgb, var(--island-moss) 82%, var(--pixel-line))}.icon-button:hover .ui-icon,.icon-button:focus-visible .ui-icon,.mobile-nav-tool:hover .ui-icon,.mobile-nav-tool:focus-visible .ui-icon,.language-trigger:hover .ui-icon,.language-trigger:focus-visible .ui-icon,.maker-panel-toggle:hover .ui-icon,.maker-panel-toggle:focus-visible .ui-icon,.guide-card-arrow:hover .inline-icon{color:color-mix(in srgb, var(--island-berry) 72%, var(--pixel-line));transform:rotate(-3deg)scale(1.06)}.theme-toggle .sun-glyph{color:#d99b22}.theme-toggle .moon-glyph{color:color-mix(in srgb, var(--island-sky) 82%, var(--pixel-line))}.drop-image-icon svg{color:var(--island-moss)}.page-shell{overflow-x:clip}:root[data-theme=dark] body{background:linear-gradient(135deg, #62d5c81a 0 18%, transparent 18% 100%), linear-gradient(45deg, transparent 0 74%, #9dda7817 74% 100%), repeating-linear-gradient(0deg, #fff7e70d 0 1px, transparent 1px 28px), repeating-linear-gradient(90deg, #fff7e709 0 1px, transparent 1px 28px), var(--page)}::selection{color:var(--ink);background:color-mix(in srgb, var(--island-sun) 76%, white)}.page-shell.view-home,.view-studio .grid-maker-app,.page-shell.view-studio .grid-maker-app{background:linear-gradient(135deg, #78b9571a 0 20%, transparent 20% 100%), linear-gradient(45deg, transparent 0 76%, #81c9d729 76% 100%), repeating-linear-gradient(0deg, #7b62400a 0 1px, transparent 1px 26px), repeating-linear-gradient(90deg, #7b624009 0 1px, transparent 1px 26px), var(--page)}.site-header,.page-shell.view-home .site-header{border-bottom:2px solid color-mix(in srgb, var(--pixel-line) 62%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, white), color-mix(in srgb, var(--surface-warm) 72%, var(--surface))), var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:88px;box-shadow:0 8px 24px #46361f1a}.brand{gap:12px}.pixel-face,.small-face{border:2px solid color-mix(in srgb, var(--pixel-line) 40%, transparent);background:var(--surface);image-rendering:auto;border-radius:18px;box-shadow:0 4px #7b62402e}.brand-copy strong,.footer-brand-lockup strong,.hero-copy h1,.toolkit-hero h1,.guides-hero h1,.gallery-hero h1,.palette-hero h1,.lingo-workbench-copy h1{font-family:var(--font-display);letter-spacing:0;text-shadow:none;font-weight:900}.brand-copy strong{color:var(--ink)}.brand-copy span{color:var(--muted)}.nav-link,.page-shell.view-home .nav-link{color:var(--ink);box-shadow:none;background:0 0;border:2px solid #0000;border-radius:999px;font-weight:900}.nav-link:hover,.nav-link:focus-visible,.nav-link.is-active,.page-shell.view-home .nav-link:hover,.page-shell.view-home .nav-link:focus-visible,.page-shell.view-home .nav-link.is-active{color:var(--ink);border-color:color-mix(in srgb, var(--island-moss) 62%, var(--line));background:linear-gradient(180deg, #ffffff6b, transparent), color-mix(in srgb, var(--island-sun) 68%, var(--surface));transform:translateY(-1px);box-shadow:0 4px #74593238}.icon-button,.menu-button,.language-trigger,.mobile-nav-tool,.maker-panel-toggle{border-color:color-mix(in srgb, var(--pixel-line) 72%, var(--line));background:linear-gradient(180deg, #ffffff85, transparent), var(--surface);border-radius:999px;box-shadow:0 4px #74593233}.menu-button span{background:color-mix(in srgb, var(--island-moss) 82%, var(--pixel-line));height:4px;box-shadow:0 1px 0 color-mix(in srgb, var(--surface) 74%, transparent);border-radius:999px 999px 999px 2px}.menu-button span:first-child{width:20px;transform:translate(-4px)rotate(-5deg)}.menu-button span:nth-child(2){width:28px}.menu-button span:nth-child(3){width:22px;transform:translate(3px)rotate(5deg)}.icon-button:hover,.icon-button:focus-visible,.menu-button:hover,.menu-button:focus-visible,.language-trigger:hover,.language-trigger:focus-visible,.language-dropdown.is-open .language-trigger,.mobile-nav-tool:hover,.mobile-nav-tool:focus-visible,.maker-panel-toggle:hover,.maker-panel-toggle:focus-visible{background:linear-gradient(180deg, #ffffff80, transparent), color-mix(in srgb, var(--island-sun) 68%, var(--surface));transform:translateY(1px);box-shadow:0 2px #74593238}.language-menu{border-color:color-mix(in srgb, var(--pixel-line) 54%, var(--line));background:var(--surface);box-shadow:var(--shadow-lift);border-radius:22px}.language-menu button,.language-menu button.is-active{border-radius:999px}.language-menu button.is-active,.language-menu button:hover,.language-menu button:focus-visible{color:var(--ink);background:color-mix(in srgb, var(--island-leaf) 24%, var(--surface))}.home-hero{position:relative}.home-hero:before,.toolkit-hero:after,.guides-hero:after,.gallery-hero:after,.palette-hero:after{content:"";pointer-events:none;border:2px dashed color-mix(in srgb, var(--island-leaf) 42%, transparent);opacity:.42;border-radius:55% 45% 52% 48%/46% 52% 48% 54%;position:absolute}.home-hero:before{width:min(34vw,460px);height:min(22vw,300px);bottom:7%;right:2%;transform:rotate(-5deg)}.hero-subtitle,.section-kicker,.guide-category-label,.gallery-card-meta span,.footer-link-group p,.palette-category-swatch-name{color:var(--island-moss)}.hero-body,.toolkit-hero p,.guides-hero p,.gallery-hero p,.palette-hero-copy>p,.guide-card p,.feature-band p,.gallery-card p,.palette-board-header p,.footer-brand-lockup p{color:var(--muted)}.primary-button,.secondary-button,.outline-button,.green-button,.blue-button,.project-new-button,.lingo-generate-button,.lingo-copy-all-button,.lingo-copy-button,.guides-pagination button,.guide-category-list button,.palette-action-stack button,.palette-display-toggle button,.palette-preview-tabs button,.palette-code-list button,.compact-select-trigger,.segmented-grid button,.choice-grid button,.tool-button,.icon-action,.download-menu-button,.preview-toggle,.mobile-download-menu summary{border:2px solid color-mix(in srgb, var(--pixel-line) 64%, var(--line));color:var(--ink);background:linear-gradient(180deg, #ffffff7a, transparent 55%), var(--surface);font-family:var(--font-body);border-radius:999px;font-weight:900;box-shadow:0 4px #74593233}.primary-button,.green-button,.lingo-generate-button,.project-new-button{color:#3f301f;border-color:color-mix(in srgb, var(--island-moss) 70%, var(--pixel-line));background:linear-gradient(180deg, #ffffff70, transparent 54%), var(--island-sun)}.blue-button{color:#183036;border-color:color-mix(in srgb, var(--island-sky) 74%, var(--pixel-line));background:linear-gradient(180deg, #fff6, transparent 54%), var(--island-sky)}.secondary-button,.outline-button{color:var(--ink);background:linear-gradient(180deg, #ffffff80, transparent 54%), color-mix(in srgb, var(--island-leaf) 18%, var(--surface))}.primary-button:hover,.primary-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible,.outline-button:hover,.outline-button:focus-visible,.green-button:hover,.green-button:focus-visible,.blue-button:hover,.blue-button:focus-visible,.project-new-button:hover,.project-new-button:focus-visible,.lingo-generate-button:hover,.lingo-copy-all-button:hover,.lingo-copy-button:hover,.guides-pagination button:hover,.guides-pagination button:focus-visible,.guide-category-list button:hover,.guide-category-list button:focus-visible,.palette-action-stack button:hover,.palette-display-toggle button:hover,.palette-preview-tabs button:hover,.palette-code-list button:hover,.segmented-grid button:hover,.choice-grid button:hover,.tool-button:hover,.icon-action:hover{transform:translateY(2px);box-shadow:0 2px #7459323d}.guides-pagination button.is-active,.guide-category-list button.is-active,.palette-display-toggle button.is-active,.palette-preview-tabs button.is-active,.segmented-grid button.is-active,.choice-grid button.is-active,.tool-button.is-active,.lingo-segment-grid button.is-selected,.lingo-limit-row button.is-selected{border-color:color-mix(in srgb, var(--island-moss) 76%, var(--pixel-line));background:linear-gradient(180deg, #ffffff6b, transparent), color-mix(in srgb, var(--island-leaf) 38%, var(--surface))}.home-launch-panel,.demo-card,.feature-band,.seo-guide-section,.game-workflow-section,.content-grid,.toolkit-hero,.toolkit-section,.toolkit-band,.guides-hero,.guides-list-panel,.guides-side-card,.guides-help-strip,.gallery-hero,.gallery-featured-card,.gallery-card,.gallery-category-card,.gallery-submit-strip,.gallery-tip,.palette-hero,.palette-about-card,.palette-family-stat-card,.palette-tool-panel,.palette-board,.palette-detail-card,.palette-preview-card,.palette-download-card,.palette-tips-card,.palette-use-card,.maker-panel,.tool-strip,.canvas-card,.maker-tip,.guide-promo,.faq-section,.game-cta,.plain-dialog,.project-dialog,.lingo-workbench,.lingo-workbench-note,.lingo-generator-panel,.lingo-controls,.lingo-results,.lingo-result-card,.item-plan-main,.item-plan-aside,.planner-card{border-color:color-mix(in srgb, var(--pixel-line) 52%, var(--line));border-radius:var(--island-radius);background:linear-gradient(180deg, #ffffff8c, #ffffff14), var(--surface);box-shadow:var(--shadow-soft)}.home-launch-panel,.toolkit-hero,.guides-hero,.gallery-hero,.palette-hero,.lingo-workbench{background:linear-gradient(135deg, color-mix(in srgb, var(--island-sky) 20%, transparent), transparent 36%), linear-gradient(45deg, transparent 55%, color-mix(in srgb, var(--island-leaf) 16%, transparent)), var(--surface);box-shadow:var(--shadow);position:relative;overflow:hidden}.palette-hero{padding:clamp(28px,4vw,52px) clamp(24px,5vw,64px)}.home-launch-panel:before,.guides-hero:before,.gallery-hero:before{opacity:.22;background:repeating-linear-gradient(90deg,#7b62401f 0 2px,#0000 2px 16px),repeating-linear-gradient(0deg,#7b624014 0 2px,#0000 2px 16px)}.demo-card,.guide-card,.guides-list-card,.gallery-featured-card,.gallery-card,.gallery-category-card,.palette-family-card,.palette-category-swatch-card,.lingo-result-card,.planner-card,.item-plan-link-list a,.popular-guide-list li{border-color:color-mix(in srgb, var(--pixel-line) 46%, var(--line));background:linear-gradient(180deg, #ffffff80, transparent 62%), var(--surface);box-shadow:var(--shadow-soft);border-radius:24px}.guide-card:hover,.guide-card:focus-visible,.guides-list-card:hover,.guides-list-card:focus-visible,.gallery-featured-card:hover,.gallery-featured-card:focus-visible,.gallery-card:hover,.gallery-card:focus-visible,.gallery-category-card:hover,.gallery-category-card:focus-visible,.palette-family-card:hover,.palette-category-swatch-card:hover,.item-plan-link-list a:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.feature-band article,.footer-link-group,.faq-section details,.guide-faq-list details,.gallery-card dl div,.project-search-field,.drop-zone,.upload-panel .file-chip,.selected-color,.selected-cell,.palette-code-list button,.palette-family-card,.palette-game-preview,.lingo-safe-toggle,.lingo-select-shell,.lingo-result-meta span{border-color:color-mix(in srgb, var(--pixel-line) 34%, var(--line));background:color-mix(in srgb, var(--island-sand) 48%, var(--surface));border-radius:18px;box-shadow:inset 0 -2px #74593214}.maker-info-section.grid-maker-search-guide{border:2px solid color-mix(in srgb, var(--pixel-line) 46%, var(--line));border-radius:var(--island-radius);background:linear-gradient(90deg, color-mix(in srgb, var(--island-sun) 18%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--island-sky) 14%, transparent) 1px, transparent 1px), linear-gradient(135deg, color-mix(in srgb, var(--surface) 92%, white), color-mix(in srgb, var(--island-leaf) 14%, var(--surface)));box-shadow:var(--shadow-soft);background-size:18px 18px,18px 18px,auto;position:relative;overflow:hidden}.maker-info-section.grid-maker-search-guide:before{content:"";border:2px solid color-mix(in srgb, var(--pixel-line) 38%, transparent);background:linear-gradient(90deg, var(--island-leaf) 0 26%, transparent 26% 34%, var(--island-sun) 34% 58%, transparent 58% 66%, var(--island-berry) 66%);opacity:.62;pointer-events:none;border-radius:999px;width:128px;height:22px;position:absolute;top:18px;right:22px}.maker-info-section.grid-maker-search-guide:after{content:"";border:2px solid color-mix(in srgb, var(--pixel-line) 22%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--island-sky) 42%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--island-sun) 42%, transparent) 1px, transparent 1px);opacity:.32;pointer-events:none;background-size:18px 18px;border-radius:34px;width:156px;height:156px;position:absolute;bottom:-44px;right:38px;transform:rotate(-6deg)}.maker-info-section.grid-maker-search-guide>*{z-index:1;position:relative}.maker-use-card{grid-template-columns:auto minmax(0,1fr);gap:14px;min-height:148px;transition:transform .16s,box-shadow .16s,background-color .16s;display:grid;position:relative;overflow:hidden}.maker-use-card:before{content:"";background:var(--island-leaf);width:8px;position:absolute;inset:0 auto 0 0}.maker-use-card:after{content:"";border:2px solid color-mix(in srgb, var(--pixel-line) 18%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--pixel-line) 10%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--pixel-line) 10%, transparent) 1px, transparent 1px);opacity:.42;pointer-events:none;background-size:14px 14px;border-radius:22px;width:92px;height:92px;position:absolute;bottom:-22px;right:-16px;transform:rotate(8deg)}.maker-use-card:nth-child(2):before{background:var(--island-sky)}.maker-use-card:nth-child(3):before{background:var(--island-sun)}.maker-use-card:hover,.maker-use-card:focus-within{transform:translate(-2px,-2px);box-shadow:0 14px 24px #47372124,0 4px #7459322e}.use-case-icon{z-index:1;border:2px solid color-mix(in srgb, var(--pixel-line) 50%, var(--line));background:color-mix(in srgb, var(--island-leaf) 34%, var(--surface));width:44px;height:44px;box-shadow:3px 3px 0 color-mix(in srgb, var(--pixel-line) 16%, transparent);border-radius:15px;position:relative}.maker-use-card:nth-child(2) .use-case-icon{background:color-mix(in srgb, var(--island-sky) 34%, var(--surface))}.maker-use-card:nth-child(3) .use-case-icon{background:color-mix(in srgb, var(--island-sun) 42%, var(--surface))}.maker-use-card>div{z-index:1;position:relative}.grid-maker-faq-section{background:linear-gradient(90deg, color-mix(in srgb, var(--island-sun) 16%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--island-leaf) 11%, transparent) 1px, transparent 1px), linear-gradient(135deg, color-mix(in srgb, var(--surface) 96%, white), color-mix(in srgb, var(--island-sky) 12%, var(--surface)));background-size:20px 20px,20px 20px,auto;padding:34px 42px 38px;position:relative;overflow:hidden}.grid-maker-faq-section:before{content:"";background:linear-gradient(90deg, var(--island-leaf) 0 18%, transparent 18% 24%, var(--island-sun) 24% 48%, transparent 48% 54%, var(--island-berry) 54% 72%, transparent 72% 78%, var(--island-sky) 78%);opacity:.68;height:12px;position:absolute;inset:0 0 auto}.grid-maker-faq-heading{z-index:1;position:relative}.faq-board-mark{border:2px solid color-mix(in srgb, var(--pixel-line) 52%, var(--line));background:color-mix(in srgb, var(--island-sun) 44%, var(--surface));width:46px;height:46px;box-shadow:3px 3px 0 color-mix(in srgb, var(--pixel-line) 16%, transparent);border-radius:16px;flex:none}.faq-swatch-track span:first-child{background:var(--island-leaf)}.faq-swatch-track span:nth-child(2){background:var(--island-sun)}.faq-swatch-track span:nth-child(3){background:var(--island-sky)}.grid-maker-faq-section details{z-index:1;background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 88%, white), color-mix(in srgb, var(--island-sand) 54%, var(--surface)));border-width:2px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.grid-maker-faq-section details:hover,.grid-maker-faq-section details:focus-within{border-color:color-mix(in srgb, var(--island-moss) 76%, var(--pixel-line));transform:translate(2px);box-shadow:inset 0 -2px #7459321a,0 8px 18px #47372114}.grid-maker-faq-section details[open]{background:linear-gradient(180deg, color-mix(in srgb, var(--island-sun) 20%, var(--surface)), var(--surface))}input,select,textarea,.project-search-field input,.lingo-select,.palette-search input,.guides-search-field input,.compact-select-menu,.compact-select-option{color:var(--ink);border-color:color-mix(in srgb, var(--pixel-line) 42%, var(--line));background:var(--surface);border-radius:999px}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--muted) 68%, transparent)}.drop-zone,.project-upload-drop{background:linear-gradient(135deg, color-mix(in srgb, var(--island-leaf) 12%, transparent), transparent 38%), color-mix(in srgb, var(--island-sky) 10%, var(--surface));border-style:dashed}.drop-zone.is-dragover,.drop-zone:hover,.project-upload-drop:hover,.project-upload-drop:focus-visible{border-color:var(--island-moss);background:linear-gradient(135deg, color-mix(in srgb, var(--island-leaf) 20%, transparent), transparent 42%), color-mix(in srgb, var(--island-sun) 18%, var(--surface));box-shadow:var(--shadow-soft)}.drop-image-icon,.feature-icon,.category-icon,.guide-card-arrow,.palette-about-card .inline-icon{color:var(--island-moss)}.feature-icon{border-radius:46% 54% 52% 48%/58% 42%}.feature-icon svg{width:1.45rem;height:1.45rem}.feature-icon.coral-mark svg,.feature-icon.aqua-mark svg,.feature-icon.gold-mark svg,.feature-icon.ink-mark svg{color:currentColor}.category-icon{border-radius:58% 42% 54% 46%/42% 58%;transform:rotate(-4deg);box-shadow:0 3px #7459322e}.category-icon:before{border-radius:999px 999px 999px 0;width:11px;height:7px;transform:rotate(-32deg)}.category-icon.wave:before,.category-icon.spark:before{border-radius:999px}.canvas-card{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 88%, var(--island-sky)), var(--surface))}#grid-canvas,#preview-canvas,#avatar-canvas,.palette-game-preview canvas{border-radius:18px}.tool-strip,.mobile-canvas-download{border-radius:999px}@media (min-width:761px){.tool-strip{border-color:color-mix(in srgb, var(--pixel-line) 50%, var(--line));background:linear-gradient(90deg, color-mix(in srgb, var(--pixel-line) 5%, transparent) 1px, transparent 1px), linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, white), color-mix(in srgb, var(--surface-warm) 76%, var(--surface))), var(--surface);background-size:12px 100%,auto,auto;box-shadow:0 14px 28px #4737211f,0 4px #74593229}.tool-strip:before{border:1px solid color-mix(in srgb, var(--line) 62%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--island-leaf) 12%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--island-sky) 10%, transparent) 1px, transparent 1px);opacity:.5;background-size:10px 10px;inset:5px}.tool-strip .tool-group{border-color:color-mix(in srgb, var(--pixel-line) 24%, var(--line));background:linear-gradient(180deg, #ffffff6b, transparent 64%), color-mix(in srgb, var(--island-sand) 72%, var(--surface));min-height:44px;box-shadow:inset 0 1px #ffffffa3,0 2px #7459321a}.tool-strip .tool-buttons--modes{gap:4px}.tool-strip .tool-button,.tool-strip .tool-group--actions .icon-action{color:var(--ink);box-shadow:none;background:0 0;border:1px solid #0000}.tool-strip .tool-button{flex-basis:42px;width:42px;min-width:42px;min-height:40px;padding:6px}.tool-strip .tool-button:hover,.tool-strip .tool-button:focus-visible,.tool-strip .tool-group--actions .icon-action:hover,.tool-strip .tool-group--actions .icon-action:focus-visible{border-color:color-mix(in srgb, var(--pixel-line) 24%, var(--line));color:var(--ink);background:linear-gradient(180deg, #ffffff75, transparent 58%), color-mix(in srgb, var(--island-sun) 46%, var(--surface));transform:translateY(-1px);box-shadow:0 2px #74593229}.tool-strip .tool-button.is-active,.tool-strip .tool-button.is-active:hover,.tool-strip .tool-button.is-active:focus-visible{border-color:color-mix(in srgb, var(--island-moss) 78%, var(--pixel-line));color:var(--ink);background:linear-gradient(180deg, #ffffff70, transparent 60%), color-mix(in srgb, var(--island-leaf) 48%, var(--surface));box-shadow:inset 0 1px 0 #ffffff9e, 0 3px 0 color-mix(in srgb, var(--island-moss) 40%, #7459321f);transform:none}.tool-strip .tool-button.is-active .tool-icon{stroke-width:2.45px;transform:translateY(-1px)}.tool-strip .tool-group--actions{gap:3px;padding:4px}.tool-strip .tool-group--actions .icon-action{border-radius:999px;width:38px;min-height:38px}:root[data-theme=dark] .tool-strip{background:linear-gradient(90deg, color-mix(in srgb, var(--pixel-line) 8%, transparent) 1px, transparent 1px), linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, var(--surface-warm)), var(--surface)), var(--surface);box-shadow:0 14px 28px #0000004d,0 4px #0000002e}:root[data-theme=dark] .tool-strip .tool-group{background:linear-gradient(180deg, #ffffff14, transparent 64%), color-mix(in srgb, var(--surface-warm) 68%, var(--surface))}}.canvas-status-bar{border-color:color-mix(in srgb, var(--pixel-line) 50%, var(--line));background:linear-gradient(90deg, color-mix(in srgb, var(--island-leaf) 9%, transparent) 1px, transparent 1px), linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, white), color-mix(in srgb, var(--island-sand) 72%, var(--surface))), var(--surface);background-size:10px 100%,auto,auto;box-shadow:0 12px 24px #4737211f,0 4px #74593229}.canvas-status-bar .tool-button{color:var(--ink);background:0 0;border-color:#0000}.canvas-status-bar .tool-button:hover,.canvas-status-bar .tool-button:focus-visible{border-color:color-mix(in srgb, var(--pixel-line) 22%, var(--line));background:linear-gradient(180deg, #ffffff7a, transparent 60%), color-mix(in srgb, var(--island-sun) 44%, var(--surface));box-shadow:0 2px #74593224}.canvas-status-bar .zoom-percent-field{border-color:color-mix(in srgb, var(--pixel-line) 26%, var(--line));background:linear-gradient(180deg, #ffffff85, transparent 58%), color-mix(in srgb, var(--surface) 84%, var(--island-sand))}.canvas-status-bar .zoom-percent-field:focus-within{border-color:color-mix(in srgb, var(--island-berry) 68%, var(--pixel-line))}.canvas-status-bar .zoom-percent-input{color:var(--ink)}.mobile-canvas-download{border-color:color-mix(in srgb, var(--pixel-line) 56%, var(--line));background:linear-gradient(180deg, #fff6, transparent 58%), linear-gradient(135deg, color-mix(in srgb, var(--island-sky) 76%, var(--surface)), color-mix(in srgb, var(--island-leaf) 24%, var(--island-sky)));box-shadow:0 14px 28px #47372124,0 4px #7459322e}.mobile-canvas-download:before{background:linear-gradient(90deg,#ffffff52,#0000 36%),linear-gradient(#ffffff3d,#0000 60%)}.mobile-canvas-download:hover,.mobile-canvas-download:focus-within{box-shadow:0 16px 30px #47372126,0 5px #74593233}.mobile-canvas-download .primary-button,.mobile-download-menu summary{color:#273322;box-shadow:none;background:0 0}.mobile-canvas-download .primary-button .button-icon{color:color-mix(in srgb, var(--island-sky) 72%, white);background:color-mix(in srgb, var(--island-cocoa) 82%, var(--pixel-line));box-shadow:inset 0 1px #ffffff38}.mobile-canvas-download .primary-button:hover,.mobile-canvas-download .primary-button:focus-visible{background:#fff3}.mobile-download-menu summary{border-left-color:color-mix(in srgb, var(--pixel-line) 24%, transparent)}.mobile-download-menu summary:hover,.mobile-download-menu summary:focus-visible,.mobile-download-menu[open] summary{background:color-mix(in srgb, var(--island-sun) 28%, transparent)}.mobile-download-menu-list{border-color:color-mix(in srgb, var(--pixel-line) 54%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, white), color-mix(in srgb, var(--island-sand) 74%, var(--surface))), var(--surface)}.mobile-download-menu-list button{border-color:color-mix(in srgb, var(--pixel-line) 18%, var(--line));background:linear-gradient(180deg, #ffffff5c, transparent 58%), color-mix(in srgb, var(--surface) 82%, var(--island-sand))}.mobile-download-menu-list button:hover,.mobile-download-menu-list button:focus-visible{background:linear-gradient(180deg, #ffffff6b, transparent 58%), color-mix(in srgb, var(--island-sky) 38%, var(--surface))}:root[data-theme=dark] .canvas-status-bar{background:linear-gradient(90deg, color-mix(in srgb, var(--island-leaf) 12%, transparent) 1px, transparent 1px), linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, var(--surface-warm)), var(--surface)), var(--surface);box-shadow:0 12px 24px #0000004d,0 4px #0000002e}:root[data-theme=dark] .canvas-status-bar .zoom-percent-field,:root[data-theme=dark] .mobile-download-menu-list button{background:linear-gradient(180deg, #ffffff14, transparent 58%), color-mix(in srgb, var(--surface-warm) 68%, var(--surface))}:root[data-theme=dark] .mobile-canvas-download{background:linear-gradient(180deg, #ffffff1f, transparent 58%), linear-gradient(135deg, color-mix(in srgb, var(--island-sky) 42%, var(--surface)), color-mix(in srgb, var(--island-leaf) 20%, var(--surface)))}:root[data-theme=dark] .mobile-canvas-download .primary-button,:root[data-theme=dark] .mobile-download-menu summary{color:var(--ink)}:root[data-theme=dark] .mobile-download-menu-list{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, var(--surface-warm)), var(--surface)), var(--surface)}.maker-panel h2,.maker-panel h3,.palette-board-header h2,.palette-tool-panel h2,.guides-side-card h2,.gallery-card h3,.gallery-featured-card h3,.guide-card h3,.lingo-result-text{color:var(--ink)}.palette-swatch-button,.palette-category-swatch,.preview-swatch,.selected-color-large,.similar-color-row button,.footer-swatch-row span{border-color:color-mix(in srgb, var(--pixel-line) 44%, var(--line));border-radius:16px;box-shadow:0 3px #7459322e}.site-footer{width:min(1240px,100% - 48px)}.footer-panel{border-color:color-mix(in srgb, var(--pixel-line) 48%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--island-sky) 18%, transparent), transparent 45%), linear-gradient(45deg, color-mix(in srgb, var(--island-leaf) 16%, transparent), transparent 42%), var(--surface);box-shadow:var(--shadow);border-radius:28px}.footer-panel:before{opacity:.2}.footer-panel:after{border:2px dashed color-mix(in srgb, var(--island-moss) 58%, transparent);background:color-mix(in srgb, var(--island-leaf) 18%, transparent);image-rendering:auto;border-radius:55% 45% 52% 48%/48% 56% 44% 52%;width:96px;height:52px;transform:rotate(-8deg)}.plain-dialog,.project-dialog,.color-dialog,.share-dialog{border-color:color-mix(in srgb, var(--pixel-line) 54%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--island-sky) 12%, transparent), transparent 42%), var(--surface);box-shadow:var(--shadow-lift);border-radius:28px}.plain-dialog::backdrop{background:0 0,repeating-linear-gradient(45deg,#0000 0 12px,#ffffff14 12px 14px)}.shortcut-row,.project-dialog-status,.share-option-card,.share-card-preview,.color-info-card{background:color-mix(in srgb, var(--island-sand) 48%, var(--surface));border-radius:18px}.animal-ui-select{min-width:190px}.animal-ui-select [class^=animal-],.animal-ui-input [class^=animal-],.animal-ui-button[class^=animal-],.animal-ui-button [class^=animal-]{font-family:var(--font-body)}.guides-list-toolbar .animal-ui-select,.guides-search-field .animal-ui-input{width:100%}.guides-search-field .animal-ui-input{min-width:0}.guides-empty-state .animal-ui-button,.guides-pagination .animal-ui-button{min-width:44px}.guides-pagination .animal-ui-button.is-active{border-color:color-mix(in srgb, var(--island-moss) 76%, var(--pixel-line));background:color-mix(in srgb, var(--island-leaf) 32%, var(--surface))}:root[data-theme=dark] .primary-button,:root[data-theme=dark] .green-button,:root[data-theme=dark] .lingo-generate-button,:root[data-theme=dark] .project-new-button{color:#251f16}:root[data-theme=dark] .home-launch-panel,:root[data-theme=dark] .toolkit-hero,:root[data-theme=dark] .guides-hero,:root[data-theme=dark] .gallery-hero,:root[data-theme=dark] .palette-hero,:root[data-theme=dark] .lingo-workbench,:root[data-theme=dark] .demo-card,:root[data-theme=dark] .guide-card,:root[data-theme=dark] .guides-list-card,:root[data-theme=dark] .gallery-card,:root[data-theme=dark] .gallery-featured-card,:root[data-theme=dark] .palette-tool-panel,:root[data-theme=dark] .palette-board,:root[data-theme=dark] .maker-panel,:root[data-theme=dark] .plain-dialog,:root[data-theme=dark] .footer-panel{background:linear-gradient(135deg, #62d5c81a, transparent 42%), linear-gradient(45deg, transparent 54%, #9dda7814), var(--surface)}:root[data-theme=dark] .drop-zone,:root[data-theme=dark] .project-upload-drop,:root[data-theme=dark] .feature-band article,:root[data-theme=dark] .footer-link-group,:root[data-theme=dark] .faq-section details,:root[data-theme=dark] .guide-faq-list details,:root[data-theme=dark] .gallery-card dl div,:root[data-theme=dark] .project-search-field,:root[data-theme=dark] .lingo-select-shell,:root[data-theme=dark] .lingo-safe-toggle{background:color-mix(in srgb, var(--surface-warm) 70%, var(--surface))}@media (max-width:760px){.site-footer{width:min(100%,100% - 28px)}.home-hero:before,.toolkit-hero:after,.guides-hero:after,.gallery-hero:after,.palette-hero:after{display:none}.primary-button,.secondary-button,.outline-button,.green-button,.blue-button,.project-new-button{width:100%}}