.game-cta{border:2px solid var(--pixel-line);border-radius:var(--radius);width:min(1040px,100% - 112px);min-height:128px;box-shadow:6px 6px 0 var(--pixel-line);background:linear-gradient(105deg,#fff2b2,#fff9d6);grid-template-columns:140px 1fr auto;align-items:center;gap:28px;padding:10px 60px 10px 34px;display:grid}:root[data-theme=dark] .game-cta{background:linear-gradient(105deg, color-mix(in srgb, var(--surface-warm) 58%, var(--surface)), var(--surface))}#avatar-canvas{align-self:end;width:125px;height:auto}.game-cta p{color:var(--ink);margin:4px 0 0;font-weight:750}.faq-section{border:2px solid var(--pixel-line);border-radius:var(--radius);background:var(--surface);width:min(1040px,100% - 112px);box-shadow:6px 6px 0 var(--pixel-line);padding:42px;display:block}.faq-section h2{margin-bottom:24px}.faq-section details{border:1px solid color-mix(in srgb, var(--pixel-line) 18%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-warm) 34%, #fff);padding:20px 22px}:root[data-theme=dark] .faq-section details{background:color-mix(in srgb, var(--surface-warm) 34%, var(--surface))}.faq-section details+details{margin-top:14px}.faq-section summary{cursor:pointer;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:16px;font-weight:900;list-style:none;display:flex}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:after{content:"";border-bottom:3px solid;border-right:3px solid;flex:none;width:14px;height:14px;transition:transform .15s;transform:rotate(45deg)translateY(-2px)}.faq-section details[open] summary:after{transform:rotate(225deg)translate(-2px,-2px)}.faq-section p{max-width:820px;color:var(--muted);margin:14px 0 0;font-weight:750;line-height:1.65}.grid-maker-app{display:none}.view-studio .grid-maker-app,.page-shell.view-studio .grid-maker-app{background-color:#fbf8ef;background-image:linear-gradient(#12170f09 1px,#0000 1px),linear-gradient(90deg,#12170f09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-columns:minmax(252px,292px) minmax(0,1fr) minmax(360px,420px);align-items:start;gap:14px;min-height:calc(100svh - 88px);padding:14px clamp(14px,2vw,22px) 28px;display:grid}:root[data-theme=dark] .view-studio .grid-maker-app,:root[data-theme=dark] .page-shell.view-studio .grid-maker-app{background:var(--page)}.generator-intro{background:linear-gradient(90deg,#ffe26a33,#0000 32%),linear-gradient(270deg,#25c3bf2e,#0000 42%),linear-gradient(#fffaf0 0%,#fffdf8 58%,#f4fbf4 100%);border-bottom:0;display:grid;position:relative;overflow:hidden}.generator-intro:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--pixel-line) 8%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--pixel-line) 8%, transparent) 1px, transparent 1px);opacity:.36;pointer-events:none;background-size:28px 28px;position:absolute;inset:0}.generator-intro:after{content:"";border:2px solid color-mix(in srgb, var(--pixel-line) 28%, transparent);background:linear-gradient(90deg, var(--cyan) 0 24%, transparent 24% 38%, var(--yellow) 38% 54%, transparent 54% 68%, var(--pink-2) 68%), linear-gradient(180deg, transparent 0 34%, #ffffff7a 34% 50%, transparent 50%);width:190px;height:190px;box-shadow:8px 8px 0 color-mix(in srgb, var(--pixel-line) 18%, transparent);opacity:.12;pointer-events:none;background-size:28px 28px;position:absolute;bottom:-44px;right:min(8vw,92px);transform:rotate(8deg)}:root[data-theme=dark] .generator-intro{background:linear-gradient(90deg, color-mix(in srgb, var(--yellow) 18%, transparent), transparent 34%), linear-gradient(270deg, color-mix(in srgb, var(--cyan) 18%, transparent), transparent 40%), linear-gradient(120deg, color-mix(in srgb, var(--surface-warm) 42%, var(--surface)), var(--surface))}.generator-intro-copy{z-index:1;grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:center;gap:clamp(22px,4vw,48px);width:min(100% - 44px,1120px);margin:0 auto;padding:clamp(26px,3.4vw,40px) 0 clamp(18px,2.6vw,28px);display:grid;position:relative}.generator-intro-text{gap:10px;min-width:0;display:grid}.generator-intro-eyebrow{color:var(--green);text-transform:uppercase;margin:0;font-size:.76rem;font-weight:950;line-height:1}.generator-intro h1{max-width:820px;color:var(--ink);font-family:var(--font-display);margin:0;font-size:clamp(2.65rem,5vw,4.4rem);line-height:.94}.generator-intro p{max-width:780px;color:var(--muted);margin:0;font-size:clamp(1rem,1.5vw,1.14rem);font-weight:850;line-height:1.48}.generator-intro-flow{border:1px solid color-mix(in srgb, var(--pixel-line) 32%, transparent);border-radius:var(--radius);background:linear-gradient(180deg, #ffffff9e, #fff3), color-mix(in srgb, var(--surface-warm) 28%, var(--surface));gap:8px;padding:8px;display:grid;box-shadow:4px 4px #12170f1a}:root[data-theme=dark] .generator-intro-flow{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 88%, var(--surface-warm)), var(--surface));box-shadow:var(--shadow-soft)}.generator-intro-flow article{border:1px solid color-mix(in srgb, var(--pixel-line) 16%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 78%, #fff);grid-template-columns:38px minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:9px;display:grid}:root[data-theme=dark] .generator-intro-flow article{background:color-mix(in srgb, var(--surface-warm) 32%, var(--surface))}.generator-intro-flow span{border:2px solid var(--pixel-line);background:color-mix(in srgb, var(--yellow) 78%, #fff);width:34px;height:34px;color:var(--pixel-line);font-family:var(--font-display);box-shadow:2px 2px 0 color-mix(in srgb, var(--pixel-line) 18%, transparent);border-radius:7px;place-items:center;font-size:.72rem;font-weight:950;display:grid}.generator-intro-flow strong{color:var(--ink);font-weight:950;line-height:1.15;display:block}.generator-intro-flow p{color:var(--muted);margin-top:3px;font-size:.78rem;font-weight:780;line-height:1.35}.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(1120px,100% - 44px);margin-top:34px}.pixel-generator-feature-band{grid-template-columns:repeat(3,minmax(0,1fr))}.pixel-generator-toolkit-band,.pixel-generator-guide-section{align-items:start}.pixel-generator-content-grid .section-heading{margin-bottom:0}.pixel-generator-content-grid .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pixel-generator-content-grid .guide-detail{min-height:100%}.pixel-generator-related-grid .guide-card{align-content:start;display:grid}.pixel-generator-related-grid .guide-card h3{margin-top:0}.pixel-generator-final-cta .feature-icon{justify-self:start}.pixel-generator-final-cta .primary-button{white-space:nowrap;justify-self:end}.maker-sidebar,.maker-rightbar{gap:12px;min-width:0;display:grid}.maker-canvas-area{min-width:0}.maker-sidebar,.maker-rightbar{align-self:start;padding-bottom:0;position:static;overflow:visible}.maker-panel,.tool-strip,.canvas-card,.maker-tip,.guide-promo{border:2px solid var(--pixel-line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft)}.maker-panel{background:linear-gradient(180deg, #ffffffad, #ffffff1f), var(--surface);gap:10px;padding:14px;display:grid;overflow:hidden}:root[data-theme=dark] .maker-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, var(--surface-warm)), var(--surface))}.maker-panel-header{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.maker-panel-body{gap:10px;min-width:0;display:grid}.maker-panel-body[hidden]{display:none}.maker-panel-toggle{border:2px solid var(--pixel-line);width:30px;height:30px;color:var(--ink);background:color-mix(in srgb, var(--yellow) 48%, var(--surface));border-radius:7px;flex:none;place-items:center;transition:background .15s,box-shadow .15s,transform .15s;display:grid;box-shadow:2px 2px #12170f29}.maker-panel-toggle .ui-icon{stroke-width:2.7px;width:16px;height:16px;transition:transform .15s}.maker-panel-toggle:hover,.maker-panel-toggle:focus-visible{background:color-mix(in srgb, var(--pink) 20%, var(--yellow));box-shadow:1px 1px 0 var(--pixel-line);transform:translate(1px,1px)}.maker-panel.is-collapsed .maker-panel-toggle .ui-icon{transform:rotate(-90deg)}.maker-panel:has(.info-dot){overflow:visible}.maker-panel h2{min-width:0;color:var(--ink);font-family:var(--font-display);align-items:center;gap:7px;font-size:1rem;line-height:1.05;display:inline-flex}.maker-panel h2 .heading-icon{stroke-width:2.5px;flex:none;width:18px;height:18px}.preset-card-mobile,[data-canvas-preset-select] .mobile-custom-grid-option{display:none}.drop-zone{border:2px dashed var(--pixel-line);border-radius:var(--radius-sm);min-height:116px;color:var(--ink);text-align:center;cursor:pointer;background:linear-gradient(135deg,#25c3bf1a,#0000 46%),linear-gradient(#fcfdff,#fffaf0);place-items:center;gap:7px;padding:14px;transition:background .15s,transform .15s,box-shadow .15s;display:grid}:root[data-theme=dark] .drop-zone{background:linear-gradient(135deg, #25c3bf1f, transparent 46%), color-mix(in srgb, var(--surface) 88%, var(--cyan))}.drop-zone.is-dragover,.drop-zone:hover{border-color:var(--pink);box-shadow:4px 4px 0 var(--pixel-line);background:linear-gradient(135deg,#f04e6f1a,#0000 46%),#fff7fa;transform:translate(-1px,-1px)}:root[data-theme=dark] .drop-zone.is-dragover,:root[data-theme=dark] .drop-zone:hover{background:linear-gradient(135deg, #f04e6f2e, transparent 46%), color-mix(in srgb, var(--surface-pink) 50%, var(--surface))}.drop-zone strong{font-weight:900}.drop-zone span{color:var(--muted);font-weight:750}.drop-zone small{color:var(--muted);font-size:.78rem}.drop-image-icon{border:2px solid var(--pixel-line);width:38px;height:38px;color:var(--pixel-line);background:var(--yellow);box-shadow:3px 3px 0 var(--pixel-line);border-radius:8px;place-items:center;display:grid;position:relative}:root[data-theme=dark] .drop-image-icon{color:var(--ink);background:color-mix(in srgb, var(--yellow) 72%, var(--surface))}.drop-image-icon:before,.drop-image-icon:after{content:none}.drop-image-icon svg{width:22px;height:22px}.file-chip{grid-template-columns:48px minmax(0,1fr) 26px;align-items:center;gap:12px;min-width:0;display:grid}.file-chip[hidden]{display:none!important}.file-chip>div{min-width:0}#file-preview-canvas{background:#62bdf7;border-radius:8px;width:48px;height:48px}.file-chip strong,.file-chip span{display:block}.file-chip strong{text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.file-chip span{color:var(--muted);font-size:.85rem;font-weight:750}.file-chip button{width:28px;height:28px;color:var(--ink);background:0 0;border:2px solid #0000;border-radius:7px;place-items:center;display:grid}.file-chip button .ui-icon{width:16px;height:16px}.file-chip button:hover,.file-chip button:focus-visible{border-color:var(--pixel-line);background:var(--surface-pink)}.control-group+.control-group,.toggle-list,.select-label+.select-label{margin-top:14px}.maker-panel .segmented-grid button{min-height:38px;padding:0 5px;font-size:.82rem}.segmented-grid[data-control-group=grid-size]{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.maker-panel .segmented-grid[data-control-group=grid-size] button{padding:0 3px;font-size:.76rem}.custom-grid-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px;display:grid}.custom-grid-fields label{min-width:0;color:var(--muted);gap:5px;font-size:.72rem;font-weight:950;display:grid}.custom-grid-fields input{border:2px solid var(--pixel-line);width:100%;min-width:0;min-height:38px;color:var(--ink);background:color-mix(in srgb, var(--surface-warm) 34%, var(--surface));border-radius:7px;outline:none;padding:0 9px;font-size:.88rem;font-weight:900;box-shadow:inset 0 -3px #12170f14}.custom-grid-fields input:focus-visible{border-color:var(--pink);box-shadow:0 0 0 3px color-mix(in srgb, var(--pink) 20%, transparent), inset 0 -3px 0 #12170f14}.custom-grid-fields input[aria-invalid=true]{border-color:var(--orange)}.canvas-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.canvas-preset-grid button{border:2px solid var(--line-strong);min-width:0;min-height:54px;color:var(--ink);background:var(--surface);text-align:left;border-radius:8px;align-content:center;gap:2px;padding:7px 8px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:grid}.canvas-preset-grid button strong,.canvas-preset-grid button span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.canvas-preset-grid button strong{font-size:.78rem;font-weight:950}.canvas-preset-grid button span{color:var(--muted);font-size:.69rem;font-weight:850}.canvas-preset-grid button.is-active{border-color:var(--pixel-line);background:color-mix(in srgb, var(--yellow) 58%, var(--surface));box-shadow:3px 3px #12170f29}.canvas-preset-grid button:hover,.canvas-preset-grid button:focus-visible{border-color:var(--pixel-line);transform:translateY(-1px)}.toggle-list{gap:8px;display:grid}.info-dot{z-index:3;border:1px solid var(--soft-muted);width:17px;height:17px;color:var(--soft-muted);background:var(--surface);cursor:help;border-radius:50%;flex:none;place-items:center;font-size:.68rem;font-weight:900;line-height:1;display:inline-grid;position:relative}.label-with-help{align-items:center;gap:7px;display:inline-flex}.info-dot:before,.info-dot:after{opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;display:none;position:absolute;right:-5px}.info-dot:before{content:"";border:6px solid #0000;border-top-color:var(--pixel-line);bottom:calc(100% + 3px);transform:translateY(2px)}.info-dot:after{content:attr(data-tooltip);z-index:30;border:2px solid var(--pixel-line);width:218px;color:var(--ink);background:var(--surface-warm);box-shadow:3px 3px 0 var(--pixel-line);text-align:left;white-space:normal;border-radius:7px;padding:8px 10px;font-size:.76rem;font-weight:850;line-height:1.25;bottom:calc(100% + 14px);left:-178px;right:auto;transform:translateY(4px)}.toggle-row:hover .info-dot,.info-dot.is-visible,.info-dot:hover,.info-dot:focus-visible{color:var(--pixel-line);border-color:var(--pixel-line);outline:none}.toggle-row:hover .info-dot:before,.toggle-row:hover .info-dot:after,.info-dot.is-visible:before,.info-dot.is-visible:after,.info-dot:hover:before,.info-dot:hover:after,.info-dot:focus-visible:before,.info-dot:focus-visible:after{opacity:1;display:block;transform:translateY(0)}.maker-sidebar .info-dot:before,.maker-canvas-area .info-dot:before{left:2px;right:auto}.maker-sidebar .info-dot:after,.maker-canvas-area .info-dot:after{left:-16px;right:auto}.maker-panel-header .info-dot:before,.tool-strip .info-dot:before{border-top-color:#0000;border-bottom-color:var(--pixel-line);top:calc(100% + 3px);bottom:auto;transform:translateY(-2px)}.maker-panel-header .info-dot:after,.tool-strip .info-dot:after{top:calc(100% + 14px);bottom:auto;transform:translateY(-4px)}@media (max-width:640px){.info-dot:after{overflow-wrap:anywhere;width:min(190px,100vw - 32px);max-width:calc(100vw - 32px)}.maker-panel-header .info-dot:after,.maker-sidebar .info-dot:after,.maker-rightbar .info-dot:after{left:-16px;right:auto}.maker-panel-header .info-dot:after,.tool-strip .info-dot:after{left:auto;right:-16px}}.select-label{gap:8px;display:grid}.select-label span{color:var(--muted);font-weight:850}.select-label select{border:1px solid var(--line-strong);width:100%;min-height:46px;color:var(--ink);background:var(--surface);border-radius:8px;padding:0 12px;font-weight:850}.choice-field{gap:7px;display:grid}.choice-field+.choice-field{margin-top:14px}.range-field{gap:9px;margin-top:14px;display:grid}.range-field label{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-weight:900;display:flex}.range-field output{border:2px solid var(--pixel-line);min-width:38px;color:var(--ink);background:var(--surface-warm);text-align:center;border-radius:7px;padding:3px 7px;font-weight:950}.range-field input[type=range]{width:100%;accent-color:var(--pink)}.range-scale{display:none}.choice-label{color:var(--muted);font-weight:900}.compact-control-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.compact-select-field{isolation:isolate;gap:7px;min-width:0;display:grid;position:relative}.compact-select-field>span{color:var(--muted);align-items:center;gap:6px;font-weight:900;display:inline-flex}.compact-select-trigger{border:2px solid var(--pixel-line);width:100%;min-width:0;min-height:44px;color:var(--ink);background:linear-gradient(180deg, #ffffffb3, #ffffff29), color-mix(in srgb, var(--surface-warm) 74%, var(--surface));box-shadow:3px 3px 0 var(--pixel-line);font:inherit;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px 0 12px;font-size:.88rem;font-weight:950;line-height:1.12;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.compact-select-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.compact-select-trigger .ui-icon{stroke-width:2.7px;flex:none;width:17px;height:17px;transition:transform .15s}.compact-select-trigger:hover,.compact-select-trigger:focus-visible,.compact-select-field.is-open .compact-select-trigger{background:var(--yellow);box-shadow:2px 2px 0 var(--pixel-line);outline:0;transform:translate(1px,1px)}.compact-select-field.is-open .compact-select-trigger .ui-icon{transform:rotate(180deg)}.compact-select-menu{z-index:90;border:2px solid var(--pixel-line);background:var(--surface);min-width:100%;max-height:250px;box-shadow:5px 5px 0 var(--pixel-line);opacity:0;pointer-events:none;border-radius:8px;gap:5px;padding:6px;transition:opacity .14s,transform .14s;display:grid;position:absolute;top:calc(100% + 9px);left:0;right:0;overflow-y:auto;transform:translateY(-4px)}.compact-select-field.is-open{z-index:95}.compact-select-field.is-open .compact-select-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.compact-select-menu button{min-height:38px;color:var(--muted);font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:.84rem;font-weight:950;display:flex}.compact-select-menu button:after{content:"";background:0 0;border-radius:2px;flex:none;width:8px;height:8px}.compact-select-menu button.is-active{color:#fff;background:var(--pixel-line)}.compact-select-menu button.is-active:after{background:var(--yellow)}.compact-select-menu button:hover,.compact-select-menu button:focus-visible{color:var(--ink);background:color-mix(in srgb, var(--surface-warm) 68%, var(--surface));outline:0}:is(.maker-panel:has(.compact-select-field.is-open),.export-more-options:has(.compact-select-field.is-open)){overflow:visible}:root[data-theme=dark] .compact-select-trigger{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 88%, var(--surface-warm)), color-mix(in srgb, var(--surface-warm) 72%, var(--surface)));box-shadow:3px 3px #0000006b}:root[data-theme=dark] .compact-select-trigger:hover,:root[data-theme=dark] .compact-select-trigger:focus-visible,:root[data-theme=dark] .compact-select-field.is-open .compact-select-trigger{background:color-mix(in srgb, var(--pink) 24%, var(--surface-warm));box-shadow:2px 2px #0000007a}.compact-select-field+.compact-select-field,.compact-custom-grid{margin-top:10px}.compact-control-grid>.compact-select-field+.compact-select-field{margin-top:0}.choice-grid{border:2px solid var(--pixel-line);background:color-mix(in srgb, var(--surface-warm) 38%, var(--surface));border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:5px;display:grid;box-shadow:inset 0 0 0 1px #ffffff73}.choice-grid[data-choice-group=palette-mode]{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.compact-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid button{min-width:0;min-height:36px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:0 8px;font-size:.83rem;font-weight:950;transition:color .15s,background .15s,box-shadow .15s,transform .15s}.choice-grid[data-choice-group=palette-mode] button{padding:0 6px;font-size:.8rem}.choice-grid button.is-active{color:#fff;background:var(--pixel-line);box-shadow:2px 2px #12170f33}.choice-grid button:hover,.choice-grid button:focus-visible{color:var(--ink);background:#ffffffa3}:root[data-theme=dark] .choice-grid button:hover,:root[data-theme=dark] .choice-grid button:focus-visible{background:color-mix(in srgb, var(--surface-warm) 54%, var(--surface))}.choice-grid button.is-active:hover,.choice-grid button.is-active:focus-visible{color:#fff;background:var(--pink);transform:translate(1px,1px);box-shadow:2px 2px #12170f47}#generate-grid{margin-top:14px}#reset-grid{margin-top:8px}.tool-strip{z-index:12;isolation:isolate;background:linear-gradient(180deg, #ffffffb8, #ffffff29), color-mix(in srgb, var(--surface) 88%, var(--surface-warm));grid-template-columns:auto auto;grid-template-areas:"modes actions";justify-content:center;align-items:center;gap:7px;width:fit-content;max-width:min(100%,536px);margin:0 auto;padding:7px;display:grid;position:relative;overflow:visible;box-shadow:5px 5px #12170f38}.tool-strip:before{content:"";z-index:0;border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--line) 40%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--line) 28%, transparent) 1px, transparent 1px);opacity:.34;pointer-events:none;background-size:14px 14px;position:absolute;inset:5px}.tool-strip>.tool-group{z-index:1;position:relative}:root[data-theme=dark] .tool-strip{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, var(--surface-warm)), var(--surface));box-shadow:var(--shadow-soft)}.tool-group{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--surface-warm) 18%, var(--surface));border-radius:999px;align-items:center;gap:4px;min-width:0;min-height:46px;padding:4px;display:flex}.tool-group--modes{grid-area:modes}.tool-group--view{grid-area:view}.tool-group--history{grid-area:history}.tool-group--status{grid-area:status;justify-content:end}.tool-group--actions{grid-area:actions}.tool-strip .tool-group--modes{justify-content:center}.tool-strip .tool-buttons--modes{justify-content:center;gap:3px;width:auto}.tool-buttons{scrollbar-width:none;background:0 0;border:0;border-radius:7px;min-width:0;display:flex;overflow:visible}.tool-buttons::-webkit-scrollbar{display:none}.tool-button{border:0;border-right:1px solid var(--line);width:44px;min-width:44px;min-height:42px;color:var(--ink);background:0 0;flex:0 0 44px;align-content:center;place-items:center;gap:0;padding:7px 5px;font-size:0;font-weight:900;line-height:1.12;transition:color .15s,background .15s,transform .15s;display:grid;position:relative}.tool-button:first-child{border-radius:6px 0 0 6px}.tool-button:last-child{border-right:0;border-radius:0 6px 6px 0}.tool-button:after{content:attr(data-tool);z-index:20;border:2px solid var(--pixel-line);min-width:max-content;color:var(--ink);background:var(--surface-warm);box-shadow:3px 3px 0 var(--pixel-line);font-family:var(--font-body);opacity:0;pointer-events:none;border-radius:6px;padding:6px 8px;font-size:.76rem;font-weight:900;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}.tool-button:hover:after,.tool-button:focus-visible:after{opacity:1;transform:translate(-50%)}.tool-button.is-active{color:#fff;background:var(--pixel-line);box-shadow:inset 0 -3px 0 #ffffff1f, 0 0 0 1px var(--pixel-line)}.tool-button:hover,.tool-button:focus-visible{color:var(--ink);background:color-mix(in srgb, var(--yellow) 55%, var(--surface))}.tool-icon{stroke-width:2.15px;filter:drop-shadow(0 1px #12170f24);width:22px;height:22px;transition:filter .15s,stroke-width .15s,transform .15s}.tool-button:hover .tool-icon,.tool-button:focus-visible .tool-icon{filter:drop-shadow(0 2px #12170f24);transform:translateY(-1px)scale(1.04)}.tool-button.is-active .tool-icon{stroke-width:2.35px;filter:drop-shadow(0 1px #0000002e)}.tool-strip .tool-button{width:42px;min-width:42px;min-height:40px;box-shadow:none;border:1px solid #0000;border-radius:999px;flex-basis:42px;padding:6px}.tool-strip .tool-button:first-child,.tool-strip .tool-button:last-child{border-radius:999px}.tool-strip .tool-button.is-active{border-color:color-mix(in srgb, var(--green) 70%, var(--pixel-line));color:var(--ink);background:color-mix(in srgb, var(--green) 34%, var(--surface));box-shadow:inset 0 1px 0 #ffffff80, 0 2px 0 color-mix(in srgb, var(--pixel-line) 18%, transparent)}.tool-strip .tool-button:hover,.tool-strip .tool-button:focus-visible{color:var(--ink);background:color-mix(in srgb, var(--yellow) 38%, var(--surface));transform:translateY(-1px)}.tool-strip .tool-button.is-active:hover,.tool-strip .tool-button.is-active:focus-visible{background:color-mix(in srgb, var(--green) 44%, var(--surface))}.history-tools{background:0 0;border:0;border-radius:7px;display:flex;overflow:hidden}.icon-action{border:0;border-right:1px solid var(--line);background:color-mix(in srgb, var(--surface-warm) 35%, var(--surface));width:42px;min-height:42px;color:var(--ink);place-items:center;display:grid}.icon-action .ui-icon{stroke-width:2.25px;width:20px;height:20px;transition:stroke-width .15s,transform .15s}.icon-action:hover,.icon-action:focus-visible{color:#fff;background:var(--pink)}.icon-action:hover .ui-icon,.icon-action:focus-visible .ui-icon{transform:translateY(-1px)scale(1.05)}.icon-action.is-active,.icon-action[aria-pressed=true]{color:#fff;background:var(--pink);box-shadow:inset 0 -3px #ffffff29}.icon-action.is-active .ui-icon,.icon-action[aria-pressed=true] .ui-icon{stroke-width:2.45px}.icon-action:disabled{opacity:.35;cursor:default;background:0 0}.tool-strip>.icon-action{border:1px solid var(--line);border-radius:7px}.tool-group--actions .icon-action{background:0 0;border:1px solid #0000;border-radius:999px;width:38px;min-height:38px}.tool-group--actions .icon-action:last-child{border-right:1px solid #0000}.zoom-percent-field{border-right:1px solid var(--line);flex:0 0 68px;place-items:center;width:68px;min-height:42px;padding:5px 7px;display:grid}.zoom-percent-input{border:2px solid var(--line-strong);width:100%;min-width:0;min-height:30px;color:var(--ink);background:color-mix(in srgb, var(--surface-warm) 35%, var(--surface));text-align:center;border-radius:7px;outline:none;padding:0 5px;font-size:.78rem;font-weight:950;line-height:1;box-shadow:inset 0 -2px #12170f14}.zoom-percent-input:focus{border-color:var(--pink);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--pink) 18%, transparent), inset 0 -2px 0 #12170f14}.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";align-items:center;gap:0;width:auto;margin:0;padding:4px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 10px 20px #12170f1a,0 3px #12170f33}.canvas-status-bar .tool-group--history,.canvas-status-bar .tool-group--status,.canvas-status-bar .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-button:hover,.canvas-status-bar .tool-button:focus-visible{background:color-mix(in srgb, var(--yellow) 44%, var(--surface));transform:translateY(-1px)}.canvas-status-bar .tool-button:after{display:none}.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-field:focus-within{border-color:color-mix(in srgb, var(--pink) 68%, var(--pixel-line));box-shadow:0 0 0 3px color-mix(in srgb, var(--pink) 16%, transparent), inset 0 1px 0 #ffffff9e}.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}.mobile-canvas-download{z-index:30;border:2px solid color-mix(in srgb, var(--pixel-line) 74%, var(--line));isolation:isolate;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) 42px;gap:0;width:clamp(166px,15vw,188px);transition:box-shadow .15s;display:grid;position:absolute;top:62px;bottom:auto;right:12px;overflow:visible;box-shadow:0 12px 24px #12170f1f,0 4px #12170f38}.mobile-canvas-download:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff42,#0000 56%);position:absolute;inset:4px}.mobile-canvas-download:hover,.mobile-canvas-download:focus-within{box-shadow:0 14px 28px #12170f21,0 5px #12170f3d}.mobile-canvas-download .primary-button,.mobile-download-menu summary{min-height:42px;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:24px;height:24px;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(82vw,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)}.selected-color,.selected-cell{border:1px solid var(--line);min-width:132px;min-height:44px;color:var(--ink);background:color-mix(in srgb, var(--surface-warm) 32%, var(--surface));white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:.78rem;font-weight:900;display:flex}.tool-group--status .selected-color,.tool-group--status .selected-cell{flex:1 1 0;min-width:0}.selected-color [data-selected-color-label],.selected-cell [data-selected-cell-label]{text-overflow:ellipsis;overflow:hidden}.selected-color.is-replacing{border-color:var(--pink);box-shadow:0 0 0 3px color-mix(in srgb, var(--pink) 18%, transparent)}.selected-cell{border-color:color-mix(in srgb, var(--blue) 42%, var(--line));min-width:126px}.selected-cell.has-cell{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 16%, transparent)}.selected-color [data-selected-color-count],.selected-cell [data-selected-cell-meta]{color:var(--muted);font-size:.7rem;font-weight:850}.selected-color-swatch,.selected-cell-swatch{border:2px solid var(--pixel-line);background:var(--brown);border-radius:5px;width:20px;height:20px;box-shadow:inset 0 -3px #00000024}.selected-cell-swatch{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--line) 35%, transparent) 0 4px, transparent 4px 8px)}.preview-toggle{border:2px solid var(--line-strong);min-width:156px;min-height:44px;color:var(--ink);background:linear-gradient(180deg, #ffffffb3, #ffffff14), color-mix(in srgb, var(--surface-warm) 38%, var(--surface));cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:0 10px 0 13px;font-size:.8rem;font-weight:900;line-height:1;transition:color .15s,background .15s,border-color .15s,box-shadow .15s,transform .15s;display:flex}:root[data-theme=dark] .preview-toggle{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 88%, var(--surface-warm)), var(--surface))}.preview-toggle:hover,.preview-toggle:focus-within{border-color:var(--pixel-line);box-shadow:2px 2px #12170f2e}.preview-toggle:has(input:checked){color:#fff;border-color:var(--pixel-line);background:var(--pink);box-shadow:2px 2px 0 var(--pixel-line)}.preview-toggle input{appearance:none;border:2px solid var(--pixel-line);cursor:pointer;background:#fff;border-radius:5px;flex:none;width:24px;height:24px;position:relative;box-shadow:2px 2px #12170f2e}:root[data-theme=dark] .preview-toggle input{background:var(--surface)}.preview-toggle input:before{content:"";opacity:0;border-bottom:3px solid #0000;border-right:3px solid #0000;width:7px;height:13px;transition:opacity .12s,transform .12s;position:absolute;top:2px;left:6px;transform:rotate(40deg)scale(.72)}.preview-toggle input:checked{background:var(--pixel-line)}.preview-toggle input:checked:before{opacity:1;border-color:#fff;transform:rotate(40deg)scale(1)}.canvas-card{--editor-fit-aspect:1;--editor-fit-width:max(360px, calc((100svh - 200px) * var(--editor-fit-aspect)));width:min(100%, var(--editor-fit-width));overscroll-behavior:contain;background:#f5fbff;grid-template-rows:minmax(0,1fr) auto;justify-self:center;place-items:stretch center;max-height:none;margin-top:12px;padding:0;display:grid;position:relative;overflow:hidden}.canvas-stage{border-radius:calc(var(--radius) - 2px);overscroll-behavior:contain;place-items:center;width:100%;min-height:0;display:grid;overflow:auto}#editor-canvas{width:100%;min-width:0;max-width:none;image-rendering:pixelated;box-shadow:none;touch-action:none;transform-origin:50%;background:#f5fbff;border:0;border-radius:0;margin:0 auto;display:block}.maker-tip{border-color:var(--pixel-line);color:var(--ink);background:linear-gradient(90deg,#25c3bf38,#0000 60%),#edf7ff;gap:12px;margin:12px 0 0;padding:12px 14px;font-weight:750;line-height:1.35;display:flex}:root[data-theme=dark] .maker-tip{background:linear-gradient(90deg, #25c3bf2e, transparent 60%), color-mix(in srgb, var(--surface) 86%, var(--cyan))}.maker-tip .inline-icon{color:var(--blue);flex:none}.numbered-palette{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;display:grid}.palette-panel:has(.numbered-palette--matrix){--palette-matrix-panel-bg:#2c211a;--palette-matrix-text:#fff1bf;--palette-matrix-badge-bg:#fff7d6;--palette-matrix-badge-text:#3a2b1c;--palette-matrix-check:#ffe26a;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, transparent 2px) 0 0 / 28px 28px, var(--palette-matrix-panel-bg)}.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)}:is(.palette-panel:has(.numbered-palette--matrix) .palette-controls .choice-grid,.palette-panel:has(.numbered-palette--matrix) .palette-controls .compact-toggle){display:none}.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(22px, 1.9vw, 36px));isolation:isolate;grid-auto-flow:row;align-items:center;gap:clamp(22px,1.8vw,30px) clamp(4px,.5vw,8px);padding:4px 4px 12px 0;position:relative;overflow:visible}.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}.copy-setup-panel,.palette-panel{gap:10px;display:grid}.copy-setup-list{gap:7px;margin:0;display:grid}.copy-setup-list div{border:1px solid color-mix(in srgb, var(--line) 76%, transparent);background:color-mix(in srgb, var(--surface-warm) 34%, var(--surface));border-radius:7px;grid-template-columns:minmax(56px,.46fr) minmax(0,1fr);align-items:start;gap:8px;padding:7px 8px;display:grid}.copy-setup-list dt{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:950}.copy-setup-list dd{color:var(--ink);margin:0;font-size:.8rem;font-weight:900;line-height:1.25}.focus-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.focus-actions .outline-button{min-height:36px;padding:0 9px;font-size:.78rem}.copy-setup-note,.palette-used-summary{color:var(--muted);margin:0;font-size:.78rem;font-weight:850;line-height:1.3}.palette-controls{gap:8px;margin-bottom:10px;display:grid}.compact-toggle{min-height:34px;padding:7px 8px;font-size:.78rem}.export-background-field{margin-bottom:10px}.numbered-swatch{appearance:none;aspect-ratio:1;width:100%;min-width:0;min-height:24px;color:var(--swatch-text,#11121d);cursor:pointer;font-variant-numeric:tabular-nums;text-align:center;text-shadow:0 1px #ffffff47;border:2px solid #11121d2e;border-radius:6px;place-items:center;padding:0;font-family:inherit;font-size:.68rem;font-weight:900;line-height:1;display:grid;overflow:hidden;box-shadow:inset 0 -3px #0000001a}.numbered-swatch[data-digits="3"]{font-size:.54rem}.numbered-swatch[data-digits="4"]{font-size:.48rem}.numbered-swatch:hover,.numbered-swatch:focus-visible{border-color:var(--pixel-line);transform:translateY(-1px)}.numbered-swatch.is-active{border-color:var(--pixel-line);outline:3px solid color-mix(in srgb, var(--yellow) 62%, transparent);outline-offset:1px}.numbered-swatch.is-used{border-color:#11121d9e}.numbered-swatch.is-highlighted{box-shadow:0 0 0 3px color-mix(in srgb, var(--pink) 58%, transparent), inset 0 -3px 0 #0000001a;transform:translateY(-2px)}.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(22px,1.9vw,36px);transform:rotate(var(--swatch-tilt,0deg));border:0;border-radius:62% 38% 56% 44%/46% 58% 42% 54%;font-size:0;position:relative;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:3px solid var(--palette-matrix-text);min-width:26px;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 4px 2px;font-size:clamp(.46rem,.7vw,.62rem);font-weight:950;line-height:1;position:absolute;top:calc(100% + 2px);bottom:auto;right:-7px}.numbered-palette--matrix .numbered-swatch.is-used:after{content:"✓";z-index:4;border:2px solid var(--palette-matrix-text);width:15px;height:15px;color:var(--palette-matrix-check);background:var(--pixel-line);transform:rotate(calc(var(--swatch-tilt,0deg) * -1));border-radius:50%;place-items:center;font-size:.58rem;line-height:1;display:grid;position:absolute;top:calc(100% + 14px);bottom:auto;right:-6px}.preview-quick-card{grid-template-columns:minmax(92px,128px) minmax(0,1fr);align-items:center;gap:12px;display:grid}.preview-panel canvas{width:100%;image-rendering:pixelated;background:#81cffa;border-radius:8px;margin:0}.preview-quick-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.preview-mini-toggle{cursor:pointer;min-width:0}.preview-mini-toggle input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.preview-mini-toggle span,.preview-scale-pill{border:2px solid var(--line);min-height:42px;color:var(--muted);background:color-mix(in srgb, var(--surface-warm) 30%, var(--surface));border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:.78rem;font-weight:950;display:flex}.preview-mini-toggle .ui-icon{width:18px;height:18px}.preview-mini-toggle input:checked+span{color:#fff;border-color:var(--pink);background:var(--pink);box-shadow:inset 0 -3px #ffffff26}.preview-scale-pill{color:var(--ink);background:var(--surface);grid-column:1/-1}.projects-panel{gap:10px;display:grid}.project-name-field{gap:7px;display:grid}.project-name-field span{color:var(--muted);font-size:.86rem;font-weight:900}.project-name-field .info-dot{color:var(--soft-muted);font-size:.68rem;font-weight:900}.project-name-field .info-dot.is-visible,.project-name-field .info-dot:hover,.project-name-field .info-dot:focus-visible{color:var(--pixel-line)}.project-name-field input{border:2px solid var(--pixel-line);width:100%;min-height:42px;color:var(--ink);background:color-mix(in srgb, var(--surface-warm) 34%, var(--surface));border-radius:7px;outline:none;padding:0 11px;font-weight:850;box-shadow:inset 0 -3px #12170f14}.project-name-field input:focus-visible{border-color:var(--pink);box-shadow:0 0 0 3px color-mix(in srgb, var(--pink) 20%, transparent), inset 0 -3px 0 #12170f14}.project-status{border:1px solid color-mix(in srgb, var(--line) 76%, transparent);min-height:0;color:var(--ink);background:color-mix(in srgb, var(--surface-warm) 55%, var(--surface));border-radius:7px;margin:0;padding:8px 10px;font-size:.82rem;font-weight:850;line-height:1.28}.project-status[hidden]{display:none}.project-status[data-tone=success]{border-color:color-mix(in srgb, var(--green) 55%, var(--line));background:color-mix(in srgb, var(--green) 20%, var(--surface))}.project-status[data-tone=warning]{border-color:color-mix(in srgb, var(--orange) 58%, var(--line));background:color-mix(in srgb, var(--orange) 20%, var(--surface))}.project-autosave-note{border:1px solid color-mix(in srgb, var(--line) 78%, transparent);color:var(--muted);background:color-mix(in srgb, var(--surface-warm) 42%, transparent);border-radius:7px;align-items:center;gap:9px;margin:0;padding:10px;font-size:.82rem;font-weight:850;line-height:1.25;display:flex}.project-autosave-note .button-icon{width:17px;height:17px;color:var(--pink);flex:none}.open-projects-button{min-height:42px}.project-dialog-list{gap:10px;max-height:min(52vh,520px);padding:2px 4px 2px 0;display:grid;overflow:auto}.project-empty{border:1px dashed var(--line-strong);color:var(--muted);background:color-mix(in srgb, var(--surface-warm) 32%, transparent);text-align:center;border-radius:7px;margin:0;padding:12px;font-size:.86rem;font-weight:850}.project-row{border:2px solid color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--surface-warm) 24%, var(--surface));border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.project-row.is-active{border-color:var(--pixel-line);box-shadow:3px 3px 0 color-mix(in srgb, var(--pink) 32%, transparent)}.project-thumb{border:2px solid var(--pixel-line);background:linear-gradient(90deg, transparent 47%, #12170f52 47% 53%, transparent 53%), linear-gradient(0deg, transparent 47%, #12170f52 47% 53%, transparent 53%), var(--project-color,var(--pink));width:34px;height:34px;image-rendering:pixelated;border-radius:6px;box-shadow:inset 0 -4px #00000024}.project-row-copy{gap:1px;min-width:0;display:grid}.project-row-copy strong,.project-row-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-row-copy strong{color:var(--ink);font-size:.9rem;font-weight:950}.project-row-copy small{color:var(--muted);font-size:.74rem;font-weight:850}.project-row-actions{grid-column:auto;grid-template-columns:minmax(74px,max-content) 36px;gap:7px;display:grid}.project-row-actions button{border:2px solid var(--pixel-line);min-height:34px;color:var(--ink);background:var(--surface);border-radius:7px;font-size:.8rem;font-weight:950}.project-row-actions button:hover,.project-row-actions button:focus-visible{color:#fff;background:var(--pink)}.project-row-actions button .ui-icon{width:16px;height:16px}.export-panel{gap:9px;display:none}.export-primary-actions,.export-secondary-actions{gap:8px;display:grid}.export-primary-actions{grid-template-columns:minmax(0,1fr) minmax(0,.82fr)}.export-primary-actions #share-link{grid-column:1/-1}.export-more-options{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--surface-warm) 24%, var(--surface));border-radius:8px;overflow:hidden}.export-more-options summary{min-height:40px;color:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-weight:950;list-style:none;display:flex}.export-more-options summary::-webkit-details-marker{display:none}.export-more-options summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:9px;height:9px;transition:transform .15s;transform:rotate(45deg)translateY(-2px)}.export-more-options[open] summary{color:var(--ink);border-bottom:1px solid color-mix(in srgb, var(--line) 74%, transparent);background:color-mix(in srgb, var(--surface-warm) 42%, var(--surface))}.export-more-options[open] summary:after{transform:rotate(225deg)translate(-2px,-2px)}.export-more-options .compact-select-field,.export-more-options .export-secondary-actions{margin:10px}.export-more-options .export-background-field{margin-bottom:10px}.export-panel .primary-button,.export-panel .green-button,.export-panel .blue-button,.export-panel .outline-button{white-space:normal;text-align:center;height:auto;min-height:46px;padding:8px 10px;font-size:.92rem;line-height:1.15}.export-panel .button-icon{width:18px;height:18px}.guide-promo{color:inherit;background:linear-gradient(135deg,#fff0b9,#fffaf0);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid}.guide-promo:hover,.guide-promo:focus-visible{box-shadow:5px 5px 0 var(--pixel-line);transform:translate(-1px,-1px)}.guide-promo strong,.guide-promo small{display:block}.guide-promo strong{font-family:var(--font-display);font-size:1rem}.guide-promo small{color:var(--muted);font-weight:750}.maker-info-section{border-top:2px solid var(--pixel-line);background:linear-gradient(135deg, #ffffffc2, #e9fbf794), color-mix(in srgb, var(--surface) 78%, transparent);grid-column:1/-1;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:start;gap:22px;margin-top:10px;padding:28px;display:grid}.maker-info-copy h2{max-width:520px;font-family:var(--font-display);margin:0;font-size:clamp(1.75rem,2.6vw,2.55rem);line-height:1.08}.maker-info-copy p{max-width:680px;color:var(--ink);margin:16px 0 0;font-weight:760;line-height:1.62}.maker-info-links{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.maker-info-links a{border:2px solid var(--pixel-line);min-height:36px;color:var(--ink);background:var(--surface-warm);border-radius:7px;align-items:center;padding:0 12px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:2px 2px #12170f2e}.maker-info-links a:hover,.maker-info-links a:focus-visible{color:#fff;background:var(--pink)}.maker-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.maker-use-case-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.maker-info-grid article{border:2px solid var(--pixel-line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-warm) 46%, #fff);min-width:0;padding:18px;box-shadow:4px 4px #12170f24}.maker-info-grid h3{font-family:var(--font-display);margin:0 0 12px;font-size:1.05rem;line-height:1.18}.maker-info-grid p{color:var(--ink);margin:0;font-weight:760;line-height:1.48}.use-case-icon,.faq-board-mark{color:var(--ink);justify-content:center;align-items:center;display:inline-flex}.use-case-icon svg,.faq-board-mark svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.maker-info-grid ol{color:var(--ink);gap:8px;margin:0;padding-left:20px;font-weight:760;line-height:1.42;display:grid}.maker-size-list{gap:8px;margin:0;display:grid}.maker-size-list div{grid-template-columns:56px 1fr;align-items:start;gap:10px;display:grid}.maker-size-list dt{font-family:var(--font-display);font-size:.92rem}.maker-size-list dd{color:var(--ink);margin:0;font-weight:760;line-height:1.38}.grid-maker-faq-section{grid-column:1/-1;width:auto;margin:8px 28px 0}.grid-maker-faq-heading{align-items:center;gap:14px;margin-bottom:24px;display:flex}.grid-maker-faq-heading h2{margin:0}.faq-swatch-track{gap:7px;margin-left:auto;display:inline-flex}.faq-swatch-track span{border:2px solid var(--pixel-line);background:var(--surface);width:18px;height:18px;box-shadow:2px 2px 0 color-mix(in srgb, var(--pixel-line) 18%, transparent);border-radius:5px}
.palette-page{--palette-panel:color-mix(in srgb, var(--surface) 92%, white);--palette-line:color-mix(in srgb, var(--line) 74%, transparent);--palette-shadow:0 18px 38px #3932221f;width:min(1240px,100% - 64px);margin:0 auto;padding:38px 0 28px}.palette-page h1,.palette-page h2,.palette-page h3,.palette-page p{margin:0}.palette-hero{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:center;gap:clamp(22px,5vw,84px);margin-bottom:28px;display:grid}.palette-hero-copy{min-width:0}.palette-hero-copy .guide-breadcrumb{margin-bottom:18px}.palette-hero h1{max-width:12ch;font-family:var(--font-display);letter-spacing:0;font-size:clamp(3.4rem,6vw,6rem);line-height:.9}.palette-hero-copy>p{max-width:66ch;color:var(--muted);margin-top:22px;font-size:clamp(1.02rem,1.4vw,1.18rem);font-weight:760;line-height:1.62}.palette-about-card,.palette-tool-panel,.palette-board,.palette-detail-card,.palette-preview-card,.palette-use-section,.palette-download-card,.palette-tips-card{border:1px solid var(--palette-line);background:var(--palette-panel);box-shadow:var(--palette-shadow);border-radius:8px}.palette-about-card{grid-template-columns:128px minmax(0,1fr);align-items:center;gap:18px;min-height:212px;padding:18px 22px 18px 16px;display:grid;overflow:hidden}.palette-about-card img{object-fit:cover;object-position:center 34%;width:128px;height:168px;image-rendering:pixelated}.palette-about-card h2,.palette-tool-panel h2,.palette-board-header h2,.palette-detail-card h2,.palette-preview-card h2,.palette-use-section h2,.palette-download-card h2,.palette-tips-card h2{color:var(--ink);font-size:1.04rem;font-weight:950;line-height:1.15}.palette-about-card p{color:var(--muted);margin-top:10px;font-size:.88rem;font-weight:760;line-height:1.62}.palette-about-card button{border:1px solid color-mix(in srgb, var(--line) 82%, var(--pixel-line));min-height:42px;color:var(--ink);background:color-mix(in srgb, var(--surface) 94%, var(--yellow));border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:0 15px;font-size:.82rem;font-weight:900;transition:border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.palette-about-card button:hover,.palette-about-card button:focus-visible{border-color:var(--pixel-line);transform:translate(-1px,-1px);box-shadow:3px 3px #12170f2e}.palette-family-strip{margin-bottom:22px}.palette-family-strip-heading,.palette-category-section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;display:flex}.palette-family-strip-heading h2,.palette-category-section-heading h2{font-family:var(--font-display);margin:0;font-size:clamp(1.48rem,2.5vw,2.2rem);line-height:1.08}.palette-family-strip-heading p,.palette-category-section-heading p{color:var(--muted);margin:6px 0 0;font-weight:800;line-height:1.55}.palette-family-card-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;display:grid}.palette-family-card{border:1px solid var(--palette-line);min-width:0;min-height:122px;color:inherit;background:var(--palette-panel);border-radius:8px;align-content:start;gap:8px;padding:14px 12px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;box-shadow:0 2px 8px #12170f0f}.palette-family-card:hover,.palette-family-card:focus-visible{border-color:var(--pink);transform:translateY(-2px);box-shadow:0 10px 22px #f04f7824}.palette-family-card strong{color:var(--ink);font-family:var(--font-display);font-size:1rem;line-height:1.08}.palette-family-card>span:not(.category-icon){color:var(--pink);margin-top:auto;font-size:.78rem;font-weight:950}.palette-workspace{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;display:grid}.palette-sidebar{gap:18px;display:grid;position:sticky;top:108px}.palette-tool-panel{padding:18px}.palette-category-list,.palette-action-stack{gap:7px;margin-top:16px;display:grid}.palette-category-list button,.palette-action-stack button{width:100%;min-height:42px;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 12px;font-size:.9rem;font-weight:860;transition:background .14s,border-color .14s,transform .14s;display:grid}.palette-category-list button:hover,.palette-category-list button:focus-visible,.palette-category-list button.is-active,.palette-action-stack button:hover,.palette-action-stack button:focus-visible{border-color:color-mix(in srgb, var(--pink) 32%, transparent);background:color-mix(in srgb, var(--surface-pink) 58%, transparent)}.palette-category-list button.is-active{color:var(--pink);font-weight:950}.palette-category-list strong,.palette-action-stack span{min-width:30px;color:var(--pink);background:color-mix(in srgb, var(--surface-pink) 82%, white);text-align:center;border-radius:999px;justify-self:end;padding:2px 7px;font-size:.74rem;font-weight:950}.category-icon{border:2px solid var(--pixel-line);width:22px;height:22px;color:var(--pixel-line);background:linear-gradient(135deg, var(--pink) 0 45%, var(--yellow) 45% 72%, var(--cyan) 72%);border-radius:6px;place-items:center;font-size:0;display:inline-grid;box-shadow:2px 2px #12170f1f}.category-icon:before{content:"";background:currentColor;border-radius:2px;width:8px;height:8px}.category-icon.heart{background:#f25372}.category-icon.sun{background:#ffc51c}.category-icon.leaf{background:#75b51b}.category-icon.wave{background:#58b9d6}.category-icon.gem{background:#a783d8}.category-icon.wood{background:#c79261}.category-icon.stone{background:#c9cbd2}.category-icon.spark{background:#fff}.category-icon.ink{background:#12141b}.palette-action-stack button{grid-template-columns:28px minmax(0,1fr) auto}.palette-action-stack .inline-icon{width:21px;height:21px;color:var(--green)}.palette-action-stack button:nth-child(2) .inline-icon{color:var(--blue)}.palette-search{margin-top:16px;display:block;position:relative}.palette-search input{border:1px solid var(--palette-line);width:100%;min-height:42px;color:var(--ink);background:var(--surface);border-radius:7px;outline:none;padding:0 42px 0 12px;font-size:.86rem;font-weight:760;transition:border-color .15s,box-shadow .15s}.palette-search input:focus{border-color:var(--pink);box-shadow:0 0 0 3px color-mix(in srgb, var(--pink) 18%, transparent)}.palette-search .inline-icon{width:18px;height:18px;color:var(--muted);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.palette-main-column{gap:20px;min-width:0;display:grid}.palette-board{min-width:0;padding:20px 22px 24px}.palette-board-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.palette-board-header p{color:var(--muted);margin-top:6px;font-size:.84rem;font-weight:760}.palette-display-toggle{color:var(--ink);flex:none;align-items:center;gap:8px;font-size:.8rem;font-weight:900;display:flex}.palette-display-toggle button{width:34px;height:34px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;padding:0;display:grid}.palette-display-toggle button:hover,.palette-display-toggle button:focus-visible,.palette-display-toggle button.is-active{border-color:color-mix(in srgb, var(--pink) 62%, var(--line));color:var(--pink);background:color-mix(in srgb, var(--surface-pink) 68%, transparent)}.palette-display-toggle .inline-icon{width:18px;height:18px}.palette-color-collection.is-grid{grid-template-columns:repeat(10,minmax(42px,1fr));gap:16px 18px;display:grid}.palette-color-collection.is-grid button{min-width:0;color:var(--ink);text-align:center;background:0 0;border:0;justify-items:center;gap:6px;padding:0;display:grid}.palette-swatch-button{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--swatch) 72%, var(--pixel-line));background:var(--swatch);border-radius:6px;width:clamp(34px,4.5vw,48px);max-width:48px;transition:border-color .14s,box-shadow .14s,transform .14s;display:block;box-shadow:inset 0 -5px #00000021,0 3px 8px #12170f1f}.palette-color-collection button:hover .palette-swatch-button,.palette-color-collection button:focus-visible .palette-swatch-button{border-color:var(--pixel-line);box-shadow:inset 0 -5px 0 #00000024, 0 0 0 4px color-mix(in srgb, var(--swatch) 22%, transparent);transform:translateY(-2px)}.palette-color-collection button.is-selected .palette-swatch-button{border-color:var(--pink);box-shadow:0 0 0 4px var(--surface), 0 0 0 6px color-mix(in srgb, var(--pink) 78%, transparent), inset 0 -5px 0 #00000021}.palette-swatch-number{color:var(--ink);font-size:.82rem;font-weight:950;line-height:1}.palette-swatch-name,.palette-swatch-hex{display:none}.palette-color-collection.is-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.palette-color-collection.is-list button{border:1px solid var(--palette-line);min-width:0;min-height:52px;color:var(--ink);background:color-mix(in srgb, var(--surface) 86%, transparent);text-align:left;border-radius:7px;grid-template-columns:40px 38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.palette-color-collection.is-list .palette-swatch-button{width:34px}.palette-color-collection.is-list .palette-swatch-name,.palette-color-collection.is-list .palette-swatch-hex{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.palette-color-collection.is-list .palette-swatch-name{font-size:.86rem;font-weight:900}.palette-color-collection.is-list .palette-swatch-hex{color:var(--muted);font-size:.78rem;font-weight:860}.palette-empty-state{border:1px dashed var(--line-strong);text-align:center;border-radius:8px;place-items:center;min-height:220px;padding:28px;display:grid}.palette-empty-state h3{font-size:1.2rem;font-weight:950}.palette-empty-state p{color:var(--muted);margin-top:6px;font-weight:760}.palette-detail-grid{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);align-items:start;gap:20px;display:grid}.palette-detail-card,.palette-preview-card{min-width:0;padding:20px}.selected-color-summary{grid-template-columns:70px minmax(0,1fr);align-items:center;gap:16px;margin-top:18px;display:grid}.selected-color-large{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--active-color) 78%, var(--pixel-line));background:var(--active-color);border-radius:8px;width:66px;display:block;box-shadow:inset 0 -8px #00000024,4px 4px #12170f1f}.selected-color-summary h3{font-size:1.08rem;font-weight:950}.selected-color-summary span{color:var(--active-color-text);background:var(--active-color);border-radius:999px;margin-top:5px;padding:2px 8px;font-size:.72rem;font-weight:950;display:inline-flex}.selected-color-summary p{color:var(--muted);margin-top:10px;font-size:.86rem;font-weight:760;line-height:1.5}.palette-code-list{gap:8px;margin-top:18px;display:grid}.palette-code-list button{border:1px solid var(--palette-line);min-width:0;min-height:40px;color:var(--ink);background:var(--surface);text-align:left;border-radius:6px;grid-template-columns:54px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:0 10px;transition:border-color .14s,background .14s;display:grid}.palette-code-list button:hover,.palette-code-list button:focus-visible{border-color:var(--pink);background:color-mix(in srgb, var(--surface-pink) 32%, var(--surface))}.palette-code-list span{color:var(--muted);font-size:.78rem;font-weight:950}.palette-code-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:880;overflow:hidden}.palette-code-list .inline-icon{width:17px;height:17px;color:var(--soft-muted)}.similar-heading{margin-top:16px;font-size:.84rem;font-weight:950}.similar-color-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.similar-color-row button{border:1px solid color-mix(in srgb, var(--swatch) 74%, var(--pixel-line));background:var(--swatch);border-radius:7px;min-height:42px;box-shadow:inset 0 -6px #0000001f}.similar-color-row button:hover,.similar-color-row button:focus-visible{border-color:var(--pixel-line);transform:translateY(-1px)}.copy-status{min-height:1.2em;color:var(--pink);margin-top:10px;font-size:.78rem;font-weight:900}.palette-game-preview{aspect-ratio:16/10;border:1px solid color-mix(in srgb, var(--blue) 26%, var(--line));background:#68c5d0;border-radius:7px;margin-top:16px;position:relative;overflow:hidden}.palette-game-preview img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.preview-swatch{border:2px solid var(--surface);min-width:52px;min-height:34px;color:var(--active-color-text);background:var(--active-color);border-radius:7px;justify-content:center;align-items:center;font-size:.82rem;font-weight:950;display:inline-flex;position:absolute;bottom:12px;right:12px;box-shadow:0 5px 16px #12170f3d}.palette-preview-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.palette-preview-tabs button{min-width:0;min-height:38px;color:var(--ink);white-space:normal;background:0 0;border:1px solid #0000;border-radius:6px;padding:0 8px;font-size:.78rem;font-weight:900;line-height:1.12}.palette-preview-tabs button:hover,.palette-preview-tabs button:focus-visible,.palette-preview-tabs button.is-active{border-color:color-mix(in srgb, var(--blue) 44%, var(--line));background:color-mix(in srgb, var(--blue) 12%, var(--surface))}.palette-preview-card>p{color:var(--muted);margin-top:12px;font-size:.84rem;font-weight:760;line-height:1.5}.palette-use-section{margin-top:22px;padding:22px}.palette-use-section>div:first-child{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.palette-use-section>div:first-child p{color:var(--muted);font-size:.9rem;font-weight:760}.palette-use-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.palette-use-grid article{grid-template-rows:136px minmax(0,1fr);align-content:start;min-width:0;display:grid}.palette-use-media{border:1px solid var(--palette-line);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-warm) 32%, var(--surface)), color-mix(in srgb, var(--surface-warm) 18%, var(--surface))), var(--surface);border-radius:8px;place-items:center;min-height:136px;padding:10px 8px;display:grid;overflow:hidden}.palette-use-media img{object-fit:contain;width:auto;max-width:min(100%,164px);max-height:120px;image-rendering:pixelated;filter:drop-shadow(0 6px #0f172a14)}.palette-use-grid article>div:last-child{padding-top:13px}.palette-use-grid h3{font-size:.9rem;font-weight:950}.palette-use-grid p{color:var(--muted);margin-top:7px;font-size:.8rem;font-weight:760;line-height:1.48}.palette-download-section{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:20px;margin-top:22px;display:grid}.palette-download-card,.palette-tips-card{padding:22px}.palette-download-card>div:first-child p{color:var(--muted);margin-top:5px;font-size:.9rem;font-weight:760}.palette-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.palette-download-grid article{border:1px solid var(--palette-line);background:color-mix(in srgb, var(--surface) 78%, transparent);border-radius:7px;grid-template-rows:auto 1fr auto;gap:8px;min-width:0;min-height:164px;padding:16px;display:grid}.palette-download-grid h3{font-size:.95rem;font-weight:950}.palette-download-grid p{color:var(--muted);font-size:.8rem;font-weight:760;line-height:1.48}.palette-download-grid button{color:#fff;background:var(--pink);border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-size:.82rem;font-weight:950;display:inline-flex;box-shadow:inset 0 -3px #00000024}.palette-download-grid article:nth-child(2) button{background:var(--green)}.palette-download-grid article:nth-child(3) button{background:var(--blue)}.palette-download-grid button:hover,.palette-download-grid button:focus-visible{filter:brightness(1.04);transform:translateY(-1px)}.palette-download-grid .inline-icon{width:17px;height:17px}.palette-tips-card{background:linear-gradient(135deg, color-mix(in srgb, var(--surface-warm) 62%, var(--surface)), var(--surface));align-self:stretch}.palette-tips-card ul{gap:13px;margin:16px 0 0;padding:0;list-style:none;display:grid}.palette-tips-card li{min-height:24px;color:var(--ink);padding-left:32px;font-size:.86rem;font-weight:780;line-height:1.5;position:relative}.palette-tips-card li:before{content:"";background:linear-gradient(135deg, #ffffff7a, transparent), var(--green);border-radius:50%;width:20px;height:20px;position:absolute;top:2px;left:0;box-shadow:inset 0 -2px #00000024}.palette-tips-card li:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:8px;height:5px;position:absolute;top:8px;left:6px;transform:rotate(-45deg)}.palette-category-hero{margin-bottom:22px}.palette-category-hero h1{max-width:14ch}.palette-family-stat-card{border:1px solid var(--palette-line);background:var(--palette-panel);min-height:260px;box-shadow:var(--palette-shadow);border-radius:8px;align-content:center;gap:20px;padding:24px;display:grid}.palette-family-stat-card>.category-icon{border-radius:10px;width:54px;height:54px}.palette-family-stat-card dl{gap:12px;margin:0;display:grid}.palette-family-stat-card div{border-bottom:1px solid var(--palette-line);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:14px;padding-bottom:12px;display:grid}.palette-family-stat-card dt{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:950}.palette-family-stat-card dd{color:var(--ink);font-family:var(--font-display);margin:0;font-size:1.24rem;line-height:1}.palette-category-grid-section,.palette-category-depth-grid{margin-top:22px}.palette-category-swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.palette-category-swatch-card{border:1px solid var(--palette-line);background:var(--palette-panel);border-radius:8px;grid-template-columns:72px minmax(0,1fr);gap:14px;min-width:0;padding:14px;display:grid;box-shadow:0 2px 8px #12170f0f}.palette-category-swatch{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--swatch) 74%, var(--pixel-line));width:72px;min-width:0;color:var(--swatch-text);background:var(--swatch);border-radius:8px;place-items:center;font-weight:950;display:grid;box-shadow:inset 0 -7px #00000021,3px 3px #12170f1f}.palette-category-swatch-card h3{color:var(--ink);font-family:var(--font-display);margin:0;font-size:1.05rem;line-height:1.1}.palette-category-swatch-card dl{gap:5px;margin:10px 0 0;display:grid}.palette-category-swatch-card dl div{grid-template-columns:34px minmax(0,1fr);gap:8px;display:grid}.palette-category-swatch-card dt{color:var(--muted);font-size:.72rem;font-weight:950}.palette-category-swatch-card dd{overflow-wrap:anywhere;min-width:0;color:var(--ink);margin:0;font-size:.8rem;font-weight:850}.palette-category-depth-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.66fr) minmax(260px,.74fr);gap:20px;display:grid}.palette-featured-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.palette-featured-swatch{border:2px solid color-mix(in srgb, var(--swatch) 74%, var(--pixel-line));min-height:86px;color:var(--swatch-text);background:var(--swatch);text-align:center;border-radius:8px;place-items:center;padding:8px;display:grid;box-shadow:inset 0 -8px #00000021}.palette-featured-swatch strong{font-family:var(--font-display);font-size:1.35rem}.palette-featured-swatch small{font-weight:950}.palette-family-link-list{gap:9px;margin-top:14px;display:grid}.palette-family-link-list a{border:1px solid var(--palette-line);min-height:46px;color:inherit;background:color-mix(in srgb, var(--surface-warm) 28%, var(--surface));border-radius:7px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;text-decoration:none;display:grid}.palette-family-link-list a:hover,.palette-family-link-list a:focus-visible{border-color:var(--pink)}.palette-family-link-list a>span:not(.category-icon){min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:900;overflow:hidden}.palette-family-link-list strong{color:var(--pink);font-size:.76rem}@media (max-width:1120px){.palette-page{width:min(100% - 42px,980px)}.palette-hero,.palette-workspace,.palette-download-section{grid-template-columns:1fr}.palette-hero{align-items:stretch}.palette-about-card{max-width:520px}.palette-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;position:static}.palette-family-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-category-depth-grid{grid-template-columns:1fr}.palette-color-collection.is-grid{grid-template-columns:repeat(8,minmax(42px,1fr))}}@media (max-width:860px){.palette-sidebar,.palette-detail-grid,.palette-download-grid,.palette-category-swatch-grid{grid-template-columns:1fr}.palette-color-collection.is-grid{grid-template-columns:repeat(6,minmax(40px,1fr))}.palette-color-collection.is-list{grid-template-columns:1fr}.palette-use-section>div:first-child{align-items:start;display:grid}.palette-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-use-media{min-height:150px}.palette-use-grid article{grid-template-rows:150px minmax(0,1fr)}}@media (max-width:760px){.palette-page{width:calc(100% - 28px);padding-top:22px}.palette-hero{gap:18px;margin-bottom:18px}.palette-hero h1{font-size:clamp(2.9rem,15vw,4.3rem)}.palette-hero-copy>p{margin-top:16px;font-size:1rem}.palette-about-card{grid-template-columns:104px minmax(0,1fr);gap:14px;min-height:0;padding:14px}.palette-about-card img{width:104px;height:136px}.palette-about-card p{font-size:.82rem}.palette-about-card button{width:100%;min-height:40px;margin-top:12px;padding:0 10px}.palette-workspace,.palette-main-column,.palette-detail-grid,.palette-download-section{gap:14px}.palette-tool-panel,.palette-board,.palette-detail-card,.palette-preview-card,.palette-use-section,.palette-download-card,.palette-tips-card{padding:16px}.palette-board-header{gap:12px;margin-bottom:16px;display:grid}.palette-family-card-grid{grid-template-columns:1fr}.palette-family-strip-heading,.palette-category-section-heading{flex-direction:column;align-items:stretch}.palette-display-toggle{justify-content:space-between;width:100%}.palette-color-collection.is-grid{grid-template-columns:repeat(5,minmax(38px,1fr));gap:14px 10px}.palette-swatch-button{width:38px}.palette-color-collection.is-list button{grid-template-columns:36px 32px minmax(0,1fr)}.palette-color-collection.is-list .palette-swatch-hex{display:none}.selected-color-summary{grid-template-columns:58px minmax(0,1fr);gap:12px}.selected-color-large{width:56px}.palette-preview-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-use-grid{grid-template-columns:1fr;gap:16px}.palette-use-grid article{grid-template-rows:auto;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px}.palette-use-media{min-height:112px;padding:8px}.palette-use-media img{max-width:96px;max-height:96px}.palette-use-grid article>div:last-child{padding-top:0}.palette-download-grid article{min-height:0}}@media (max-width:420px){.palette-about-card{grid-template-columns:1fr}.palette-about-card img{justify-self:center}.palette-color-collection.is-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.palette-code-list button{grid-template-columns:44px minmax(0,1fr) 18px}.palette-category-swatch-card{grid-template-columns:60px minmax(0,1fr);gap:12px}.palette-category-swatch{width:60px}.palette-featured-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.adsterra-section{justify-items:center;gap:8px;width:min(100% - 32px,1120px);margin:clamp(24px,5vw,48px) auto;display:grid}.adsterra-label{color:var(--soft-muted);font-size:.78rem}.adsterra-frame{width:min(100%, var(--adsterra-width));min-height:var(--adsterra-height);place-items:center;display:grid;overflow:hidden}.adsterra-placeholder{width:min(100%, var(--adsterra-width));min-height:var(--adsterra-height);border:1px dashed var(--line-strong);background:color-mix(in srgb, var(--surface) 74%, transparent)}@media (max-width:520px){.adsterra-section{width:min(100% - 20px,1120px);margin:24px auto}}
.plain-dialog{border:2px solid var(--pixel-line);border-radius:var(--radius);width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--ink);background:var(--surface);box-shadow:var(--shadow);padding:24px;overflow:auto}.plain-dialog form{gap:16px;display:grid}.plain-dialog::backdrop{background:linear-gradient(#11121d5c,#11121d5c),repeating-linear-gradient(45deg,#0000 0 10px,#ffffff1f 10px 12px)}.plain-dialog header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:0;display:flex}.plain-dialog h2,.plain-dialog p{margin:0}.plain-dialog>form>p{color:var(--muted);font-size:.98rem;font-weight:850;line-height:1.45}.project-dialog{width:min(720px,100vw - 32px)}.project-dialog form{gap:14px}.project-dialog header>div{gap:4px;min-width:0;display:grid}.project-dialog header p{color:var(--muted);font-size:.92rem;font-weight:850;line-height:1.35}.project-upload-section,.project-history-section{gap:10px;display:grid}.project-dialog-section-heading{gap:4px;min-width:0;display:grid}.project-dialog-section-heading h3{color:var(--ink);margin:0;font-size:.92rem;font-weight:950;line-height:1.15}.project-dialog-section-heading p{color:var(--muted);font-size:.84rem;font-weight:850;line-height:1.35}.project-upload-drop{min-height:154px}.project-upload-drop:focus-visible{border-color:var(--pink);box-shadow:0 0 0 3px color-mix(in srgb, var(--pink) 20%, transparent), 4px 4px 0 var(--pixel-line);outline:none}.project-dialog-actions{grid-template-columns:minmax(190px,.72fr) minmax(220px,1fr);align-items:center;gap:10px;display:grid}.project-new-button{border:2px solid var(--pixel-line);color:#fff;background:var(--pink);min-height:46px;box-shadow:4px 4px 0 var(--pixel-line);font:inherit;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.9rem;font-weight:950;display:inline-flex}.project-new-button:hover,.project-new-button:focus-visible{transform:translate(-1px,-1px)}.project-new-button .button-icon{flex:none;width:18px;height:18px}.project-search-field{border:2px solid var(--pixel-line);background:color-mix(in srgb, var(--surface-warm) 44%, var(--surface));border-radius:8px;align-items:center;gap:9px;min-height:46px;padding:0 12px;display:flex;box-shadow:inset 0 -3px #12170f14}.project-search-field:focus-within{border-color:var(--pink);box-shadow:0 0 0 3px color-mix(in srgb, var(--pink) 20%, transparent), inset 0 -3px 0 #12170f14}.project-search-field .ui-icon{width:18px;height:18px;color:var(--muted);flex:none}.project-search-field input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;font-weight:850}.project-dialog-note{color:color-mix(in srgb, var(--muted) 86%, var(--ink));font-size:.86rem;line-height:1.35}.project-dialog-status{border:1px solid color-mix(in srgb, var(--line-strong) 72%, transparent);color:var(--ink);background:color-mix(in srgb, var(--surface-warm) 34%, var(--surface));border-radius:7px;padding:9px 11px;font-size:.86rem;font-weight:900;line-height:1.35}.project-dialog-status[data-tone=warning]{border-color:color-mix(in srgb, var(--orange) 76%, var(--pixel-line));background:color-mix(in srgb, var(--yellow) 46%, var(--surface))}.color-dialog{width:min(620px,100vw - 32px)}.color-dialog header>div{gap:4px;min-width:0;display:grid}.color-dialog header p{color:var(--muted);font-size:.92rem;font-weight:850;line-height:1.35}.color-dialog-grid{grid-template-columns:116px minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.color-dialog-swatch{border:2px solid var(--pixel-line);border-radius:8px;min-height:116px;box-shadow:inset 0 -10px #0000001f,4px 4px #12170f2e}.color-dialog-list{gap:7px;margin:0;display:grid}.color-dialog-list div{border:1px solid color-mix(in srgb, var(--line) 76%, transparent);background:color-mix(in srgb, var(--surface-warm) 36%, var(--surface));border-radius:7px;grid-template-columns:minmax(92px,.45fr) minmax(0,1fr);gap:10px;padding:8px 10px;display:grid}.color-dialog-list dt{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:950}.color-dialog-list dd{color:var(--ink);margin:0;font-weight:900}.color-dialog-note{border:1px solid color-mix(in srgb, var(--orange) 50%, var(--line));background:color-mix(in srgb, var(--yellow) 24%, var(--surface));border-radius:8px;padding:11px 12px}.share-dialog{width:min(980px,100vw - 32px)}.share-dialog form{gap:18px}.share-dialog header>div{gap:4px;min-width:0;display:grid}.share-dialog header p{color:var(--muted);font-size:.92rem;font-weight:850;line-height:1.35}.share-dialog-grid{grid-template-columns:minmax(0,1.16fr) minmax(280px,.84fr);align-items:start;gap:18px;display:grid}.share-card-preview{border:2px solid var(--pixel-line);background:color-mix(in srgb, var(--surface-warm) 64%, var(--surface));box-shadow:4px 4px 0 var(--pixel-line);border-radius:8px;padding:10px;overflow:hidden}#share-card-canvas{aspect-ratio:1200/630;border:1px solid color-mix(in srgb, var(--line) 72%, transparent);background:#fffaf0;border-radius:6px;width:100%;height:auto;display:block}.share-dialog-details{gap:12px;min-width:0;display:grid}.share-summary{gap:10px;display:grid}.share-summary h3,.share-link-field span{color:var(--muted);margin:0;font-size:.84rem;font-weight:950}.share-summary dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.share-summary dl>div{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--surface-pink) 22%, var(--surface));border-radius:7px;align-content:center;gap:4px;min-width:0;min-height:74px;padding:10px;display:grid}.share-summary dt{color:var(--muted);font-size:.74rem;font-weight:950}.share-summary dd{overflow-wrap:anywhere;min-width:0;color:var(--ink);margin:0;font-size:.96rem;font-weight:950;line-height:1.15}.share-link-field{gap:7px;display:grid}.share-link-field input{border:2px solid var(--pixel-line);width:100%;min-height:42px;color:var(--ink);background:color-mix(in srgb, var(--surface-warm) 48%, var(--surface));font:inherit;border-radius:7px;padding:0 11px;font-size:.78rem;font-weight:820}.share-privacy-note,.share-status{color:color-mix(in srgb, var(--muted) 86%, var(--ink));font-size:.84rem;font-weight:820;line-height:1.35}.share-platforms{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--surface-mint) 18%, var(--surface));border-radius:8px;order:2;gap:10px;padding:11px;display:grid}.share-platforms>div:first-child{gap:4px;display:grid}.share-platforms h3{color:var(--muted);margin:0;font-size:.84rem;font-weight:950}.share-platforms p{color:color-mix(in srgb, var(--muted) 86%, var(--ink));margin:0;font-size:.76rem;font-weight:820;line-height:1.3}.share-platform-list{flex-wrap:wrap;gap:8px;display:flex}.share-platform-button{border:2px solid var(--pixel-line);width:46px;min-width:46px;min-height:42px;color:var(--ink);background:linear-gradient(180deg, #ffffffbd, #ffffff2e), var(--surface-warm);box-shadow:3px 3px 0 var(--pixel-line);font-family:var(--font-display);text-align:center;border-radius:7px;justify-content:center;align-items:center;padding:0;font-weight:950;line-height:1;transition:transform .16s,box-shadow .16s;display:inline-flex}.share-platform-button:hover{box-shadow:2px 2px 0 var(--pixel-line);transform:translate(1px,1px)}.share-platform-badge{border:1px solid var(--pixel-line);color:#fff;background:var(--platform-color,var(--pink));border-radius:7px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;line-height:1;display:inline-flex}.share-platform-icon svg{fill:currentColor;width:17px;height:17px;display:block}.share-platform-icon path{stroke:none}.share-actions{order:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.share-actions .primary-button,.share-actions .outline-button,.share-actions .green-button{white-space:normal;height:auto;min-height:44px;padding:8px 10px;font-size:.84rem;line-height:1.15}.share-actions .button-icon{width:17px;height:17px}.share-status{min-height:1.2em;font-weight:950}.share-status[data-tone=success]{color:var(--green)}.share-status[data-tone=warning]{color:var(--pink)}.shortcut-list{gap:8px;display:grid}.shortcut-row{border:1px solid color-mix(in srgb, var(--line) 78%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-warm) 72%, transparent);grid-template-columns:minmax(116px,max-content) minmax(0,1fr);align-items:center;gap:14px;min-height:42px;padding:9px 10px;display:grid}.shortcut-keys{flex-wrap:wrap;gap:5px;display:flex}.shortcut-row kbd{border:2px solid var(--pixel-line);min-width:32px;min-height:28px;color:var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--pixel-line);font:inherit;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:.76rem;font-weight:950;line-height:1;display:inline-flex}.shortcut-row>span:last-child{min-width:0;color:var(--ink);font-size:.92rem;font-weight:900;line-height:1.35}.plain-dialog .help-dialog-note{color:color-mix(in srgb, var(--muted) 86%, var(--ink));font-size:.86rem}@media (max-width:860px){.share-dialog-grid{grid-template-columns:1fr}.share-dialog-details{gap:14px}}@media (max-width:420px){.plain-dialog{padding:18px}.project-dialog,.share-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 16px);padding:16px}.share-dialog form{gap:10px}.share-dialog header{gap:8px}.share-dialog header p{display:none}.share-dialog header .icon-button{width:38px;height:38px}.share-card-preview{box-shadow:3px 3px 0 var(--pixel-line);padding:6px}.share-dialog-details,.share-summary{gap:8px}.share-summary h3,.share-link-field span{display:none}.share-platforms h3{font-size:.76rem}.project-dialog-actions{grid-template-columns:1fr}.share-actions,.share-platform-list{grid-template-columns:repeat(2,minmax(0,1fr))}.share-summary dl>div{min-height:56px;padding:7px}.share-summary dt{font-size:.64rem}.share-summary dd{font-size:.74rem}.share-link-field{gap:5px}.share-link-field input{min-height:38px;padding:0 9px;font-size:.7rem}.share-privacy-note,.share-status{font-size:.76rem;line-height:1.25}.share-actions{gap:7px}.share-actions .primary-button,.share-actions .outline-button,.share-actions .green-button{min-height:40px;box-shadow:3px 3px 0 var(--pixel-line);gap:6px;padding:7px 8px;font-size:.76rem}.share-actions .button-icon{width:14px;height:14px}.share-platforms{gap:7px;padding:8px}.share-platforms p{display:none}.share-platform-list{scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:none;justify-content:center;gap:6px;padding:2px 2px 5px;display:flex;overflow-x:auto}.share-platform-list::-webkit-scrollbar{display:none}.share-platform-button{scroll-snap-align:start;flex:none;width:42px;min-width:42px;min-height:40px;padding:0}.share-platform-badge{flex-basis:26px;width:26px;height:26px}.share-platform-icon svg{width:16px;height:16px}.project-new-button{width:100%}.project-row{grid-template-columns:30px minmax(0,1fr)}.project-thumb{width:30px;height:30px}.project-row-actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 40px}.shortcut-row{grid-template-columns:1fr;align-items:start;gap:7px}}@media (max-width:360px){.share-actions,.share-platform-list{grid-template-columns:1fr}}
.site-footer{width:min(1240px,100% - 64px);color:var(--ink);margin:38px auto 0;padding:0 0 34px}.footer-panel{border:2px solid var(--pixel-line);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--surface-warm) 86%, white), color-mix(in srgb, var(--surface) 78%, var(--cyan))), var(--surface);box-shadow:8px 8px 0 var(--pixel-line);grid-template-columns:minmax(260px,.85fr) minmax(0,1.35fr);gap:clamp(18px,3vw,34px);padding:clamp(20px,3vw,30px);display:grid;position:relative;overflow:hidden}.footer-panel:before{content:"";pointer-events:none;opacity:.34;background-color:#0000;background-image:linear-gradient(#12170f14 1px,#0000 1px),linear-gradient(90deg,#12170f14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 32%,#000);mask-image:linear-gradient(90deg,#0000,#000 32%,#000)}.footer-panel:after{content:"";pointer-events:none;background:linear-gradient(var(--pixel-line) 0 0) 0 0 / 14px 14px, linear-gradient(var(--cyan) 0 0) 14px 0 / 14px 14px, linear-gradient(var(--pink-2) 0 0) 28px 0 / 14px 14px, linear-gradient(var(--yellow) 0 0) 42px 0 / 14px 14px, linear-gradient(var(--green) 0 0) 56px 0 / 14px 14px, linear-gradient(var(--yellow) 0 0) 0 14px / 14px 14px, linear-gradient(var(--surface) 0 0) 14px 14px / 14px 14px, linear-gradient(var(--cyan) 0 0) 28px 14px / 14px 14px, linear-gradient(var(--orange) 0 0) 42px 14px / 14px 14px, linear-gradient(var(--pixel-line) 0 0) 56px 14px / 14px 14px, linear-gradient(var(--green) 0 0) 0 28px / 14px 14px, linear-gradient(var(--pink-2) 0 0) 14px 28px / 14px 14px, linear-gradient(var(--yellow) 0 0) 28px 28px / 14px 14px, linear-gradient(var(--cyan) 0 0) 42px 28px / 14px 14px, linear-gradient(var(--surface) 0 0) 56px 28px / 14px 14px;width:70px;height:70px;image-rendering:pixelated;opacity:.18;background-repeat:no-repeat;position:absolute;bottom:clamp(16px,3vw,28px);right:clamp(16px,4vw,42px);transform:rotate(-8deg)}.footer-brand-card,.footer-nav-grid,.footer-bottom{z-index:1;position:relative}.footer-brand-card{align-content:space-between;gap:22px;min-height:100%;padding:4px 0;display:grid}.footer-brand-lockup{align-items:center;gap:14px;display:flex}.footer-brand-lockup strong{font-family:var(--font-display);text-shadow:2px 2px #25c3bf42;font-size:clamp(1.45rem,2.4vw,2.05rem);line-height:1;display:block}.footer-brand-lockup p{max-width:31ch;color:var(--muted);margin:6px 0 0;font-size:.95rem;font-weight:850;line-height:1.35}.footer-swatch-row{gap:7px;display:flex}.footer-swatch-row span{border:2px solid var(--pixel-line);border-radius:6px;width:24px;height:24px;box-shadow:3px 3px #12170f2e}.footer-swatch-row span:first-child{background:var(--yellow)}.footer-swatch-row span:nth-child(2){background:var(--cyan)}.footer-swatch-row span:nth-child(3){background:var(--pink-2)}.footer-swatch-row span:nth-child(4){background:var(--green)}.footer-swatch-row span:nth-child(5){background:var(--orange)}.footer-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.footer-link-group{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 72%, transparent);min-width:0;box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--pixel-line) 9%, transparent);align-content:start;padding:14px;display:grid}.footer-link-group p{color:var(--pink);text-transform:uppercase;margin:0 0 9px;font-size:.8rem;font-weight:950;line-height:1}.footer-link-group a{min-height:34px;color:var(--ink);justify-content:space-between;align-items:center;gap:10px;font-size:.94rem;font-weight:880;text-decoration:none;transition:color .15s,transform .15s;display:flex;position:relative}.footer-link-group a+a{border-top:1px dashed color-mix(in srgb, var(--line) 80%, transparent)}.footer-link-group a:after{content:"";opacity:.42;border-top:2px solid;border-right:2px solid;flex:none;width:8px;height:8px;transition:opacity .15s,transform .15s;transform:rotate(45deg)}.footer-link-group a:hover,.footer-link-group a:focus-visible{color:var(--blue);transform:translate(3px)}.footer-link-group a:hover:after,.footer-link-group a:focus-visible:after{opacity:1;transform:translate(2px)rotate(45deg)}.footer-bottom{border-top:2px dashed color-mix(in srgb, var(--pixel-line) 22%, transparent);color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;font-size:.88rem;font-weight:850;display:flex}