:root{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--teal:#00bda3;--teal-bright:#00dfc0;--teal-dark:#009e88;--teal-soft:#e6fdf8;--teal-soft-2:#ccf7ee;--navy:#1b2740;--navy-2:#16213a;--bg:#f6f8fb;--card:#fff;--card-2:#f3f6fa;--line:#e6ecf5;--line-2:#d5dde9;--fg:#1b2740;--fg-2:#4b5772;--fg-3:#75839a;--accent:var(--teal);--accent-fg:#fff;--accent-soft:var(--teal-soft);--ok:#17a673;--ok-soft:#e6f7f0;--warn:#c98a12;--warn-soft:#fdf3dd;--err:#d64545;--err-soft:#fdecec;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #1b27400a, 0 8px 24px -8px #1b27401f;--shadow-sm:0 1px 2px #1b27400f;--maxw:1160px;--content:860px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0f1420;--card:#161c2b;--card-2:#1c2436;--line:#263044;--line-2:#33405a;--fg:#eef2f7;--fg-2:#b6c0d3;--fg-3:#8592a8;--teal-soft:#0f2f2b;--teal-soft-2:#14403a;--accent-soft:var(--teal-soft);--ok-soft:#10301f;--warn-soft:#33270f;--err-soft:#3a1717;--shadow:0 1px 2px #0006, 0 8px 24px -8px #0009;--shadow-sm:0 1px 2px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1420;--card:#161c2b;--card-2:#1c2436;--line:#263044;--line-2:#33405a;--fg:#eef2f7;--fg-2:#b6c0d3;--fg-3:#8592a8;--teal-soft:#0f2f2b;--teal-soft-2:#14403a;--accent-soft:var(--teal-soft);--ok-soft:#10301f;--warn-soft:#33270f;--err-soft:#3a1717;--shadow:0 1px 2px #0006, 0 8px 24px -8px #0009;--shadow-sm:0 1px 2px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--fg);background:var(--bg);text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.55}a{color:var(--teal-dark);text-decoration:none}a:hover{text-decoration:underline}img,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}code,pre,kbd{font-family:var(--font-mono);font-size:.9em}pre{background:var(--card-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem;overflow-x:auto}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--fg);margin:0 0 .5rem;line-height:1.2}h1{font-size:clamp(1.9rem,1.3rem + 2vw,2.6rem);font-weight:800}h2{font-size:1.35rem;font-weight:700}h3{font-size:1.05rem;font-weight:650}p{margin:0 0 1rem}.muted{color:var(--fg-2)}.small{font-size:.875rem}.container{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}.content{max-width:var(--content);margin:0 auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px}.icon{flex:none;width:1em;height:1em}.site-header{z-index:40;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .container{align-items:center;gap:1rem;height:60px;display:flex}.brand{color:var(--fg);letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:800;display:inline-flex}.brand:hover{text-decoration:none}.brand-mark{background:linear-gradient(135deg, var(--teal-bright), var(--teal-dark));color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.brand-mark svg{width:18px;height:18px}.brand em{color:var(--teal);font-style:normal}.nav{gap:.15rem;margin-left:.5rem;display:flex}.nav-item{position:relative}.nav-btn{border-radius:var(--radius-sm);color:var(--fg);cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:.5rem .75rem;font-size:.95rem;font-weight:600;display:inline-flex}.nav-btn:hover,.nav-item[data-open=true]>.nav-btn,.nav-item:focus-within>.nav-btn{background:var(--card-2);color:var(--teal-dark)}.nav-btn .chev{width:14px;height:14px;transition:transform .15s}.nav-item[data-open=true] .chev,.nav-item:focus-within .chev{transform:rotate(180deg)}.mega{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-width:620px;box-shadow:var(--shadow);z-index:50;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.1rem 1.5rem;padding:1.1rem 1.25rem 1.25rem;display:none;position:absolute;top:calc(100% + 8px);left:0}.nav-item[data-open=true] .mega,.nav-item:focus-within .mega{display:grid}.mega:before{content:"";height:12px;position:absolute;top:-12px;left:0;right:0}.mega h4{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin:0 0 .55rem;font-size:.75rem}.mega ul{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.mega a{color:var(--fg);border-radius:6px;margin-left:-.4rem;padding:.3rem .4rem;font-size:.92rem;display:block}.mega a:hover{background:var(--teal-soft);color:var(--teal-dark);text-decoration:none}.mega .mega-all{color:var(--teal-dark);margin-top:.4rem;font-weight:600}.header-right{align-items:center;gap:.5rem;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--line);background:var(--card);cursor:pointer;width:38px;height:38px;color:var(--fg-2);border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:var(--card-2);color:var(--fg)}.icon-btn svg{width:18px;height:18px}.header-cta{border-radius:var(--radius-sm);border:1px solid var(--teal);color:var(--teal-dark);align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.9rem;font-weight:600;display:inline-flex}.header-cta:hover{background:var(--teal-soft);text-decoration:none}.menu-toggle{display:none}@media (max-width:900px){.nav,.header-cta{display:none}.menu-toggle{display:grid}.mobile-nav{border-top:1px solid var(--line);background:var(--card);padding:.75rem 1.25rem 1.25rem;display:none}.mobile-nav[data-open=true]{display:block}.mobile-nav h4{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin:.9rem 0 .4rem;font-size:.75rem}.mobile-nav ul{grid-template-columns:1fr 1fr;gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:grid}.mobile-nav a{color:var(--fg);padding:.35rem 0;display:block}}@media (min-width:901px){.mobile-nav{display:none!important}}.search-dialog{border-radius:var(--radius);background:var(--card);width:min(640px,92vw);color:var(--fg);box-shadow:var(--shadow);border:0;padding:0}.search-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f14208c}.search-dialog input{border:0;border-bottom:1px solid var(--line);background:0 0;outline:none;width:100%;padding:1rem 1.1rem;font-size:1.05rem}.search-results{max-height:60vh;margin:0;padding:.5rem;list-style:none;overflow:auto}.search-results a{border-radius:var(--radius-sm);color:var(--fg);align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.search-results a:hover,.search-results a:focus{background:var(--teal-soft);text-decoration:none}.search-results .cat{color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em;margin-left:auto;font-size:.75rem}.search-results .tile{width:32px;height:32px}.breadcrumbs{color:var(--fg-3);margin:1rem 0 0;font-size:.8rem}.breadcrumbs ol{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";color:var(--line-2);margin-right:.35rem}.breadcrumbs a{color:var(--fg-3)}.page-head{text-align:center;max-width:760px;margin:1.75rem auto 1.5rem}.page-head h1{margin-bottom:.4rem}.page-head .lede{color:var(--fg-2);margin:0;font-size:1.05rem}.section{margin-top:2rem}.prose{max-width:100%}.prose ul{padding-left:1.2rem}.prose li{margin-bottom:.35rem}.prose h2{margin-top:1.75rem;font-size:1.2rem}.prose h2:first-child{margin-top:0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:1.5rem}@media (max-width:640px){.card-pad{padding:1.1rem}}.tool{max-width:var(--content);margin:0 auto}.dropcard{border:2px dashed var(--line-2);border-radius:var(--radius);background:var(--card-2);text-align:center;padding:3rem 1.5rem 2.25rem;transition:border-color .15s,background .15s;position:relative}.dropcard.active{border-color:var(--teal);background:var(--teal-soft)}.dropcard.compact{padding:1.25rem}.dropcard .hint{color:var(--fg-2);margin:1rem 0 0;font-size:.85rem}.dropcard .legal{color:var(--fg-3);margin:.35rem 0 0;font-size:.75rem}.dropcard .legal a{color:var(--fg-3);text-decoration:underline}.dropcard.compact .hint,.dropcard.compact .legal{display:none}.choose{border-radius:var(--radius-sm);align-items:stretch;display:inline-flex;position:relative;box-shadow:0 6px 16px -6px #00bda38c}.choose>button{cursor:pointer;background:var(--teal);color:#fff;border:0;align-items:center;gap:.6rem;padding:.85rem 1.4rem;font-size:1.05rem;font-weight:700;display:inline-flex}.choose>button:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.choose>button:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:1px solid #ffffff59;padding:.85rem .8rem}.choose>button:only-child{border-radius:var(--radius-sm)}.choose>button:hover{background:var(--teal-dark)}.choose svg{width:20px;height:20px}.choose .menu{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);min-width:220px;box-shadow:var(--shadow);text-align:left;z-index:10;padding:.35rem;position:absolute;top:calc(100% + 6px);left:0}.choose .menu button{cursor:pointer;width:100%;color:var(--fg);background:0 0;border:0;border-radius:6px;align-items:center;gap:.6rem;padding:.55rem .7rem;font-size:.92rem;display:flex}.choose .menu button:hover{background:var(--teal-soft);color:var(--teal-dark)}.choose .menu svg{width:18px;height:18px;color:var(--fg-2)}.dropcard.compact .choose>button{padding:.6rem 1rem;font-size:.95rem}.settings{margin-top:1rem}.settings>summary{cursor:pointer;align-items:center;gap:.6rem;padding:.95rem 1.25rem;font-size:.95rem;font-weight:600;list-style:none;display:flex}.settings>summary::-webkit-details-marker{display:none}.settings>summary svg.gear{width:18px;height:18px;color:var(--fg-2)}.settings>summary .chev{width:16px;height:16px;color:var(--fg-3);margin-left:auto;transition:transform .15s}.settings[open]>summary .chev{transform:rotate(180deg)}.settings-body{border-top:1px solid var(--line);padding:.25rem 1.25rem 1.25rem}.settings-group{background:var(--card-2);align-items:center;gap:.5rem;margin:1rem -1.25rem .5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.settings-group svg{width:16px;height:16px;color:var(--fg-2)}.setting{border-bottom:1px solid var(--line);grid-template-columns:200px minmax(0,1fr);align-items:start;gap:.5rem 1.5rem;padding:.8rem 0;display:grid}.setting:last-child{border-bottom:0}.setting>label:first-child,.setting>.setting-label{text-align:right;color:var(--fg);padding-top:.45rem;font-size:.9rem;font-weight:600}.setting .control{flex-wrap:wrap;align-items:center;gap:.6rem;min-width:0;max-width:100%;display:flex}.setting .help{color:var(--fg-3);overflow-wrap:break-word;grid-column:2;min-width:0;margin:-.2rem 0 0;font-size:.8rem}@media (max-width:640px){.setting{grid-template-columns:1fr}.setting>label:first-child,.setting>.setting-label{text-align:left;padding-top:0}.setting .help{grid-column:1}}.select,.setting select,.setting input[type=number],.setting input[type=text],.toolbar select,.toolbar input[type=number],.toolbar input[type=text]{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--card);color:var(--fg);min-width:9rem;padding:.5rem .7rem;font-size:.92rem}.setting select:focus,.setting input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #00bda333}.setting input[type=number]{width:7rem;min-width:6rem}.setting input[type=color]{border:1px solid var(--line-2);background:var(--card);cursor:pointer;border-radius:6px;width:40px;height:34px;padding:0}.setting input[type=range]{width:min(320px,100%);min-width:120px;accent-color:var(--teal);flex:120px}input[type=range]:focus,input[type=range]:focus-visible{box-shadow:none;outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #00bda34d}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #00bda34d}.range-val{text-align:center;background:var(--teal-soft);min-width:2.5rem;color:var(--teal-dark);border-radius:6px;padding:.25rem .5rem;font-size:.9rem;font-weight:600}.check{color:var(--fg-2);cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.check input{width:17px;height:17px;accent-color:var(--teal)}.chips-input{flex-wrap:wrap;gap:.4rem;display:flex}.chips-input label{border:1px solid var(--line-2);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.85rem;display:inline-flex}.chips-input label:has(input:checked){border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark)}.chips-input input{display:none}.field{color:var(--fg-2);gap:.3rem;font-size:.875rem;display:grid}.toolbar{display:none}.btn{border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--card);color:var(--fg);cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:.6rem 1rem;font-size:.92rem;font-weight:600;line-height:1.2;display:inline-flex}.btn:hover{background:var(--card-2);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-dark);border-color:var(--teal-dark)}.btn-lg{border-radius:10px;padding:.85rem 1.6rem;font-size:1.05rem}.btn-sm{padding:.35rem .65rem;font-size:.85rem}.btn-ghost{color:var(--teal-dark);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--teal-soft)}.btn svg{width:16px;height:16px}.btn-lg svg{width:20px;height:20px}.files{margin-top:1rem;overflow:hidden}.filelist{margin:0;padding:0;list-style:none}.file{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.85rem 1.1rem;display:grid}.file:last-child{border-bottom:0}.file .thumb{background:repeating-conic-gradient(var(--line) 0 25%, var(--card) 0 50%) 0 0 / 12px 12px;border:1px solid var(--line);border-radius:8px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.file .thumb img{object-fit:contain;width:40px;height:40px}.file .thumb .ext{color:var(--fg-2);letter-spacing:.04em;font-size:.65rem;font-weight:700}.file .name{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.file .meta{color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:.25rem .75rem;margin-top:.15rem;font-size:.82rem;display:flex}.file .meta a{color:var(--teal-dark);font-weight:500}.file .actions{align-items:center;gap:.4rem;display:flex}.file .actions .btn-x{border:1px solid var(--line);width:32px;height:32px;color:var(--fg-3);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.file .actions .btn-x:hover{background:var(--err-soft);color:var(--err);border-color:#0000}.progress{background:var(--line);border-radius:999px;width:160px;height:6px;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--teal), var(--teal-bright));border-radius:999px;height:100%;transition:width .3s;display:block}.progress.indeterminate>span{width:40%;animation:1.1s ease-in-out infinite slide}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.pill{border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.pill-ok{background:var(--ok-soft);color:var(--ok)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-err{background:var(--err-soft);color:var(--err)}.pill-neutral{background:var(--card-2);color:var(--fg-2);border:1px solid var(--line)}details.changes{color:var(--fg-2);grid-column:1/-1;font-size:.85rem}details.changes summary{cursor:pointer;color:var(--teal-dark)}details.changes ul{margin:.4rem 0 0;padding-left:1.1rem}.actionbar{border-top:1px solid var(--line);background:var(--card-2);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:1rem 1.1rem;display:flex}.actionbar .stats{color:var(--fg-2);font-size:.9rem}.actionbar .stats b{color:var(--fg)}.actionbar .spacer{flex:1}.add-more{color:var(--teal-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:.35rem 0;font-size:.9rem;font-weight:600;display:inline-flex}.privacy-note{color:var(--fg-3);justify-content:center;align-items:center;gap:.4rem;margin:.9rem 0 0;font-size:.82rem;display:flex}.privacy-note svg{width:14px;height:14px}.palette{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.swatch-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);grid-template-columns:40px minmax(140px,1fr) auto minmax(260px,1.4fr);align-items:center;gap:.75rem;padding:.55rem .7rem;display:grid}.swatch{border:1px solid var(--line);border-radius:8px;width:40px;height:40px;display:block}.swatch-meta{gap:.1rem;display:grid}.swatch-to{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.swatch-to input[type=text]{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--card);width:8.5rem;color:var(--fg);font-family:var(--font-mono);padding:.4rem .5rem;font-size:.85rem}.swatch-to input[type=color]{border:1px solid var(--line-2);background:var(--card);cursor:pointer;border-radius:6px;width:36px;height:32px;padding:0}@media (max-width:720px){.swatch-row{grid-template-columns:40px 1fr}.swatch-row>[aria-hidden]{display:none}.swatch-to{grid-column:1/-1}}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}@media (max-width:720px){.two-col{grid-template-columns:1fr}}.sprite-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.sprite-cell{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);text-align:center;justify-items:center;gap:.4rem;padding:.8rem .5rem;display:grid}.sprite-cell code{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;overflow:hidden}.sprite-preview{fill:currentColor;width:32px;height:32px;color:var(--fg)}.code-block{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);margin-top:1rem;overflow:hidden}.code-block header{border-bottom:1px solid var(--line);background:var(--card-2);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;display:flex}.code-block pre{background:var(--card);border:0;border-radius:0;max-height:420px;margin:0;font-size:.8rem;overflow:auto}.uri-preview{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);align-items:center;gap:1rem;padding:.75rem;display:flex}.uri-preview .thumb{background:repeating-conic-gradient(var(--line) 0 25%, var(--card) 0 50%) 0 0 / 12px 12px;border-radius:8px;place-items:center;display:grid}.sheet-preview{border:1px solid var(--line);border-radius:var(--radius-sm);background:repeating-conic-gradient(var(--line) 0 25%, var(--card) 0 50%) 0 0 / 16px 16px;max-height:70vh;margin-top:1rem;padding:.75rem;overflow:auto}.sheet-preview img{max-width:100%;height:auto;box-shadow:var(--shadow)}.favicon-preview{grid-template-columns:1fr auto;align-items:stretch;gap:1rem;margin-top:1rem;display:grid}.tab-mock{background:var(--line);border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;align-items:end;padding:.6rem .6rem 0;display:flex}.tab-mock-tab{background:var(--card);border:1px solid var(--line);white-space:nowrap;border-bottom:0;border-radius:8px 8px 0 0;align-items:center;gap:.5rem;max-width:220px;padding:.45rem .8rem;font-size:.85rem;display:inline-flex;overflow:hidden}.tab-mock-tab img{width:16px;height:16px}.home-mock{border:1px solid var(--line);border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg,#1b2740,#0d5c52);gap:1.25rem;padding:.75rem 1rem;font-size:.75rem;display:flex}.home-mock>div{justify-items:center;gap:.3rem;display:grid}@media (max-width:640px){.favicon-preview{grid-template-columns:1fr}}.favicon-preview.sticky{z-index:5;background:var(--bg);margin-top:.5rem;padding:.5rem 0 .75rem;position:sticky;top:64px}@media (min-width:900px){.settings-body.cols-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:2.5rem;display:grid}.settings-body.cols-2 .settings-group{grid-column:1/-1}.settings-body.cols-2 .setting{grid-template-columns:140px minmax(0,1fr);gap:.4rem 1rem}}.textarea{width:100%;font-family:var(--font-mono);border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--card);color:var(--fg);resize:vertical;padding:.6rem;font-size:.82rem}.steps{counter-reset:step;gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;align-items:start;gap:.9rem;display:flex}.steps li>span{padding-top:.2rem}.steps li:before{content:counter(step);background:var(--teal-soft);width:28px;height:28px;color:var(--teal-dark);border-radius:50%;flex:none;place-items:center;font-size:.9rem;font-weight:700;display:grid}.features{text-align:center;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.75rem;display:grid}.features .f-icon{background:var(--teal-soft);width:52px;height:52px;color:var(--teal-dark);border-radius:14px;place-items:center;margin:0 auto .75rem;display:grid}.features .f-icon svg{width:26px;height:26px}.features h3{margin:0 0 .3rem;font-size:1rem}.features p{color:var(--fg-2);margin:0;font-size:.9rem}@media (max-width:640px){.features{grid-template-columns:1fr}}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:.95rem 0;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--teal);font-size:1.3rem;font-weight:400;line-height:1}.faq details[open] summary:after{content:"–"}.faq p{color:var(--fg-2);margin:0 0 1rem}.linkgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.35rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.linkgrid a{color:var(--fg-2);align-items:center;gap:.5rem;padding:.4rem 0;font-size:.92rem;display:flex}.linkgrid a:hover{color:var(--teal-dark);text-decoration:none}.linkgrid a:before{content:"";background:var(--teal);opacity:.6;border-radius:50%;width:6px;height:6px}.toolgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.9rem;display:grid}.tile-link{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--fg);align-items:center;gap:.8rem;padding:.85rem 1rem;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.tile-link:hover{border-color:var(--teal);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}.tile-link .tile{flex:none}.tile-link strong{font-size:.95rem;display:block}.tile-link strong+span{color:var(--fg-2);font-size:.8rem;display:block}.tile-link>span:last-child{min-width:0}.tile{color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.tile svg{width:22px;height:22px}.tile.svg{background:linear-gradient(135deg,#00dfc0,#009e88)}.tile.icon{background:linear-gradient(135deg,#5b8cff,#3556d9)}.tile.image{background:linear-gradient(135deg,#ff8a5b,#e5513a)}.tile.dev{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.tile.soon{background:var(--line);color:var(--fg-3)}.security{grid-template-columns:1.2fr 1fr;align-items:center;gap:1.25rem;display:grid}.security ul{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.security li{align-items:start;gap:.75rem;display:flex}.security li svg{width:22px;height:22px;color:var(--teal);flex:none;margin-top:2px}@media (max-width:720px){.security{grid-template-columns:1fr}}.family{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.family a{border:1px solid var(--line);border-radius:var(--radius);color:var(--fg);background:var(--card);align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.family a:hover{border-color:var(--teal);text-decoration:none}.family strong{display:block}.family span{color:var(--fg-2);font-size:.85rem}.chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chips a{border:1px solid var(--line-2);color:var(--fg);background:var(--card);border-radius:999px;padding:.35rem .8rem;font-size:.88rem;display:inline-block}.chips a:hover{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft);text-decoration:none}.hero{text-align:center;padding:2.25rem 0 .5rem}.hero h1{max-width:24ch;margin:0 auto .5rem;font-size:clamp(2rem,1.4rem + 2.6vw,3rem)}.hero p{color:var(--fg-2);max-width:60ch;margin:0 auto;font-size:1.1rem}.cat-section h2{align-items:center;gap:.6rem;display:flex}.cat-section h2 a{color:var(--fg)}.cat-section h2 .tile{border-radius:8px;width:32px;height:32px}.cat-section h2 .tile svg{width:18px;height:18px}.stat-row{color:var(--fg-2);flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin:1rem 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.stat-row li{align-items:center;gap:.4rem;display:inline-flex}.stat-row svg{width:16px;height:16px;color:var(--teal)}.site-footer{background:var(--navy);color:#c7d0e0;margin-top:4rem;padding:3rem 0 2rem}.footer-grid{grid-template-columns:1.3fr repeat(4,1fr);gap:2rem;display:grid}.footer-grid h3{text-transform:uppercase;letter-spacing:.08em;color:#8fa0bd;margin:0 0 .75rem;font-size:.8rem}.footer-grid ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.footer-grid a{color:#dfe6f2;font-size:.9rem}.footer-grid a:hover{color:var(--teal-bright);text-decoration:none}.footer-brand .brand{color:#fff}.footer-brand p{color:#a9b6cc;margin:.75rem 0 0;font-size:.9rem}.footer-bottom{color:#8fa0bd;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;margin-top:2.5rem;padding-top:1.25rem;font-size:.85rem;display:flex}.footer-bottom a{color:#c7d0e0}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.social-source{justify-content:center;align-items:center;gap:.9rem;margin-top:.75rem;display:flex}.social-source img{object-fit:contain;background:repeating-conic-gradient(var(--line) 0 25%, var(--card) 0 50%) 0 0 / 10px 10px;border-radius:6px;width:44px;height:44px}.platform-tabs{z-index:30;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:.6rem .75rem;display:flex;position:sticky;top:60px}.platform-tab{border:1px solid var(--line-2);background:var(--card);color:var(--fg);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.9rem;font-weight:600;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.platform-tab:hover{border-color:var(--brand);transform:translateY(-1px)}.platform-tab.active{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 10%, var(--card));color:var(--fg);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent)}.platform-section{margin-top:1.25rem}.platform-head h2{align-items:center;gap:.6rem;margin:0 0 .25rem;font-size:1.35rem;display:flex}.platform-head h2 .muted{font-size:.95rem;font-weight:500}.platform-head p{max-width:70ch;margin:0}.social-toolbar{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;margin:1rem 0 .75rem;padding:.7rem 1rem;display:flex}.toolbar-sep{background:var(--line);align-self:stretch;width:1px}.toolbar-field{align-items:center;gap:.45rem;display:inline-flex}.toolbar-field .select{padding:.35rem 1.7rem .35rem .6rem;font-size:.88rem}.toolbar-field input[type=range]{width:110px;accent-color:var(--teal)}.toolbar-field input[type=color]{border:1px solid var(--line-2);background:var(--card);cursor:pointer;border-radius:6px;width:34px;height:30px;padding:0}@media (max-width:800px){.social-toolbar .toolbar-hint,.social-toolbar .toolbar-sep{display:none}}.social-toolbar .spacer{flex:1}.social-zoom{align-items:center;gap:.5rem;display:inline-flex}.social-zoom input[type=range]{width:150px;accent-color:var(--teal)}.size-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.size-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.size-card:hover{border-color:var(--teal)}.size-card.selected{border-color:var(--teal);box-shadow:0 0 0 3px #00bda333}.size-card.highlight{border-color:var(--teal);box-shadow:0 0 0 3px #00bda34d}.frame-box{background:repeating-conic-gradient(var(--line) 0 25%, var(--card-2) 0 50%) 0 0 / 14px 14px;border-bottom:1px solid var(--line);place-items:center;height:190px;padding:14px;display:grid;position:relative}.frame-box .frame{touch-action:none;border-radius:3px;display:block;box-shadow:0 2px 10px #0000002e}.frame-box .frame.draggable{cursor:grab}.frame-box .frame.draggable:active{cursor:grabbing}.frame-brand{background:var(--card);border:1px solid var(--line);width:28px;height:28px;box-shadow:var(--shadow-sm);z-index:1;opacity:1;pointer-events:none;border-radius:50%;place-items:center;transition:opacity .15s;display:grid;position:absolute;top:8px;left:8px}.frame-box:hover .frame-brand,.frame-box:active .frame-brand{opacity:0}.frame-empty{position:absolute;bottom:8px;right:10px}.frame-action{z-index:2;opacity:0;transition:opacity .15s,transform .15s;position:absolute;bottom:8px;right:8px;transform:translateY(4px)}.frame-box:hover .frame-action,.frame-box:focus-within .frame-action{opacity:1;transform:none}@media (hover:none){.frame-action{display:none}}.size-meta{gap:.5rem;padding:.75rem .9rem .9rem;display:grid}.size-title{gap:.15rem;display:grid}.size-title strong{font-size:.95rem}.size-custom{color:var(--fg-2);align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.size-custom input{border:1px solid var(--line-2);background:var(--card);width:5rem;color:var(--fg);font:inherit;border-radius:6px;padding:.25rem .4rem;font-size:.85rem}.size-zoom{align-items:center;gap:.45rem;display:flex}.size-zoom input[type=range]{min-width:0;accent-color:var(--teal);flex:1}.size-zoom .btn-x{border:1px solid var(--line);width:26px;height:26px;color:var(--fg-3);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.size-zoom .btn-x svg{width:14px;height:14px}.size-actions{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.size-actions .pill{white-space:nowrap}.size-actions .spacer{flex:1}.size-actions .check{margin:0}.social-actionbar{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin-top:1rem}@media (max-width:640px){.frame-box{height:160px}.platform-tab{padding:.45rem .7rem;font-size:.85rem}.platform-tabs{max-height:132px;top:56px;overflow-y:auto}}.seg{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--card);display:inline-flex;overflow:hidden}.seg button{border:0;border-right:1px solid var(--line);color:var(--fg-2);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:.3rem;padding:.4rem .7rem;font-size:.85rem;font-weight:600;display:inline-flex}.seg button:last-child{border-right:0}.seg button:hover{background:var(--card-2);color:var(--fg)}.seg button.active{background:var(--teal-soft);color:var(--teal-dark)}.seg button svg{width:16px;height:16px}.dim-input{align-items:center;gap:.3rem;display:inline-flex}.dim-input input{width:6.5rem}.btn.btn-active{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-soft)}.chip{border:1px solid var(--line-2);background:var(--card);color:var(--fg);cursor:pointer;border-radius:999px;padding:.3rem .7rem;font-family:inherit;font-size:.85rem}.chip:hover{border-color:var(--teal)}.chip.active{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--card);color:var(--fg);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;width:min(1100px,100%);max-height:94vh;display:flex;overflow:hidden}.modal-head{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.9rem 1.25rem;display:flex}.modal-head h3{align-items:center;gap:.5rem;margin:0;font-size:1.05rem;display:flex}.modal-head h3 svg{width:18px;height:18px}.modal-head h3 .muted{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;font-size:.9rem;font-weight:500;overflow:hidden}.modal-head .btn-x{border:1px solid var(--line);width:32px;height:32px;color:var(--fg-3);cursor:pointer;background:0 0;border-radius:50%;place-items:center;margin-left:auto;display:grid}.crop-body{grid-template-columns:1fr 280px;min-height:0;display:grid}.crop-stage{background:repeating-conic-gradient(var(--line) 0 25%, var(--card-2) 0 50%) 0 0 / 16px 16px;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;height:min(70vh,640px);padding:1rem;display:grid;position:relative;overflow:hidden}.crop-canvas{box-shadow:var(--shadow);background-repeat:no-repeat;background-size:100% 100%;position:relative}.crop-shade{pointer-events:none;background:#0000008c;position:absolute;inset:0}.crop-rect{box-sizing:border-box;cursor:move;border:2px solid #fff;outline:1px solid #00000080;position:absolute}.crop-grid{pointer-events:none;background-image:linear-gradient(90deg,#ffffff73 1px,#0000 1px),linear-gradient(#ffffff73 1px,#0000 1px);background-size:33.34% 33.34%;position:absolute;inset:0}.crop-handle{border:2px solid var(--teal);box-sizing:border-box;background:#fff;border-radius:3px;width:14px;height:14px;position:absolute}.crop-handle.nw{cursor:nwse-resize;top:-7px;left:-7px}.crop-handle.ne{cursor:nesw-resize;top:-7px;right:-7px}.crop-handle.sw{cursor:nesw-resize;bottom:-7px;left:-7px}.crop-handle.se{cursor:nwse-resize;bottom:-7px;right:-7px}.crop-handle.n{cursor:ns-resize;top:-7px;left:calc(50% - 7px)}.crop-handle.s{cursor:ns-resize;bottom:-7px;left:calc(50% - 7px)}.crop-handle.e{cursor:ew-resize;top:calc(50% - 7px);right:-7px}.crop-handle.w{cursor:ew-resize;top:calc(50% - 7px);left:-7px}.crop-dims{color:#fff;white-space:nowrap;pointer-events:none;background:#000000bf;border-radius:4px;padding:.15rem .5rem;font-size:.75rem;position:absolute;bottom:-1.9rem;left:50%;transform:translate(-50%)}.crop-side{border-left:1px solid var(--line);flex-direction:column;gap:.6rem;padding:1rem 1.25rem;display:flex;overflow:auto}.crop-side h4{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);margin:.25rem 0 0;font-size:.8rem}.crop-aspects{flex-wrap:wrap;gap:.4rem;display:flex}.crop-custom,.crop-fields label{color:var(--fg-2);align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.crop-custom input,.crop-fields input{border:1px solid var(--line-2);background:var(--card);width:5rem;color:var(--fg);font:inherit;border-radius:6px;padding:.3rem .45rem;font-size:.85rem}.crop-fields{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.crop-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.75rem;display:flex}.crop-actions .spacer{flex:1}@media (max-width:800px){.crop-body{grid-template-columns:1fr}.crop-stage{height:50vh}.crop-side{border-left:0;border-top:1px solid var(--line)}}