@font-face{font-family:DM Sans Variable;src:url(/studio/web/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2");font-weight:100 1000;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#27253f;--muted:#5d5970;--panel:#fffefa;--line:#e8e1d5;--shadow:0 3px 0 #30254419, 0 5px 12px #2c254311;--accent:#5b409e;--accent-dark:#402879;--table:#f8e9c7;--table-edge:#e9d2a6;--dot:#a9784423;color:var(--ink);background:#fffaf0;font-family:DM Sans Variable,Arial,sans-serif}*{box-sizing:border-box}html,body{min-width:0;margin:0}#app{min-height:100dvh}h1,h2,p{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}:where(button,a,input,select,canvas,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}#app[data-mode=mandala]{--accent:#2b725e;--accent-dark:#195441;--table:#dcefe0;--table-edge:#b9ddc7;--dot:#39786025}#app[data-mode=pixel]{--accent:#5a46ac;--accent-dark:#44338a;--table:#e4def9;--table-edge:#c9bceb;--dot:#7460b524}#app[data-mode=draw]{--accent:#a9376e;--accent-dark:#7e2855;--table:#f5dee5;--table-edge:#edc3d3;--dot:#a45b7c2e}.header{background:var(--panel);padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));border-bottom:1px solid #ede6da}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;max-width:1460px;min-height:105px;margin:auto;display:grid}.brand{aspect-ratio:2.27;justify-self:start;align-items:center;width:clamp(124px,15vw,209px);display:grid;position:relative;overflow:hidden}.brand img{width:140%;max-width:none;height:auto;position:absolute;left:-20%}.mode-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:7px 0 9px;display:grid}.mode-tab{--tab-bg:#ffead4;--tab-edge:#df9054;--tab-light:#ffdbb6;min-width:111px;min-height:78px;color:var(--ink);background:var(--tab-bg);box-shadow:0 3px 0 var(--tab-light);white-space:normal;overflow-wrap:anywhere;border:1.5px solid #0000;border-radius:18px;align-content:center;justify-items:center;gap:3px;padding:6px 10px 8px;font-size:13px;font-weight:850;line-height:1.15;transition:transform .14s,box-shadow .14s,border-color .14s;display:grid}.mode-tab[data-id=mandala]{--tab-bg:#e0f4e7;--tab-edge:#5e9c7e;--tab-light:#c0e5d1}.mode-tab[data-id=pixel]{--tab-bg:#eee7fc;--tab-edge:#8c71ce;--tab-light:#dcd0f8}.mode-tab[data-id=draw]{--tab-bg:#fbe5ef;--tab-edge:#c16a96;--tab-light:#f2c7dc}.mode-tab[data-id=print]{--tab-bg:#e0f0fa;--tab-edge:#6fa2bc;--tab-light:#c5e2f0}.mode-tab.is-active{border-color:var(--tab-edge);box-shadow:0 4px 0 var(--tab-edge), inset 0 0 0 2px #fff9}.mode-tab:hover{transform:translateY(-2px)}.mode-tab:active{box-shadow:0 1px 0 var(--tab-edge);transform:translateY(2px)}.game-icon{width:42px;height:42px;display:grid}.game-icon svg{width:100%;height:100%}.icon-button,.outline-button,.primary-button{min-width:40px;min-height:42px;color:var(--ink);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:6px 9px;font-size:13px;font-weight:800;display:inline-flex}.icon-button svg{flex:none}.icon-button:not(:disabled):hover{background:#3025440d}.icon-button[aria-pressed=true],.icon-button[aria-expanded=true]{color:var(--accent-dark);background:#e9dff6}.outline-button{background:#fffefa;border-color:#ded5e5;padding-inline:13px}.outline-button:hover{background:#f7f2fa}.primary-button,.export{background:var(--accent);color:#fff;box-shadow:0 3px 0 var(--accent-dark);padding-inline:13px}.header-controls{justify-self:end;align-items:center;gap:6px;display:flex}.language-control{color:var(--ink);align-items:center;gap:3px;display:inline-flex}.language-control select{max-width:7rem;min-height:36px;color:inherit;background:#fffefa;border:1px solid #e0d7e7;border-radius:10px;padding-inline:5px;font-size:12px;font-weight:750}.language-control svg{flex:none}.export:not(:disabled):hover,.primary-button:not(:disabled):hover{background:var(--accent-dark)}.main{max-width:1350px;padding:16px max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));margin:auto}.workbench{min-width:0;position:relative}.stage{height:clamp(368px, calc(100dvh - 230px - env(safe-area-inset-top)), 850px);background:radial-gradient(var(--dot) 1.15px,transparent 1.4px) 0 0/19px 19px, radial-gradient(ellipse at 50% 48%,#fff8,transparent 73%),var(--table);border:1px solid var(--table-edge);box-shadow:inset 0 2px 0 #fffc,0 4px 0 var(--table-edge);isolation:isolate;border-radius:26px;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}[data-mode=pixel] .stage{background:linear-gradient(var(--dot) 1px,transparent 1px) 0 0/25px 25px, linear-gradient(90deg,var(--dot) 1px,transparent 1px) 0 0/25px 25px, radial-gradient(ellipse at 50% 48%,#fffc,transparent 73%),var(--table)}.stage-top,.stage-bottom{z-index:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:11px 13px;display:flex}.stage-bottom{padding-block:7px 11px}.play-prompt{align-items:center;gap:13px;min-width:0;display:flex}.play-prompt h1{letter-spacing:-.045em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:clamp(15px,2vw,23px);font-weight:900;overflow:hidden}.play-tip{text-align:center;color:#4c4055;margin:1px 8px 6px;font-size:14px;font-weight:750}.gallery-toggle{box-shadow:var(--shadow);background:#fffdf7;border:1px solid #d7bb9e;padding-inline:12px}.gallery-toggle:not(:disabled):hover{background:#fff}.toolbar,.stage-actions,.progress{box-shadow:var(--shadow);background:#fffefa;border:1px solid #fff;border-radius:13px;align-items:center;display:flex}.stage-actions{flex:none;gap:1px;padding:2px}.stage-actions .history{box-shadow:none;background:0 0;border:0}.stage-actions .icon-button,.zoom-tools .icon-button{min-width:36px;min-height:36px;padding:4px}.stage-actions .icon-button svg,.zoom-tools .icon-button svg{width:18px;height:18px}.stage-full{border-left:1px solid #eee8ee}.art-window{min-width:0;min-height:0;position:relative}#artboard{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}#artboard.hand{cursor:grab}#artboard.hand:active{cursor:grabbing}.zoom-tools{flex:none;gap:1px;padding:2px}.zoom-value{color:var(--muted);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:9px;min-width:42px;min-height:36px;padding:0 2px;font-size:12px;font-weight:820}.zoom-value:hover{background:#3025440d}.progress{gap:5px;min-width:105px;padding:7px 10px;display:grid}.progress-label{white-space:nowrap;font-size:11px;font-weight:850}.progress-track{background:#ede7f1;border-radius:10px;height:6px;overflow:hidden}.progress-track i{background:var(--accent);border-radius:inherit;width:0;height:100%;transition:width .24s;display:block}[data-mode=mandala] .progress{visibility:hidden}.dock{border:1px solid var(--line);max-width:880px;min-height:78px;box-shadow:var(--shadow);background:#fffefa;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;margin:12px auto 0;padding:7px 15px;display:flex;position:relative}.dock-title{white-space:nowrap;gap:2px;min-width:94px;display:grid}.dock-title strong{font-size:14px;font-weight:870}.dock-title small{color:var(--muted);font-size:11px}.swatches{justify-content:center;align-items:center;gap:clamp(5px,1.1vw,13px);min-width:0;display:flex}.swatch{aspect-ratio:1;background:var(--swatch);width:clamp(34px,4vw,50px);color:var(--swatch-ink,var(--ink));border:1px solid #30254442;border-radius:50%;flex:none;place-content:center;place-items:center;padding:0;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:inset 0 3px #fffa,inset 0 -4px #3326442a,0 2px #3d294924}.numbered .swatch{aspect-ratio:auto;background:linear-gradient(#fff5 4%,transparent 25%,transparent 78%,#27213720 78%),var(--swatch);border-radius:13px 13px 8px 8px;height:55px;position:relative;box-shadow:inset 3px 0 #fff5,inset -3px 0 #30254423,0 2px #30254426}.swatch:hover{transform:translateY(-3px)}.swatch[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px;transform:translateY(-2px)}.swatch:focus-visible{outline:2px dashed var(--accent);outline-offset:3px}.swatch span{font-size:17px;font-weight:930;line-height:1}.swatch small{margin-top:3px;font-size:10px;font-weight:800;line-height:1}.swatch.complete{opacity:.7}.swatch.complete small{display:none}.hint-button,.new-pattern{color:var(--accent-dark);background:#f4eef9;padding-inline:10px}.mandala-tools{align-items:center;gap:8px;display:flex}.custom-color{background:conic-gradient(#ed848f,#f9ce52,#a9d580,#8cd6db,#afa0e9,#ef9dce,#ed848f);border:2px solid #fff;border-radius:50%;outline:1px solid #d4cadb;flex:none;place-items:center;width:35px;height:35px;display:grid;position:relative}.custom-color:after{content:"+";color:var(--ink);pointer-events:none;font-size:20px}.custom-color input{opacity:.01;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.custom-color:focus-within{outline:2px solid var(--accent);outline-offset:2px}.main[data-mode=draw]{max-width:none;padding:0}[data-mode=draw] .stage{height:max(220px,calc(100dvh - var(--header-height,106px)));box-shadow:none;border:0;border-radius:0;display:block}[data-mode=draw] .art-window{position:absolute;inset:0}[data-mode=draw] .play-prompt,[data-mode=draw] .play-tip,[data-mode=draw] .progress,[data-mode=draw] .fit-button{display:none}[data-mode=draw] .stage-top{top:8px;right:max(12px,env(safe-area-inset-right));padding:0;position:absolute}[data-mode=draw] .stage-bottom{bottom:max(10px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));padding:0;position:absolute}[data-mode=draw] .dock{z-index:2;border-radius:14px;gap:5px;min-height:48px;margin:0;padding:3px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.draw-toolbar{box-shadow:none;background:0 0;border:0;gap:1px}.draw-toolbar .icon-button,.draw-options .icon-button{min-width:36px}.draw-options{border-left:1px solid #ede3ec;align-items:center;gap:2px;padding-left:6px;display:flex}.paint-color-toggle{background:var(--swatch);border:3px solid #fff;border-radius:50%;outline:1px solid #d5c7d6;flex:none;width:32px;height:32px;margin:0 4px}.paint-color-toggle:hover{outline:2px solid var(--accent)}.size-control{align-items:center;gap:3px;display:flex}.size-dot{background:#5b4a64;border-radius:50%;width:7px;height:7px}.size-control input{width:clamp(46px,7vw,93px);accent-color:var(--accent);cursor:pointer}.size-control output{min-width:23px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.flyout{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:max-content;max-width:calc(100vw - 24px);padding:11px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #3528492d}.flyout strong{margin-bottom:9px;font-size:13px;display:block}.paint-swatches{flex-wrap:wrap;align-items:center;gap:8px;max-width:395px;display:flex}.paint-swatches .swatch,.paint-swatches .custom-color{width:35px;height:35px}.paper-types{gap:7px;display:flex}.paper-types button{border:1px solid var(--line);min-width:65px;color:var(--ink);text-transform:capitalize;background:#fbf8f7;border-radius:8px;justify-items:center;gap:5px;padding:6px;font-size:12px;display:grid}.paper-types button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-dark)}.paper-sample{background-color:#fff;border:1px solid #e4dbe5;border-radius:3px;width:33px;height:27px}.paper-grid{background-image:linear-gradient(#d6ccda 1px,#0000 1px),linear-gradient(90deg,#d6ccda 1px,#0000 1px);background-size:7px 7px}.paper-dots{background-image:radial-gradient(#baadbf .75px,#0000 1px);background-size:6px 6px}:is(.main:fullscreen,.main.fallback-full){background:#fffaf0;width:100%;max-width:none;height:100dvh;padding:0}.main.fallback-full{z-index:10;position:fixed;inset:0}.main:is(:fullscreen,.fallback-full) .stage{border-radius:0;height:calc(100dvh - 92px)}.main[data-mode=draw]:is(:fullscreen,.fallback-full) .stage{height:100dvh}.full-export{display:none}.main:is(:fullscreen,.fallback-full) .full-export{display:inline-flex}.toast{z-index:3;pointer-events:none;opacity:0;background:var(--accent-dark);color:#fff;text-align:center;width:max-content;max-width:calc(100% - 20px);box-shadow:var(--shadow);border-radius:22px;padding:9px 14px;font-size:13px;font-weight:800;transition:opacity .18s,transform .18s;position:absolute;top:87px;left:50%;transform:translate(-50%,-5px)}.toast.visible{opacity:1;transform:translate(-50%)}.stage-message{color:var(--ink);z-index:2;background:#fff9;align-content:center;justify-items:center;gap:9px;font-size:14px;display:grid;position:absolute;inset:0}.burst{z-index:4;pointer-events:none;position:absolute;inset:50% auto auto 50%}.burst i{background:var(--shade);opacity:0;border-radius:2px;width:8px;height:13px;animation:.75s ease-out confetti;position:absolute}@keyframes confetti{10%{opacity:1}75%{opacity:.9}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rotation));opacity:0}}.modal{background:var(--panel);width:min(710px,100vw - 24px);max-height:calc(100dvh - 28px);color:var(--ink);border:1px solid #e0d5e7;border-radius:24px;padding:0;box-shadow:0 24px 70px #2e1d4954}.modal::backdrop{background:#29233f78}.modal-inner{gap:14px;padding:17px;display:grid}.modal-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.modal-head h2{letter-spacing:-.055em;font-size:clamp(23px,4vw,32px);font-weight:920}.modal-head .icon-button{background:#f1edf6}.modal-inner p{color:var(--muted);font-size:14px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.finished-preview{background:#f1eaf4;border-radius:15px;place-items:center;display:grid}.finished-preview canvas{width:min(100%,390px);height:auto;display:block}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.tile{min-width:0;color:var(--ink);border:1px solid var(--line);text-align:center;background:#fffdfa;border-radius:14px;gap:3px;padding:5px 5px 8px;display:grid}.tile:hover,.tile.is-current{border-color:var(--accent)}.tile-art{aspect-ratio:1.22;background:var(--tile);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.tile-art img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.tile-art i{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;inset:5px 5px auto auto}.tile-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:870;overflow:hidden}.tile-meta{color:var(--muted);font-size:11px}.pixel-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.pixel-gallery .tile-art img{width:82%;height:82%;image-rendering:pixelated;inset:9%}.pattern-settings fieldset{border:0;min-width:0;margin:0;padding:0}.pattern-settings legend{clip-path:inset(50%);position:absolute}.collection-filters{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.collection-filters button{color:var(--ink);background:#f5f0fa;border:1px solid #e4daec;border-radius:18px;min-height:35px;padding:6px 11px;font-size:12px;font-weight:820}.collection-filters button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-inner .sprite-credit{margin-top:12px;font-size:11px}.sprite-credit a{color:var(--accent-dark)}.families{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.family{color:var(--ink);background:#fffdfa;border:1px solid #e8e2e8;border-radius:14px;justify-items:center;gap:6px;padding:5px 5px 8px;font-size:12px;font-weight:840;display:grid}.family:hover,.family[aria-pressed=true]{border-color:var(--accent)}.family-art{color:#654573;background:#eadbf1;border-radius:10px;place-items:center;width:100%;min-width:0;height:86px;display:grid;position:relative;overflow:hidden}.family-art img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.family-geometry{color:#32705e;background:#dff0e3}.family-rose{color:#9b4867;background:#f6dfe5}.family-ornate{color:#925c36;background:#f8e7cd}.pattern-details{border:1px solid var(--line);border-radius:13px;margin-top:16px;padding:10px}.pattern-details summary{cursor:pointer;font-size:13px;font-weight:800}.pattern-advanced{gap:9px;margin-top:10px;display:grid}.field{gap:5px;font-size:13px;font-weight:780;display:grid}.field select,.field input{width:100%;min-width:0;min-height:39px;color:var(--ink);background:#fff;border:1px solid #ded6e3;border-radius:9px;padding:6px 8px}.seed-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}@media (width<=925px){[data-mode=draw] .dock{left:max(9px,env(safe-area-inset-left));transform:none}}@media (width<=940px){.header-inner{grid-template-columns:1fr auto;gap:3px;min-height:0;padding:3px 0 8px}.brand{width:124px;height:55px}.header-controls{grid-area:1/2}.export{min-height:36px;font-size:12px}.mode-tabs{grid-column:1/-1;gap:5px;padding:0}.mode-tab{border-radius:13px;min-width:0;min-height:59px;padding:3px 1px 5px;font-size:11px}.game-icon{width:32px;height:32px}.main{padding:8px max(8px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.stage{height:clamp(330px,calc(100dvh - 210px - env(safe-area-inset-top) - env(safe-area-inset-bottom)),790px);border-radius:17px}.stage-top,.stage-bottom{padding:6px}.play-prompt{gap:5px}.play-prompt h1{display:none}.play-tip{margin-block:2px 3px;font-size:12px}.gallery-toggle{gap:4px;min-height:38px;padding-inline:7px;font-size:11px}.gallery-toggle svg,.stage-actions .icon-button svg,.zoom-tools .icon-button svg{width:16px;height:16px}.stage-actions .icon-button,.zoom-tools .icon-button{min-width:32px;min-height:33px}.zoom-value{min-width:34px;min-height:33px;font-size:11px}.progress{min-width:77px;padding:6px 7px}.progress-label{font-size:10px}.fit-button{display:none}.dock{border-radius:16px;gap:5px;min-height:64px;margin-top:9px;padding:5px 7px}.dock-title{display:none}.swatches{gap:clamp(3px,1.15vw,9px);margin-inline:auto}.swatch{width:clamp(26px,7.35vw,42px)}.numbered .swatch{border-radius:10px 10px 6px 6px;height:43px}.swatch span{font-size:14px}.swatch small{font-size:9px}.swatch[aria-pressed=true]{outline-offset:1px}.hint-button,.new-pattern{min-width:30px;min-height:38px;padding:4px}.hint-button span,.new-pattern span{display:none}.hint-button svg,.new-pattern svg{width:17px}.mandala-tools{gap:3px}.mandala-tools .custom-color{width:28px;height:28px}.toast{top:70px}[data-mode=draw] .stage-top{top:6px;right:max(7px,env(safe-area-inset-right))}[data-mode=draw] .stage-bottom{bottom:max(7px,env(safe-area-inset-bottom));right:max(7px,env(safe-area-inset-right))}[data-mode=draw] .dock{top:auto;left:max(6px,env(safe-area-inset-left));bottom:max(50px,calc(env(safe-area-inset-bottom) + 43px));gap:3px;min-height:41px;padding:2px}.draw-toolbar .icon-button,.draw-options .icon-button{width:32px;min-width:32px;min-height:35px;padding:3px}.draw-toolbar svg,.draw-options svg{width:17px;height:17px}.draw-options{gap:1px;padding-left:3px}.paint-color-toggle{width:28px;height:28px;margin-inline:2px}.size-control{gap:1px}.size-control input{width:40px;margin-inline:1px}.size-control output{min-width:18px}.size-dot{display:none}.flyout{top:auto;bottom:calc(100% + 7px);left:0;transform:none}.pixel-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-title{font-size:11px}}@media (width<=400px){.draw-toolbar .icon-button,.draw-options .icon-button{width:28px;min-width:28px}.draw-toolbar{gap:0}.gallery-grid,.families{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=345px){.main[data-mode=draw] .dock{right:max(6px,env(safe-area-inset-right));justify-content:center}.draw-toolbar .icon-button,.draw-options .icon-button{width:26px;min-width:26px}.size-control input{width:33px}.draw-options{gap:0}}@media (height<=520px) and (orientation:landscape){.header-inner{grid-template-columns:1fr auto 1fr;min-height:0;padding-block:3px 5px}.brand{width:110px;height:46px}.header-controls{grid-area:1/3}.mode-tabs{grid-area:1/2;gap:5px;padding:0}.mode-tab{border-radius:10px;min-width:69px;min-height:46px;padding:2px 5px;font-size:10px}.game-icon{width:24px;height:24px}.main{padding-block:6px}.stage{height:max(190px,calc(100dvh - 119px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}.stage-top,.stage-bottom{padding-block:2px}.play-tip{display:none}.dock{min-height:48px;margin-top:7px;padding-block:3px}.numbered .swatch{height:36px}[data-mode=draw] .dock{top:6px;bottom:auto}[data-mode=draw] .flyout{top:calc(100% + 7px);bottom:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.site-footer{background:#fffaf0;border-top:1px solid #ece3d5;padding:18px 14px}.site-footer nav{color:#54496a;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:12px;display:flex}.site-footer a{color:inherit;padding-block:4px}.site-footer nav>span{padding-block:4px}[dir=rtl]{font-family:system-ui,Arial,sans-serif}:lang(hi){font-family:system-ui,Nirmala UI,sans-serif}:lang(zh-Hans){font-family:system-ui,Microsoft YaHei,sans-serif}[dir=rtl] .history svg,[dir=rtl] [data-action=next] svg{transform:scaleX(-1)}#seed,.zoom-value{direction:ltr}@media (width<=520px){.header-controls .export span,.language-control svg{display:none}.header-controls .export{min-width:34px;padding-inline:7px}}@media (height<=520px) and (orientation:landscape) and (width<=710px){.header-controls .export span,.language-control svg{display:none}.language-control select{max-width:5rem}}@media (height<=520px) and (orientation:landscape) and (width<=585px){.header-inner{grid-template-columns:1fr auto}.header-controls{grid-column:2}.mode-tabs{grid-area:2/1/auto/-1}}.printables{background:#edf7fc;border:1px solid #cee1ea;border-radius:22px;max-width:1160px;margin:0 auto 22px;padding:24px clamp(12px,3vw,36px)}.print-controls,.print-pages{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.print-pages{justify-content:space-between}.print-heading{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(20px,3vw,29px)}.print-category-grid .print-card{cursor:pointer;grid-template-rows:auto auto}.print-heading p,.print-controls span,.print-pages span{color:var(--muted);font-size:13px}.print-controls{margin-bottom:14px}.print-category{max-width:min(58vw,300px);color:var(--ink);background:#fff;border:1px solid #c9dce8;border-radius:8px;margin-left:5px;padding:7px}.print-grid{grid-template-columns:repeat(auto-fill,minmax(min(140px,44%),1fr));gap:10px;display:grid}.print-card{text-align:center;min-width:0;color:var(--ink);background:#fff;border:1px solid #d9e4eb;border-radius:12px;grid-template-rows:auto 1fr auto;gap:5px;padding:7px;text-decoration:none;display:grid}.print-card:hover{border-color:#725bb6}.print-card img{aspect-ratio:1;object-fit:contain;width:100%}.print-card strong{font-size:13px}.print-card span{color:#524281;font-size:12px;text-decoration:underline}.print-pages{margin-top:14px}.print-heading a,.print-classic,.house-promo{text-decoration:none}.house-promo{color:#4d377e;background:#f2ecfc;border-radius:13px;gap:3px;padding:11px 14px;display:grid}.house-promo span{font-size:13px}.save-dialog{width:min(440px,100vw - 24px)}.save-dialog progress,.print-progress{width:100%;height:12px;accent-color:var(--accent)}.print-preview:empty{display:none}.print-preview img{object-fit:contain;max-width:100%;max-height:48dvh;margin:0 auto;display:block}.print-sheet{display:none}@media (width<=450px){.mode-tab{font-size:10px}}@media (height<=520px) and (orientation:landscape) and (width<=585px){.brand{width:84px;height:40px}.mode-tab{min-width:52px;padding-inline:2px;font-size:9px}.export{padding-inline:6px}.export span{display:none}}@page{margin:10mm}@media print{#app:has(.print-sheet:not([hidden]))>:not(.print-sheet){display:none!important}body:has(.print-sheet:not([hidden]))>.site-footer{display:none!important}#app:has(.print-sheet:not([hidden])){min-height:0}#app:has(.print-sheet:not([hidden])) .print-sheet{display:block}.print-sheet img{object-fit:contain;break-inside:avoid;max-width:100%;max-height:235mm;margin:auto;display:block}body:has(.print-sheet:not([hidden])){background:#fff}}