:root{--bg: #faf6ee;--surface: #ffffff;--subtle: #f4efe4;--border: #ece4d6;--border-strong: #e0d6c4;--text: #243030;--text-2: #5f6760;--text-3: #9b9b8f;--primary: #243030;--primary-hover: #1a2422;--on-primary: #ffffff;--accent: #ec8a64;--accent-weak: rgba(236, 138, 100, .13);--teal: #0f9b8e;--green: #16a34a;--glass: rgba(250, 246, 238, .8);--controls-bg: rgba(255, 255, 255, .9);--overlay: rgba(250, 246, 238, .72);--paper: #ffffff;--shadow-sm: 0 1px 2px rgba(24, 24, 27, .06);--shadow: 0 1px 3px rgba(24, 24, 27, .07), 0 10px 24px -10px rgba(24, 24, 27, .12);--shadow-lg: 0 16px 48px -16px rgba(24, 24, 27, .2);--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-xl: 22px;--font: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #15161a;--surface: #23252c;--subtle: #1d1f24;--border: #2c2f36;--border-strong: #383b43;--text: #f1efe9;--text-2: #a7a39b;--text-3: #7a766e;--primary: #f1efe9;--primary-hover: #ffffff;--on-primary: #1a2422;--accent: #ef9168;--accent-weak: rgba(239, 145, 104, .2);--teal: #2dd4bf;--green: #34d399;--glass: rgba(21, 22, 26, .8);--controls-bg: rgba(35, 37, 44, .9);--overlay: rgba(21, 22, 26, .72);--paper: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 10px 24px -10px rgba(0, 0, 0, .6);--shadow-lg: 0 16px 48px -16px rgba(0, 0, 0, .7);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(38rem 30rem at 6% -4%,rgba(242,168,140,.2),transparent 60%),radial-gradient(34rem 28rem at 98% 8%,rgba(173,195,205,.18),transparent 60%),radial-gradient(30rem 26rem at 92% 96%,rgba(224,212,193,.24),transparent 62%),radial-gradient(30rem 28rem at 2% 100%,rgba(168,184,156,.18),transparent 62%),linear-gradient(#faf6eed1,#faf6eed1),url(../bg-paint.jpg) center / cover no-repeat fixed}:root[data-theme=dark] body:before{background:radial-gradient(38rem 30rem at 6% -4%,rgba(242,168,140,.12),transparent 60%),radial-gradient(34rem 28rem at 98% 8%,rgba(173,195,205,.1),transparent 60%),radial-gradient(30rem 26rem at 92% 96%,rgba(224,212,193,.12),transparent 62%),radial-gradient(30rem 28rem at 2% 100%,rgba(168,184,156,.1),transparent 62%),linear-gradient(#15161ac2,#15161ac2),url(../bg-paint.jpg) center / cover no-repeat fixed}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='40'%3E%3Cpath d='M4 24c30-16 70-18 112-8' fill='none' stroke='%23f2a88c' stroke-width='9' stroke-linecap='round' opacity='0.6'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='44'%3E%3Cpath d='M6 8c26 22 62 26 88 6' fill='none' stroke='%23adc3cd' stroke-width='9' stroke-linecap='round' opacity='0.55'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='40'%3E%3Cpath d='M6 20c24-14 54-14 78 2' fill='none' stroke='%23a8b89c' stroke-width='9' stroke-linecap='round' opacity='0.6'/%3E%3C/svg%3E");background-position:2% 64%,98% 30%,50% 98%}.app{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:14px;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--glass);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brandwrap{display:flex;align-items:center;gap:12px}.brand{display:inline-flex;align-items:center;gap:9px;font-family:"Baloo 2",var(--font);font-weight:700;font-size:21px;letter-spacing:-.01em;color:var(--text)}.logo-mark{height:1.6em;width:auto;flex-shrink:0}.tagline{display:none}.spacer{flex:1}.badge.pro{display:inline-flex;align-items:center;gap:6px;background:var(--accent-weak);color:var(--accent);padding:6px 11px;border-radius:999px;font-size:12px;font-weight:600}.layout{display:grid;grid-template-columns:320px 1fr;gap:24px;flex:1;min-height:0;max-width:1320px;width:100%;margin:0 auto;padding:24px}.sidebar{align-self:start;position:sticky;top:88px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:20px;max-height:calc(100vh - 112px);overflow-y:auto;overflow-x:hidden}.content{display:flex;flex-direction:column;gap:16px;min-width:0}.workspace{display:flex;gap:16px;align-items:stretch;min-height:0;flex:1}.viewer-col{flex:1;min-width:0;display:flex}.side-actions{width:248px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;max-height:78vh;padding-right:2px}.side-actions .exports{flex-direction:column;gap:8px}.side-actions .exports button,.side-actions .poster-ctl{width:100%}.side-actions .exports button{justify-content:flex-start}.side-actions .poster-ctl select{flex:1}.exp-group{width:100%;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.exp-group>summary{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;list-style:none;font-weight:500;font-size:14px;color:var(--text);user-select:none}.exp-group>summary::-webkit-details-marker{display:none}.exp-group>summary>svg{width:18px;height:18px;flex-shrink:0}.exp-group>summary:after{content:"";margin-left:auto;width:7px;height:7px;border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);transform:rotate(45deg);transition:transform .15s;margin-bottom:2px}.exp-group[open]>summary:after{transform:rotate(-135deg);margin-bottom:-2px}.exp-group[open]>summary{border-bottom:1px solid var(--border)}.exp-group-items{display:flex;flex-direction:column;gap:4px;padding:6px}.exp-group-items button{width:100%;justify-content:flex-start;border-color:transparent;background:transparent;box-shadow:none}.exp-group-items button:hover{background:var(--subtle);border-color:transparent}.exp-note{font-size:12px;color:var(--text-3);line-height:1.4;margin:4px 6px 2px}.tool-modal{max-width:540px;width:92vw;max-height:82vh;overflow-y:auto}.tool-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.tool-head h3{margin:0;font-size:16px}.tool-loading{display:flex;align-items:center;justify-content:center;min-height:180px}@media(max-width:980px){.workspace{flex-direction:column}.side-actions{width:auto;max-height:none;overflow:visible}.side-actions .exports{flex-direction:row;flex-wrap:wrap}.side-actions .exports button{width:auto}}.uploader{display:flex;flex-direction:column;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:6px}.file-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:18px 14px;border:1px dashed var(--border-strong);border-radius:var(--r);cursor:pointer;color:var(--text-2);font-weight:500;background:var(--subtle);transition:border-color .15s,color .15s,background .15s}.file-button:hover{border-color:var(--accent);color:var(--text);background:#fff}.file-button svg{font-size:19px;color:var(--accent)}.file-button input{display:none}.preview{width:100%;border-radius:var(--r);border:1px solid var(--border);max-height:160px;object-fit:cover;background:var(--subtle)}.examples{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.examples-label{font-size:13px;color:var(--text-3);font-weight:500}.free-left{font-size:12.5px;color:var(--text-3);text-align:center}button{font:inherit;cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);padding:9px 14px;border-radius:var(--r-sm);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:var(--shadow-sm);transition:background .15s,border-color .15s,box-shadow .15s,color .15s,transform .06s}button svg{font-size:16px;opacity:.85}button:hover{background:var(--subtle);border-color:var(--border-strong)}button:active{transform:translateY(.5px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-weak)}button.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:600;padding:11px 16px;box-shadow:var(--shadow-sm)}button.primary svg{opacity:1}button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}button.small{padding:7px 12px;font-size:13px}button.danger{background:var(--surface);border-color:var(--border-strong);color:var(--accent);font-weight:600;padding:11px 16px}button.danger:hover{background:var(--accent-weak);border-color:var(--accent)}button.link{background:none;border:none;box-shadow:none;color:var(--accent);padding:3px 0;font-weight:500}button.link:hover{background:none;text-decoration:underline;text-underline-offset:3px}button.chip{padding:7px 13px;font-size:13px;border-radius:999px;background:var(--surface);font-weight:500}button.chip:hover{border-color:var(--accent);color:var(--accent);background:#fff}.icon-btn{width:38px;height:38px;padding:0;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);border-radius:var(--r-sm);box-shadow:var(--shadow-sm)}.icon-btn:hover{background:var(--subtle);color:var(--text)}.icon-btn svg{font-size:18px;opacity:1}.lang-select{width:auto;background:var(--surface);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--r-sm);padding:8px 10px;font:inherit;font-size:13px;font-weight:500;cursor:pointer;box-shadow:var(--shadow-sm)}.lang-select:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-weak)}.panel section{padding:16px 0;border-top:1px solid var(--border)}.panel section:first-child{border-top:none;padding-top:4px}.panel h3{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.panel h3:before{display:none}.panel label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500;margin-bottom:14px;color:var(--text)}.panel label.checkbox{flex-direction:row;align-items:center;gap:9px;cursor:pointer;color:var(--text-2)}.panel .row{display:flex;gap:10px}.panel .row label{flex:1}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:999px;background:var(--border-strong);accent-color:var(--accent);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;border-radius:50%;background:#fff;border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid var(--border-strong);cursor:pointer}input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}input[type=number],select,textarea{width:100%;max-width:100%;background:var(--surface);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--r-sm);padding:9px 11px;font:inherit;font-size:14px}input[type=number]:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}input[type=color]{cursor:pointer}.difficulty{display:flex;gap:8px}.difficulty .chip{flex:1}.advanced>summary{list-style:none;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);display:flex;align-items:center;gap:6px;user-select:none}.advanced>summary::-webkit-details-marker{display:none}.advanced>summary:before{content:"›";font-size:15px;transition:transform .15s;color:var(--text-3)}.advanced[open]>summary:before{transform:rotate(90deg)}.advanced>summary:hover{color:var(--text-2)}.advanced-body{margin-top:14px}.hint{font-size:12px;color:var(--text-3);font-weight:400}.viewer{position:relative;flex:1;min-height:62vh;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.viewer-canvas{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:grab;padding:36px;background:radial-gradient(60% 60% at 50% 40%,var(--surface),var(--bg))}.viewer-canvas:active{cursor:grabbing}.viewer-content{transform-origin:center}.viewer-content svg{display:block;max-width:none;background:var(--paper);border-radius:4px;box-shadow:var(--shadow-lg)}.viewer-controls{position:absolute;top:14px;right:14px;z-index:2;display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--controls-bg);border:1px solid var(--border);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.viewer-controls button{width:36px;height:36px;padding:0;border:none;background:transparent;border-radius:50%;color:var(--text-2);box-shadow:none}.viewer-controls button:hover{background:var(--subtle);color:var(--text)}.viewer-overlay,.viewer-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-3);z-index:3;text-align:center;padding:24px;font-weight:500}.viewer-empty-art{width:76px;height:76px;border-radius:22px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;color:var(--accent);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.viewer-empty-art svg{width:34px;height:34px}.viewer-empty h3{font-family:var(--m-display, var(--display));font-weight:700;font-size:22px;letter-spacing:-.01em;margin:0;color:var(--text)}.viewer-empty p{margin:0;max-width:22em;font-size:15px;line-height:1.5;color:var(--text-3)}.viewer-overlay{background:var(--overlay);backdrop-filter:blur(2px);color:var(--text-2)}.viewer-empty:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(16rem 14rem at 28% 30%,rgba(242,168,140,.22),transparent 60%),radial-gradient(15rem 13rem at 72% 38%,rgba(173,195,205,.2),transparent 60%),radial-gradient(14rem 13rem at 40% 74%,rgba(224,212,193,.26),transparent 60%),radial-gradient(13rem 12rem at 66% 70%,rgba(168,184,156,.2),transparent 60%)}.spinner{width:34px;height:34px;border:2.5px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.progress-bar{width:min(60%,300px);height:6px;background:var(--border-strong);border-radius:999px;overflow:hidden}.progress-bar span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.mobile .progress-bar{width:min(80%,320px);height:8px;background:var(--m-soft)}.mobile .progress-bar span{background:var(--m-coral)}.mobile .viewer-overlay{background:var(--m-surface);color:var(--m-ink)}.mobile .viewer-overlay>span{font-weight:600;font-size:15px}.preview-forming{max-width:min(72%,560px);max-height:62vh;object-fit:contain;border-radius:6px;box-shadow:var(--shadow-lg);image-rendering:auto;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.82}}@keyframes spin{to{transform:rotate(360deg)}}.exports{display:flex;flex-wrap:wrap;gap:8px}.exports button{font-size:13.5px}.poster-ctl{display:inline-flex;gap:6px;align-items:center}.poster-ctl select{font:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);color:var(--text)}.wm-upsell{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--glass)}.wm-upsell .wm-note{font-size:13px;color:var(--text-2)}.gift-export{margin-top:10px;padding:16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--glass);display:flex;flex-direction:column;gap:12px}.gift-head{display:flex;align-items:flex-start;gap:12px}.gift-head svg{width:22px;height:22px;color:var(--accent);flex-shrink:0;margin-top:2px}.gift-head strong{display:block;font-size:15px}.gift-head span{font-size:13px;color:var(--text-2)}.gift-msg{width:100%;padding:10px 12px;font:inherit;font-size:14px;border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);color:var(--text)}.gift-msg:focus{outline:none;border-color:var(--text-3)}.palette-editor,.ncs,.cm-panel{display:flex;flex-direction:column;gap:14px}.cm-intro,.cm-hint{color:var(--text-2);font-size:13px;line-height:1.45;margin:0}.cm-section{display:flex;flex-direction:column;gap:10px}.cm-section h4{margin:4px 0 0;font-size:13px;font-weight:600}.cm-seg{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px;align-self:flex-start}.cm-seg button{border:none;background:transparent;padding:6px 14px;border-radius:999px;font:inherit;font-size:13px;cursor:pointer;color:var(--text-2)}.cm-seg button.on{background:var(--primary);color:var(--on-primary, #fff)}.cm-row{display:flex;gap:10px;flex-wrap:wrap}.cm-row label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-2);flex:1}.cm-row input[type=number]{width:100%;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}.cm-grid-info{font-size:13px;font-weight:600;color:var(--text);margin:0}.cm-exports{display:flex;gap:8px;flex-wrap:wrap}.cm-exports button,.cm-compute,.cm-csv,.cm-add button{padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.cm-exports button:hover,.cm-compute:hover:not(:disabled),.cm-csv:hover{border-color:var(--accent)}.cm-compute{background:var(--primary);color:var(--on-primary, #fff);border-color:var(--primary);font-weight:600}.cm-compute:disabled{opacity:.5;cursor:default}.cm-paints{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cm-paint{display:flex;align-items:center;gap:7px;font-size:12px;padding:5px 7px;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:var(--surface)}.cm-paint.on{border-color:var(--accent)}.cm-paint input{margin:0}.cm-swatch{width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.18);flex-shrink:0;display:inline-block}.cm-swatch.sm{width:13px;height:13px;border-radius:3px}.cm-paint-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-add{align-items:center}.cm-add input[type=color]{width:42px;height:34px;padding:0;border:1px solid var(--border);border-radius:8px;background:none;cursor:pointer}.cm-warn{color:var(--accent);font-size:12px;margin:0}.cm-guide{display:flex;flex-direction:column;gap:5px;max-height:360px;overflow-y:auto;padding-right:4px}.cm-guide-row{display:flex;align-items:center;gap:8px;font-size:12px}.cm-num{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55);flex-shrink:0;border:1px solid rgba(0,0,0,.15)}.cm-recipe{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cm-parts{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.cm-part{display:inline-flex;align-items:center;gap:4px}.cm-plus{color:var(--text-3)}.cm-quality{font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.cm-quality.q-great{background:#2e7d4f29;color:#2e7d4f}.cm-quality.q-good{background:#4f7a2e29;color:#4f7a2e}.cm-quality.q-fair{background:#9a6a2e29;color:#9a6a2e}.cm-buy{display:inline-flex;align-items:center;gap:6px;color:var(--text-2)}.cm-promo{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:8px;width:100%;text-align:left;padding:14px;border-radius:var(--r-lg);border:1px solid var(--accent);background:linear-gradient(135deg,var(--accent-weak, rgba(236, 138, 100, .14)),transparent 70%);cursor:pointer;font:inherit;color:var(--text);transition:transform .12s ease,box-shadow .12s ease}.cm-promo:hover{transform:translateY(-1px);box-shadow:var(--shadow-md, var(--shadow-sm))}.cm-promo-icon{grid-column:1;grid-row:1 / 3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--accent);color:#fff}.cm-promo-icon svg{width:22px;height:22px}.cm-promo-text{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:3px;min-width:0}.cm-promo-text strong{font-size:14.5px;font-family:var(--m-display, var(--display));letter-spacing:-.01em}.cm-promo-text span{font-size:12px;color:var(--text-2);line-height:1.45}.cm-promo-cta{grid-column:2;grid-row:2;justify-self:start;background:var(--accent);color:#fff;font-size:12px;font-weight:700;padding:6px 13px;border-radius:999px}.cm-screen{position:fixed;inset:0;z-index:40;background:var(--bg);display:flex;flex-direction:column}.cm-screen-top{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.cm-screen-top h2{margin:0;font-size:18px;font-family:var(--m-display, var(--display));letter-spacing:-.01em}.cm-back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.cm-back svg{width:22px;height:22px}.cm-screen-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 420px}.cm-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px;min-height:0;overflow:auto}.cm-preview-frame{position:relative;display:inline-block;line-height:0;max-width:100%;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-lg)}.cm-preview-art svg{display:block;width:auto;height:auto;max-width:100%;max-height:74vh}.cm-preview-grid{position:absolute;inset:0;pointer-events:none}.cm-preview-hint{color:var(--text-3);font-size:13px;margin:0;text-align:center;max-width:30em}.cm-controls{border-left:1px solid var(--border);background:var(--surface);padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}@media(max-width:900px){.cm-screen-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.cm-preview{padding:16px}.cm-preview-art svg{max-height:38vh}.cm-controls{border-left:none;border-top:1px solid var(--border)}}.kit,.editor{border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;background:var(--surface);box-shadow:var(--shadow-sm)}.kit-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.kit-head h3{margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.kit-actions{display:flex;gap:8px;align-items:center}.kit-sub{margin:8px 0 0;font-size:13.5px;color:var(--text-2)}.kit-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin-top:12px}.kit-row{display:flex;align-items:center;gap:10px;background:var(--subtle);border:1px solid var(--border);border-radius:10px;padding:8px 10px}.kit-name{font-weight:500;flex:1;min-width:0}.kit-nums{font-size:12.5px;color:var(--text-3)}.kit-frac{font-size:12.5px;font-weight:600;color:var(--text-2)}.btn-buy{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:10px 16px;border-radius:var(--r);background:var(--primary);color:var(--on-primary, #fff);font-weight:600;font-size:14px;text-decoration:none}.modal.projects{max-width:720px;width:100%}.modal.projects h2{margin:0 0 16px;font-size:22px}.projects-empty{color:var(--text-2);text-align:center;padding:32px 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;max-height:60vh;overflow-y:auto}.project-card{border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background:var(--subtle)}.project-open{display:block;width:100%;padding:0;border:none;background:#fff;cursor:pointer;aspect-ratio:1}.project-open img{display:block;width:100%;height:100%;object-fit:cover}.project-meta{display:flex;align-items:center;gap:6px;padding:8px 10px}.project-name{flex:1;min-width:0;font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-del{flex-shrink:0;padding:4px;border:none;background:transparent;color:var(--text-3)}.project-del:hover{color:var(--accent);background:transparent}.project-del svg{width:16px;height:16px}.palette-editor-head,.ncs-head,.editor-head{display:flex;align-items:center;justify-content:space-between}.palette-editor-head h3,.ncs-head h3,.editor-head h3{margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3)}.palette-grid{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.palette-cell{position:relative;width:42px;height:42px;cursor:pointer}.palette-cell input[type=color]{width:42px;height:42px;padding:0;border:1px solid var(--border-strong);border-radius:10px;background:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s}.palette-cell input[type=color]:hover{transform:translateY(-2px)}.palette-num{position:absolute;bottom:-6px;right:-3px;font-size:10px;font-weight:600;color:var(--text-2);background:#fff;border:1px solid var(--border);border-radius:999px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px;box-shadow:var(--shadow-sm)}.custom-palette{margin:-2px 0 14px;display:flex;flex-direction:column;gap:10px}.custom-input{font-size:13px;resize:vertical}.custom-actions{display:flex;align-items:center;gap:12px}.custom-count{font-size:13px;color:var(--text-2)}.custom-swatches{display:flex;flex-wrap:wrap;gap:4px}.custom-swatch{width:18px;height:18px;border-radius:5px;border:1px solid var(--border-strong)}.ncs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:12px;max-height:320px;overflow-y:auto}.ncs-row{display:flex;align-items:center;gap:8px;background:var(--subtle);border:1px solid var(--border);border-radius:10px;padding:7px 10px;font-size:13px;font-weight:500}.ncs-idx{font-weight:600;color:var(--text-3);width:18px;text-align:center}.ncs-arrow{color:var(--text-3)}.ncs-name small{color:var(--text-2);font-weight:400}.editor{display:flex;flex-direction:column;gap:12px;background:var(--subtle)}.editor-canvas-wrap{position:relative;width:100%;border:1px solid var(--border-strong);border-radius:10px;overflow:hidden;background:var(--paper);touch-action:none}.editor-canvas{display:block;width:100%;height:100%}.crop-box{position:absolute;border:1.5px solid #fff;box-shadow:0 0 0 1.5px var(--accent),0 0 0 9999px #18181b66;cursor:move}.crop-handle{position:absolute;right:-7px;bottom:-7px;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid #fff;cursor:nwse-resize}.editor-actions{display:flex;gap:8px}.editor-actions button{flex:1}.editor label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--text-2)}.stats{display:flex;flex-wrap:wrap;gap:7px;max-height:150px;overflow-y:auto}.stat{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:500;box-shadow:var(--shadow-sm)}.swatch{width:15px;height:15px;border-radius:4px;border:1px solid var(--border-strong)}.stat-pct{color:var(--text-3)}.error{background:#c74b381a;border:1px solid rgba(199,75,56,.3);color:#c74b38;padding:11px 14px;border-radius:var(--r-sm);font-weight:500}:root[data-theme=dark] .error{background:#e86e5a24;color:#f0907c;border-color:#e86e5a59}.ad-placeholder{margin:0 24px 18px;height:64px;display:flex;align-items:center;justify-content:center;color:var(--text-3);border:1px dashed var(--border-strong);border-radius:var(--r);font-size:13px;background:var(--subtle)}.modal-backdrop{position:fixed;inset:0;background:#18181b66;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px;animation:fade .18s ease}.modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:28px;width:min(420px,100%);display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-lg);animation:pop .2s cubic-bezier(.2,.8,.2,1)}.modal h2{margin:0;font-weight:700;font-size:24px;letter-spacing:-.02em}.features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}.features li{display:flex;align-items:center;gap:11px;font-weight:500;color:var(--text-2)}.features li svg{flex-shrink:0;width:20px;height:20px;color:var(--green);background:#16a34a1f;border-radius:50%;padding:3px}.pro-active{color:var(--green);font-weight:600;text-align:center}.modal.paywall{width:min(440px,100%);padding:28px 26px 20px;gap:14px}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;padding:0;border:none;background:transparent;box-shadow:none;color:var(--text-3);border-radius:8px}.modal-close:hover{background:var(--subtle);color:var(--text)}.paywall-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.pro-pill{display:inline-flex;align-items:center;gap:5px;background:var(--accent-weak);color:var(--accent);font-weight:700;font-size:12px;letter-spacing:.06em;padding:5px 11px;border-radius:999px}.paywall-head h2{margin:2px 0 0}.paywall-sub{margin:0;color:var(--text-2);font-size:15px}.paywall-price{text-align:center;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.paywall-price .amount{font-size:40px;font-weight:700;letter-spacing:-.03em}.paywall-price .price-note{font-size:13px;color:var(--text-3)}button.primary.block{width:100%;padding:13px;font-size:15px}.paywall-secondary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-2px}.paywall-reassure{font-size:13px;color:var(--text-3)}.paywall-restore-msg{margin:0;text-align:center;font-size:13px;color:var(--text-2)}.license-box{margin-top:14px;display:flex;flex-direction:column;gap:8px}.license-box label{font-size:13px;color:var(--text-2);font-weight:500}.license-row{display:flex;gap:8px}.license-row input{flex:1;min-width:0;padding:9px 12px;font:inherit;font-size:14px;border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);color:var(--text)}.license-row input:focus{outline:none;border-color:var(--text-3)}.license-row button{white-space:nowrap}.comm-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--border-strong);border-radius:var(--r);background:var(--subtle)}.comm-info{display:flex;flex-direction:column;gap:2px;min-width:0}.comm-info strong{font-size:14px;font-weight:600}.comm-info span{font-size:12.5px;color:var(--text-2)}.comm-buy{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.comm-price{font-weight:700;font-size:17px;white-space:nowrap}.comm-price small{font-weight:500;font-size:12px;color:var(--text-3)}.paywall-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding-top:12px;border-top:1px solid var(--border);font-size:13px}.paywall-foot a{color:var(--text-2);text-decoration:none}.paywall-foot a:hover{color:var(--accent)}.paywall-foot .dot{color:var(--text-3)}.paint{position:fixed;inset:0;z-index:40;background:var(--bg);display:flex;flex-direction:column}.paint-top{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.paint-progress{flex:1;display:flex;align-items:center;gap:12px}.paint-progress strong{font-weight:600;white-space:nowrap;font-size:14px}.paint-bar{flex:1;height:8px;background:var(--border-strong);border-radius:999px;overflow:hidden;max-width:340px}.paint-bar span{display:block;height:100%;background:var(--accent);transition:width .25s}.paint-stage{flex:1;min-height:0;padding:16px;display:flex}.paint-viewer{flex:1;min-height:0}.paint-content svg{background:var(--paper)}.paint-content path{pointer-events:all;cursor:pointer}.paint-content .label{pointer-events:none}.paint-palette{display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.paint-hint{font-size:13px;color:var(--text-3)}.paint-swatches{display:flex;flex-wrap:wrap;gap:6px;flex:1}.paint-swatch{width:40px;height:40px;border:1px solid var(--border-strong);border-radius:10px;font-weight:600;font-size:13px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);padding:0;box-shadow:var(--shadow-sm)}.paint-swatch.active{outline:2px solid var(--text);outline-offset:2px}@media(max-width:760px){.paint{background:var(--m-bg)}.paint-top{padding:max(12px,env(safe-area-inset-top)) 14px 12px;gap:10px;background:var(--m-surface);border-bottom:none;box-shadow:0 2px 10px #2430300f}.paint-top .primary.small{background:var(--m-coral);border-color:var(--m-coral);color:#fff}.paint-bar{background:var(--m-soft)}.paint-bar span{background:var(--m-coral)}.paint-stage{padding:14px}.paint-viewer.viewer{border:none;border-radius:22px;box-shadow:0 8px 24px -14px #24303033}.paint-swatch.active{outline-color:var(--m-coral)}.paint-palette{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:var(--m-surface);border-top:1px solid var(--m-line);border-radius:22px 22px 0 0}.paint-hint{color:var(--m-ink-2)}.paint-palette>button:last-child{background:var(--m-soft);border-color:var(--m-line);color:var(--m-coral-ink)}.paint-hint{order:-1;text-align:center;font-size:13.5px}.paint-swatches{flex:none;flex-wrap:nowrap;overflow-x:auto;gap:9px;padding-bottom:4px;scrollbar-width:none}.paint-swatches::-webkit-scrollbar{display:none}.paint-swatch{flex:0 0 auto;width:50px;height:50px;font-size:14px;border-radius:13px}.paint-palette>button:last-child{width:100%;height:50px;border-radius:15px;font-weight:700;font-size:16px}}.crash{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.sidebar::-webkit-scrollbar,.stats::-webkit-scrollbar,.ncs-list::-webkit-scrollbar{width:9px;height:9px}.sidebar::-webkit-scrollbar-thumb,.stats::-webkit-scrollbar-thumb,.ncs-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid var(--surface)}.block{width:100%;justify-content:center}.primary.block{padding:14px;font-size:16px}:root{--m-bg: #faf6ee;--m-surface: #ffffff;--m-ink: #243030;--m-ink-2: #71796f;--m-coral: #ec8a64;--m-coral-ink: #5a2a17;--m-soft: #fbe6d9;--m-line: #efe6d6;--m-round: 22px;--m-display: "Baloo 2", system-ui, sans-serif}:root[data-theme=dark]{--m-bg: #15161a;--m-surface: #23252c;--m-ink: #f1efe9;--m-ink-2: #9aa09a;--m-coral: #ef9168;--m-coral-ink: #2a130a;--m-soft: #32281f;--m-line: #2c2f36}.mobile{flex:1;width:100%;max-width:560px;margin:0 auto;min-height:0;display:flex;flex-direction:column;background:var(--m-bg);color:var(--m-ink);padding:0 18px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.app:has(.mobile){background:var(--m-bg, var(--bg))}.m-result.mscreen{animation:m-push .32s cubic-bezier(.2,.7,.2,1)}@keyframes m-push{0%{transform:translate(100%)}to{transform:translate(0)}}.m-home>*{animation:m-rise .5s both cubic-bezier(.2,.7,.2,1)}.m-home .mh-top{animation-delay:0s}.m-home .mh-title{animation-delay:.05s}.m-home .mh-sub{animation-delay:.08s}.m-home .mh-hero{animation-delay:.12s}.m-home .mh-actions{animation-delay:.18s}.m-home .mh-examples{animation-delay:.24s}.m-home .mh-card{animation-delay:.3s}.m-home .mh-cta-wrap{animation-delay:.36s}@keyframes m-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.m-home{display:flex;flex-direction:column;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.mh-top,.mr-top{display:flex;align-items:center;justify-content:space-between;padding:max(16px,env(safe-area-inset-top)) 0 8px}.mh-brand{display:flex;align-items:center;gap:8px}.mh-logo{height:38px;width:auto}.mh-word{font-family:var(--m-display);font-weight:700;font-size:23px;letter-spacing:-.01em;color:var(--m-ink)}.mh-top-actions{display:flex;gap:8px}.mh-icon,.mr-icon{width:44px;height:44px;border-radius:15px;border:none;background:var(--m-surface);color:var(--m-ink);display:grid;place-items:center;box-shadow:0 3px 10px #24303014;transition:transform .08s}.mh-icon:active,.mr-icon:active{transform:scale(.93)}.mh-icon svg{width:20px;height:20px}.mr-icon svg{width:22px;height:22px}.mh-icon:hover,.mr-icon:hover{background:var(--m-surface)}.mh-pro{display:inline-flex;align-items:center;gap:5px;height:44px;padding:0 16px;border-radius:15px;border:none;background:var(--m-coral);color:#fff;font-family:var(--m-display);font-weight:700;font-size:15px;box-shadow:0 3px 10px #ec8a6473;transition:transform .08s}.mh-pro svg{width:16px;height:16px}.mh-pro:active{transform:scale(.95)}.mh-pro:hover{background:var(--m-coral)}.mh-title{font-family:var(--m-display);font-weight:700;font-size:31px;line-height:1.08;letter-spacing:-.01em;margin:16px 0 2px}.mh-sub{margin:0 0 18px;color:var(--m-ink-2);font-size:16px}.mh-hero{border-radius:26px;overflow:hidden;aspect-ratio:4 / 3;background:var(--m-soft);box-shadow:0 14px 34px -16px #2430304d;margin-bottom:16px}.mh-hero img{width:100%;height:100%;object-fit:cover;display:block}.mh-hero-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.mh-hero-empty svg{width:40px;height:40px;color:var(--m-coral)}.mh-hero-empty span{color:var(--m-coral-ink);font-size:14.5px;font-weight:600;opacity:.75}.mh-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.mh-action{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;padding:18px;border-radius:var(--m-round);background:var(--m-surface);box-shadow:0 3px 12px #24303012;cursor:pointer;font-weight:600;font-size:15px;color:var(--m-ink);transition:transform .08s}.mh-action:active{transform:scale(.96)}.mh-action svg{width:26px;height:26px;color:var(--m-coral)}.mh-action input{position:absolute;inset:0;opacity:0;cursor:pointer}.mh-label{display:block;font-size:12.5px;font-weight:600;color:var(--m-ink-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:11px}.mh-examples{margin-bottom:22px}.mh-ex-row{display:flex;gap:11px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.mh-ex-row::-webkit-scrollbar{display:none}.mh-ex{flex:0 0 auto;width:86px;height:86px;border-radius:18px;overflow:hidden;border:none;padding:0;background:var(--m-soft);scroll-snap-align:start;box-shadow:0 2px 8px #24303014;transition:transform .08s}.mh-ex:active{transform:scale(.95)}.mh-ex img{width:100%;height:100%;object-fit:cover}.mh-card{background:var(--m-surface);border-radius:var(--m-round);padding:18px;box-shadow:0 3px 12px #24303012;margin-bottom:18px}.seg{display:flex;background:var(--m-bg);border-radius:14px;padding:4px;gap:4px;margin-bottom:18px}.seg-btn{flex:1;border:none;background:transparent;border-radius:11px;padding:11px;font-weight:600;font-size:14.5px;color:var(--m-ink-2);transition:color .18s,background .18s,box-shadow .18s}.seg-btn.on{background:var(--m-surface);color:var(--m-ink);box-shadow:0 2px 7px #24303024}.mh-colors-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600;font-size:15px}.mh-colors-val{background:var(--m-soft);color:var(--m-coral-ink);padding:3px 13px;border-radius:999px;font-size:14px;font-weight:700}.mh-colors input[type=range],.m-style input[type=range]{width:100%;accent-color:var(--m-coral);height:22px}.mh-cta-wrap{position:sticky;bottom:0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));margin-top:4px;background:linear-gradient(transparent,var(--m-bg) 34%)}.mh-cta{width:100%;height:56px;border:none;border-radius:18px;background:var(--m-coral);color:#fff;font-family:var(--m-display);font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 24px -8px #ec8a64b3;transition:transform .08s,box-shadow .15s}.mh-cta:active{transform:scale(.98)}.mh-cta:disabled{opacity:.4;box-shadow:none}.mh-cta.busy{background:var(--m-ink);box-shadow:none}.mh-cta svg{width:22px;height:22px}.m-result{display:flex;flex-direction:column;gap:14px;min-height:0;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.mr-top{position:sticky;top:0;z-index:6;background:var(--m-bg)}.mr-title{font-family:var(--m-display);font-weight:600;font-size:18px}.m-viewer{display:flex;min-height:58vh;border-radius:24px;overflow:hidden;background:var(--m-surface);box-shadow:0 10px 28px -14px #24303047}.m-viewer .viewer{border:none;border-radius:0;box-shadow:none;background:var(--m-surface)}.mr-bar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom));display:flex;gap:6px;padding:7px;background:var(--m-surface);border-radius:22px;box-shadow:0 14px 36px -8px #24303066;z-index:30}.mr-act{display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:transparent;color:var(--m-ink-2);padding:9px 18px;border-radius:16px;font-size:11px;font-weight:600;transition:transform .08s}.mr-act:active{transform:scale(.94)}.mr-act:hover{background:transparent}.mr-act svg{width:23px;height:23px}.mr-act.primary{background:var(--m-coral);color:#fff}.mobile .palette-editor,.mobile .kit,.mobile .ncs,.mobile .stats{background:var(--m-surface);border:none;border-radius:var(--m-round);box-shadow:0 3px 12px #24303012;color:var(--m-ink)}.mobile .palette-editor h3,.mobile .kit-head h3,.mobile .ncs-head h3,.mobile .editor-head h3{color:var(--m-ink-2)}.mobile .kit-row,.mobile .ncs-row,.mobile .stat{background:var(--m-bg);border-color:var(--m-line)}.mobile .btn-buy{background:var(--m-coral);color:#fff}.mobile .kit-actions button,.mobile .ncs-head button{background:var(--m-bg);border-color:var(--m-line);color:var(--m-ink)}.m-sheet-backdrop{position:fixed;inset:0;z-index:60;background:#14100c6b;display:flex;align-items:flex-end;animation:fade-in .15s ease}.m-sheet{width:100%;max-width:560px;margin:0 auto;background:var(--m-surface, var(--surface));color:var(--m-ink, var(--text));border-radius:26px 26px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom));max-height:82vh;overflow-y:auto;box-shadow:0 -10px 40px #0000002e;animation:sheet-up .24s cubic-bezier(.2,.7,.2,1)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.m-sheet-grip{width:42px;height:5px;border-radius:999px;background:var(--m-line);margin:4px auto 14px}.m-sheet h3{margin:0 0 16px;font-family:var(--m-display);font-size:20px}.m-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.m-sheet-grid button{justify-content:flex-start;align-items:center;gap:9px;min-height:58px;padding:12px 14px;border-radius:15px;border:1px solid var(--m-line);background:var(--m-bg);color:var(--m-ink);font-size:13.5px;font-weight:600;text-align:left}.m-sheet-grid button svg{color:var(--m-coral)}.m-sheet>.primary.block{width:100%;height:52px;border-radius:16px;background:var(--m-coral);color:#fff;border:none;justify-content:center;font-weight:700;font-size:16px}.m-gate{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:40px 24px;min-height:70vh}.m-gate-logo{width:auto;height:80px}.m-gate h2{margin:0;font-family:var(--m-display);font-size:27px;letter-spacing:-.01em}.m-gate p{margin:0;max-width:22em;color:var(--m-ink-2)}.m-gate .store-badges{flex-direction:column;width:100%;max-width:280px}.m-gate .store-badge{justify-content:center;background:var(--m-coral);border-color:var(--m-coral)}@media(max-width:760px){.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-width:none;max-height:92vh;overflow-y:auto;border-radius:26px 26px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom));animation:sheet-up .26s cubic-bezier(.2,.7,.2,1)}.paywall .primary.block{background:var(--m-coral);border-color:var(--m-coral);color:#fff}.paywall .primary.block:hover{background:var(--m-coral)}.projects-empty{padding:48px 0}}@media(max-width:860px){.layout{grid-template-columns:1fr;padding:16px;gap:16px}.sidebar{position:static;max-height:none}body{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}