:root{--bg:#faf7f3;--surface:#fffdfa;--ink:#35243b;--muted:#817582;--line:#e8e0e5;--coral:#f38e7c;--mint:#bde0cc;--aubergine:#35243b;--editor:#fffcf8;--hover:#f1eaf1;--shadow:0 24px 60px #34213b0c;color-scheme:light}:root[data-theme=dark]{--bg:#211825;--surface:#2b2130;--ink:#f5edf6;--muted:#b4a6b9;--line:#49364c;--editor:#251d2b;--hover:#382a3d;--shadow:0 24px 60px #0002;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 14px;border-radius:8px}button:hover{background:var(--hover)}button:disabled{opacity:.4;cursor:default}input,select,textarea{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:8px;padding:10px}h1,h2,h3,p{margin-top:0}header{height:92px;padding:0 max(32px,calc((100vw - 1320px) / 2));gap:40px;border-bottom:1px solid var(--line);background:var(--bg)}.brand,header{display:flex;align-items:center}.brand{gap:3px;font-size:24px;font-weight:750;letter-spacing:-1px}.brand span:not(.brandmark){font-weight:400}.brandmark{font:700 22px var(--font-mono);background:var(--aubergine);color:var(--coral);border-radius:10px;padding:7px 10px;margin-right:9px}.brand sup{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;margin-left:8px;color:var(--muted)}header nav{display:flex;align-items:center;gap:30px;margin-left:auto}header nav button{border:0;background:none;padding:0}.header-controls{display:flex;align-items:center}.header-controls select{border:0;background:transparent;padding:8px;font-size:12px;font-weight:700}.header-controls button{border:0;background:transparent;font-size:23px;padding:4px 12px}.mobile-menu{display:none}main{max-width:1320px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:630px;padding:66px 0 50px;grid-gap:65px;gap:65px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:8px;font-size:11px;border:1px solid var(--line);padding:7px 12px;border-radius:20px;background:var(--surface)}.hero .eyebrow{margin:28px 0 15px}.hero h1{font-size:clamp(40px,4.4vw,65px);line-height:1.05;letter-spacing:-3px;max-width:600px;font-weight:750;margin-bottom:22px}.lede{color:var(--muted);font-size:17px;line-height:1.8;max-width:470px;margin-bottom:30px}.primary{display:inline-flex;align-items:center;gap:30px;border:0;border-radius:9px;background:var(--aubergine);color:#fff6f4;padding:14px 20px;font-weight:650}.primary:hover{background:#5a3b5e}.primary span{color:var(--coral);font-size:20px}.text-link{display:inline-block;margin-left:26px;font-size:13px;font-weight:600}.hero-stats{display:flex;gap:35px;margin-top:40px}.hero-stats div{border-right:1px solid var(--line);padding-right:30px}.hero-stats div:last-child{border:0}.hero-stats b{display:block;font-size:24px;line-height:1.2;font-weight:600}.hero-stats small{display:block;margin-top:7px;font-size:9px;letter-spacing:.7px;color:var(--muted)}.hero-art{height:450px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:390px;height:390px;background:#eee0e4;border-radius:50%;border:1px solid #e5d5df}.orbit:after{content:"";position:absolute;inset:-27px;border-radius:50%;border:1px dashed #cabacb}.art-card{width:425px;position:relative;transform:rotate(-3deg);border:1px solid #655267;border-radius:15px;background:#35243b;box-shadow:22px 28px 0 #d9c9d433,0 25px 60px #38273c30;color:#f2eaf3;overflow:hidden}.art-title{height:48px;border-bottom:1px solid #58435c;display:flex;gap:5px;align-items:center;padding:0 20px}.art-title i{height:7px;width:7px;background:#f38e7c;border-radius:50%}.art-title i:nth-child(2){background:#dfc49b}.art-title i:nth-child(3){background:#bde0cc}.art-title span{margin-left:auto;font-size:11px;color:#c4b0ca}.art-card pre{font:13px/1.95 var(--font-mono);padding:22px 27px;margin:0}.art-card em{font-style:normal;color:#ecc5a6}.art-card strong{font-weight:400;color:#bde0cc}.art-card b,.art-cursor{color:#f38e7c}.art-status{border-top:1px solid #58435c;font:10px var(--font-mono);color:#bde0cc;padding:12px 20px;display:flex;justify-content:space-between}.floating-tag{position:absolute;top:12px;right:8px;padding:10px 13px;font-size:10px;background:var(--mint);color:#35243b;border-radius:6px;letter-spacing:1px;transform:rotate(7deg);z-index:2}.floating-tag span{margin-left:14px;font-size:9px}.floating-chip{position:absolute;bottom:7px;left:15px;background:var(--coral);color:#35243b;border:1px solid #d57766;padding:17px 22px;border-radius:10px;font:700 21px var(--font-mono);transform:rotate(5deg);box-shadow:var(--shadow)}.floating-chip span{font:600 12px var(--font-sans);margin:0 24px 0 15px}.tiny-spark{position:absolute;right:0;bottom:45px;color:#ad7894;font-size:68px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.section-head h2{font-size:26px;letter-spacing:-.8px;margin:0}.section-head .eyebrow{display:block;margin-bottom:8px}.section-head input{width:260px;background:transparent;font-size:12px}.popular-section{padding:5px 0 24px}.popular-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.popular-grid>a{display:flex;align-items:center;gap:13px;padding:18px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.popular-grid h3{margin:0;font-size:15px}.popular-grid p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.popular-grid b{margin-left:auto;font-size:19px;font-weight:400}.tool-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:11px;font:600 15px var(--font-mono);color:#35243b}.tone-0{background:#ecdedf}.tone-1{background:#f9ded3}.tone-2{background:#d8eadd}.ad{min-height:100px;border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;margin:28px 0 50px;border-radius:10px;color:var(--muted);background:linear-gradient(125deg,var(--surface),transparent)}.ad>span{font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.ad-sidebar{min-height:250px;margin-top:32px}.ad-home{min-height:116px}.catalog{padding:15px 0 50px;scroll-margin-top:25px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.tool-card{border:1px solid var(--line);padding:24px;background:var(--surface);border-radius:12px;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#be9db3}.tool-card h3{font-size:18px;margin:22px 0 7px;letter-spacing:-.5px;display:flex;justify-content:space-between}.tool-card h3 span{color:var(--muted);font-size:18px;font-weight:400}.tool-card p{font-size:12px;color:var(--muted);line-height:1.7;max-width:200px;margin:0}.home-note{border-top:1px solid var(--line);display:flex;align-items:center;gap:35px;padding:45px 0 65px}.home-note>span{font-size:55px;color:#ac7e99}.home-note h2{font-size:22px;margin-bottom:8px}.home-note p{color:var(--muted);font-size:13px;max-width:700px;margin:0}footer{max-width:1320px;margin:auto;padding:35px 32px;display:flex;align-items:flex-start;justify-content:space-between;border-top:1px solid var(--line);gap:24px}footer p,footer small{font-size:11px;color:var(--muted);margin:10px 0}footer>div:last-child{display:flex;gap:22px;font-size:11px;align-items:center}footer button{border:0;background:none;padding:0;font-size:11px}.studio-links{display:grid;grid-gap:7px;gap:7px;font-size:11px;margin-right:auto;padding-left:48px;border-left:1px solid var(--line)}.studio-links strong{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.studio-links a{color:var(--muted)}.studio-links a span{color:var(--ink);font-weight:600}.studio-links a:hover span{color:var(--coral)}.breadcrumbs{display:flex;gap:14px;font-size:11px;color:var(--muted);padding:30px 0}.tool-heading{justify-content:space-between;margin-bottom:32px;gap:20px}.tool-heading,.tool-heading h1{display:flex;align-items:center}.tool-heading h1{gap:14px;font-size:38px;letter-spacing:-1.3px;margin:8px 0 10px}.tool-heading p{color:var(--muted);font-size:13px;margin-bottom:0}.tool-heading .eyebrow{font-size:9px}.heading-muted{font-weight:400;color:var(--muted)}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-gap:30px;gap:30px}.tool-layout>div{min-width:0}.workspace{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.workspace-toolbar{display:flex;justify-content:space-between;gap:12px;padding:13px;border-bottom:1px solid var(--line);align-items:center;flex-wrap:wrap}.action-tabs{display:flex;gap:4px;flex-wrap:wrap}.action-tabs button{border:0;background:none;font-size:11px;padding:8px 10px}.action-tabs .selected{background:var(--aubergine);color:#fff}.workspace label{font-size:10px;color:var(--muted);display:flex;gap:8px;align-items:center}.workspace label select{padding:5px;font-size:11px}.options-row{display:flex;gap:14px;flex-wrap:wrap;padding:0 14px}.options-row:has(label){padding:14px;border-bottom:1px solid var(--line)}.options-row input{max-width:230px;padding:6px;font:12px var(--font-mono)}.secondary-label{padding:14px;flex-direction:column;align-items:stretch!important}.secondary-label textarea{height:100px;font:12px var(--font-mono);width:100%}.editors{display:grid;grid-template-columns:1fr 1fr}.editors>section{min-width:0;position:relative}.editors>section:first-child{border-right:1px solid var(--line)}.pane-head{height:48px;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line)}.pane-head,.pane-head>span{display:flex;align-items:center;gap:8px}.pane-head>span{font-size:11px;font-weight:600}.pane-head button{font-size:9px;padding:4px 6px;border:0;background:none}.pane-head button:hover{background:var(--hover)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--muted)}.dot.mint{background:#78ae8e}.dot.coral{background:var(--coral)}.editor-host,.editor-loading{height:390px;overflow:hidden}.pane-foot{display:flex;gap:12px;justify-content:flex-start;padding:8px 15px;border-top:1px solid var(--line);font:9px var(--font-mono);color:var(--muted);height:29px}.pane-foot span:last-child{margin-left:auto}.result-empty{height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:12px;background:var(--editor)}.result-empty span{font:32px var(--font-mono);color:#baa4b4;opacity:.7;margin-bottom:16px}.run-bar{display:flex;align-items:center;padding:15px;border-top:1px solid var(--line);gap:10px}.run-bar .primary{padding:10px 18px;font-size:11px}.run-bar .primary span{font-size:15px}.status{font-size:10px;display:flex;align-items:center;gap:6px;margin-right:auto;flex-wrap:wrap;min-width:0}.status.success .dot{background:#78ae8e}.status.error{color:#c46251}.status.error pre{width:100%;max-height:100px;overflow:auto;white-space:pre-wrap;margin:0;font:11px/1.5 var(--font-mono)}.shortcut{padding:5px 8px;border:1px solid var(--line);border-radius:4px}.shortcut,.workspace-note{font-size:10px;color:var(--muted)}.workspace-note{display:flex;justify-content:space-between;gap:15px;margin-top:14px}.workspace-note span{font-size:9px}.notice{padding:12px;background:var(--hover);border-radius:8px;font-size:11px;color:var(--muted)}.aside-tools{padding:20px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.aside-tools>.eyebrow{display:block;padding:0 9px 10px}.aside-tools a{display:flex;align-items:center;gap:12px;padding:9px;font-size:11px;border-radius:6px}.aside-tools a span{font:10px var(--font-mono);width:20px;color:var(--muted)}.aside-tools a b{margin-left:auto;font-weight:400}.aside-tools .current,.aside-tools a:hover{background:var(--hover)}.documentation{border-top:1px solid var(--line);padding:35px 0 5px}.documentation h2{font-size:29px;letter-spacing:-1px}.documentation h3{font-size:18px}.documentation>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px;gap:25px;padding:20px 0 25px}.steps b{font:22px var(--font-mono);color:#a17e96}.steps p{font-size:12px;color:var(--muted);margin:10px 0}.table-wrap,.tree{height:390px;overflow:auto;padding:18px;background:var(--editor);font:12px/1.8 var(--font-mono)}.tree-children{padding-left:20px;border-left:1px solid var(--line)}.tree summary{cursor:pointer}.tree small,.tree-leaf span{color:#a0728a}.table-wrap{padding:0}table{border-collapse:collapse;width:100%;font-size:11px}td,th{border-bottom:1px solid var(--line);padding:10px;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}th{background:var(--hover);position:-webkit-sticky;position:sticky;top:0}iframe{border:0;width:100%;height:390px;background:white;display:block}.hidden{display:none}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#1c102c80;display:flex;align-items:center;justify-content:center;padding:24px}.modal{position:relative;border:1px solid var(--line);border-radius:16px;padding:35px;background:var(--surface);max-width:550px;max-height:90vh;overflow:auto;box-shadow:var(--shadow)}.modal p{font-size:13px;color:var(--muted);line-height:1.8}.modal h2{font-size:25px}.modal .close{position:absolute;right:12px;top:12px;border:0;font-size:22px}.private-toggle{display:flex;gap:10px;font-size:14px;font-weight:600;padding:16px 0}.modal>button:not(.close){margin:8px 8px 0 0}.legal-page{padding:80px 32px;min-height:60vh;max-width:850px}.legal-page h1{font-size:40px;margin-top:30px}.legal-page p{line-height:1.9}.legal-page nav{display:flex;flex-wrap:wrap;gap:12px}.mobile-nav{padding:18px 25px;display:flex;justify-content:space-between}.cm-panels input{color:var(--ink)}@media (min-width:1500px){.tool-layout{grid-template-columns:minmax(0,1fr) 302px}.ad-sidebar{width:302px}}@media (max-width:1100px){header{gap:20px}.brand sup{display:none}.hero{gap:30px}.hero-art{transform:scale(.9)}.tool-grid{grid-template-columns:repeat(3,1fr)}.popular-grid{grid-template-columns:repeat(2,1fr)}.tool-layout{grid-template-columns:minmax(0,1fr)}aside{display:none}.hero h1{font-size:52px}.hero-stats{gap:18px}.hero-stats div{padding-right:18px}}@media (max-width:760px){header{height:72px;padding:0 20px}.brand{font-size:20px}.brandmark{font-size:18px;padding:6px 8px}header nav{display:none}.header-controls{margin-left:auto}.header-controls button{padding:3px 6px}.mobile-menu{display:block}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:40px 0 25px;gap:10px}.hero h1{font-size:49px;letter-spacing:-2px;max-width:500px}.hero .lede{font-size:15px}.hero-art{height:400px;transform:scale(.88);margin:-10px}.hero-stats{margin-top:28px}.hero-stats div{flex:1 1}.floating-tag{right:0}.art-card{max-width:100%}.popular-grid{gap:10px}.popular-grid>a{padding:15px 12px;gap:10px}.popular-grid p{font-size:9px}.popular-grid .tool-icon{width:32px;height:32px;font-size:12px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tool-card{padding:20px}.section-head{align-items:flex-start;flex-direction:column}.section-head input{width:100%}.tool-heading{align-items:flex-start;flex-direction:column;gap:15px}.tool-heading h1{font-size:31px}.tool-heading .pill{font-size:10px}.heading-muted{display:none}.tool-heading p{font-size:12px}.editors{grid-template-columns:1fr}.editors>section:first-child{border-right:0;border-bottom:1px solid var(--line)}.editor-host,.result-empty,.table-wrap,.tree,iframe{height:290px}.workspace-note{flex-direction:column;gap:5px}.steps{grid-template-columns:1fr;gap:12px}.steps div{display:flex;gap:18px;align-items:center}.steps p{margin:0}.home-note{align-items:flex-start;gap:20px}.home-note>span{font-size:35px}footer{padding:30px 20px;flex-direction:column}.studio-links{padding:18px 0 0;border-left:0;border-top:1px solid var(--line);width:100%}footer>div:last-child{flex-wrap:wrap;gap:15px}.action-tabs button{padding:7px;font-size:10px}.workspace-toolbar{padding:9px}.workspace-toolbar>label{margin-left:auto}.ad{margin-bottom:30px}.popular-grid h3{font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media (max-width:1499px){.ad-sidebar{display:none}}:root{--syntax-string:#367b53;--syntax-keyword:#95455f;--syntax-number:#946026;--syntax-property:#635d9e}:root[data-theme=dark]{--syntax-string:#bde0cc;--syntax-keyword:#f38e7c;--syntax-number:#e9c5a5;--syntax-property:#c4b1ed}.hero>*{min-width:0}@media (max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{width:100%;margin:0;overflow:hidden}.hero-stats div{min-width:0}.hero-stats small{overflow-wrap:anywhere}}.header-controls{flex-shrink:0;gap:8px;min-width:100px}.header-controls>button:not(.mobile-menu){width:36px;height:36px;display:grid;place-items:center;padding:0;flex:0 0 36px}.header-controls>select{width:58px;height:36px;flex:0 0 58px}.header-controls .mobile-menu{width:32px;height:36px;padding:0;flex-shrink:0}.split-controls{display:flex;align-items:center;gap:14px;padding:16px;border-bottom:1px solid var(--line)}.split-controls>span{margin:auto;font-size:10px;color:var(--muted)}.split-controls .primary{font-size:11px;padding:9px 16px}.split-controls>button:last-child{font-size:11px}.workspace-toggles{display:flex;gap:18px;align-items:center}.workspace-toggles button{padding:5px 9px}.workspace-toggles input{accent-color:#8d617f}.view-toolbar{height:38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 10px;background:var(--surface)}.view-toolbar button{border:0;background:none;padding:4px 8px;font-size:10px}.view-toolbar button.selected{background:var(--hover);font-weight:700}.pane-head small{font:8px var(--font-mono);color:var(--muted);padding:3px 5px;background:var(--hover);border-radius:4px}.editors>section:first-child .editor-host{height:428px}.pane-foot button{font-size:9px}.pane-foot button,.tree summary button,.tree-leaf>button{padding:0 5px;border:0;background:none;color:var(--muted)}.tree summary button,.tree-leaf>button{font-size:11px;opacity:.5}.tree summary:hover button,.tree-leaf:hover>button{opacity:1}.tree-edit{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.tree-edit input{font:12px var(--font-mono);flex:1 1;min-width:100px;padding:5px}.tree-edit button{font-size:10px;padding:5px}.tree-edit small{width:100%;color:#b45b48}.workspace-fullscreen{position:fixed;inset:12px;z-index:15;overflow:auto}.workspace-fullscreen .editor-host,.workspace-fullscreen .tree,.workspace-fullscreen iframe{height:calc(100vh - 250px)}.workspace-fullscreen .editors>section:first-child .editor-host{height:calc(100vh - 212px)}@media (max-width:760px){.split-controls{flex-wrap:wrap;gap:10px}.split-controls>span{order:3;width:100%}.workspace-toggles{gap:8px}.editors>section:first-child .editor-host{height:328px}.workspace-fullscreen .editor-host,.workspace-fullscreen .editors>section:first-child .editor-host{height:300px}}.workspace-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.workspace-shell>header{height:58px;min-height:58px;padding:0 20px;gap:24px}.workspace-shell .brand{font-size:20px}.workspace-shell .brandmark{font-size:17px;padding:5px 8px}.workspace-shell .brand sup{font-size:8px}.workspace-shell header nav{font-size:11px}.tool-screen{max-width:none;width:100%;padding:0 14px 12px;flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.tool-topline{height:52px;min-height:52px;gap:24px}.tool-topline,.tool-topline h1{display:flex;align-items:center}.tool-topline h1{font-size:15px;letter-spacing:-.3px;margin:0;gap:8px;min-width:90px}.tool-topline .tool-icon{width:28px;height:28px;font-size:11px;border-radius:6px}.tool-topline>nav{display:flex;align-items:center;gap:6px}.tool-topline>nav a{padding:5px 11px;border-radius:6px;font-size:11px;color:var(--muted)}.tool-topline>nav a[aria-current=page]{background:var(--aubergine);color:#fff}.guide-panel{margin-left:auto;font-size:11px}.guide-panel>summary{cursor:pointer;list-style:none;padding:6px 10px;border:1px solid var(--line);border-radius:6px}.guide-panel[open]>summary{background:var(--hover)}.guide-drawer{position:fixed;z-index:12;right:14px;top:110px;bottom:20px;width:min(700px,calc(100vw - 28px));padding:28px;background:var(--surface);border:1px solid var(--line);box-shadow:0 20px 70px #21122d40;overflow:auto;border-radius:12px}.guide-drawer>p{color:var(--muted)}.guide-drawer .documentation{padding-top:20px}.guide-drawer .ad{margin:20px 0}.guide-drawer .ad-sidebar{margin-inline:auto}.guide-drawer>nav{display:flex;gap:20px;margin-top:24px}.guide-drawer ol{color:var(--muted);line-height:2}.tool-screen>.workspace{display:flex;flex:1 1;flex-direction:column;min-height:0;border-radius:8px;box-shadow:none;overflow:hidden}.tool-screen .editors{display:grid;grid-template-columns:minmax(0,1fr) 162px minmax(0,1fr);flex:1 1;min-height:0}.tool-screen .editors>section{display:flex;flex-direction:column;min-height:0;overflow:hidden}.tool-screen .editors>section:first-child{border-right:1px solid var(--line)}.tool-screen .editors>section:last-child{border-left:1px solid var(--line)}.tool-screen .editor-host,.tool-screen .editor-loading,.tool-screen .editors>section:first-child .editor-host,.tool-screen .tree,.tool-screen iframe{height:auto!important;flex:1 1;min-height:0;width:100%;overflow:auto}.tool-screen .editor-host{overflow:hidden}.tool-screen .pane-head{height:42px;min-height:42px;padding:0 12px}.tool-screen .source-toolbar,.tool-screen .view-toolbar{height:32px;min-height:32px}.source-toolbar{display:flex;align-items:center;gap:12px;padding:0 12px;color:var(--muted);font-size:9px;border-bottom:1px solid var(--line)}.tool-screen .pane-foot{height:26px;min-height:26px}.tool-screen .run-bar{height:34px;min-height:34px;padding:5px 12px}.tool-screen .run-bar .shortcut{padding:1px 6px}.status-local{font-size:9px;color:var(--muted)}.tool-screen .run-bar button{font-size:9px;padding:2px 8px}.tool-screen .status.error pre{position:absolute;bottom:36px;left:14px;right:14px;width:auto;max-height:100px;background:var(--surface);border:1px solid var(--line);padding:10px;z-index:8;border-radius:6px}.tool-screen .workspace{position:relative}.command-rail.split-controls{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:9px;padding:16px 12px;margin:0;border:0;background:var(--bg);overflow:auto;min-height:0}.command-rail .rail-label{margin:0 0 6px;font:10px var(--font-mono);letter-spacing:2px;text-align:center;color:var(--muted)}.command-rail label{display:flex;flex-direction:column;align-items:stretch;gap:5px;font-size:9px}.command-rail select{max-width:100%;width:100%;font-size:10px;padding:7px}.command-rail button{width:100%;padding:9px 6px;font-size:10px;white-space:normal;border-radius:6px}.command-rail .primary{justify-content:center;gap:0;font-size:10px;padding:10px 6px}.command-rail .reverse-action{margin-top:6px;background:var(--hover)}.command-rail hr{border:0;border-top:1px solid var(--line);width:100%;margin:5px 0}.command-rail .run-selected{font-weight:600;border-color:#c3a7b9}.command-rail .auto-control{flex-direction:row;align-items:center;font-size:9px;margin-top:5px}.command-rail .auto-control input{accent-color:#895873;padding:0}.command-rail small{font-size:8px;color:var(--muted);line-height:1.6;margin-top:4px}.command-rail .fullscreen-control{margin-top:auto;padding:5px;border:0;background:transparent;font-size:16px}.tool-screen .options-row:has(label){flex-shrink:0;padding:8px 12px}.tool-screen .secondary-label{flex-shrink:0;padding:8px 12px;gap:4px}.tool-screen .secondary-label textarea{height:75px}.tool-screen .workspace-fullscreen{position:fixed;inset:8px;z-index:15;display:flex;flex:unset}.workspace-shell .mobile-nav{position:absolute;z-index:14;top:58px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line)}@media (max-height:740px) and (min-width:601px){.command-rail.split-controls{gap:6px;padding:10px}.command-rail button{padding:6px}.command-rail small{display:none}.command-rail .rail-label{margin-bottom:0}.command-rail label{gap:3px}.command-rail hr{margin:2px 0}}@media (max-width:600px){.workspace-shell>header{padding:0 12px;gap:8px}.workspace-shell .brand{font-size:17px}.workspace-shell .brand sup{display:inline;font-size:7px;margin-left:3px}.tool-screen{padding:0 6px 6px}.tool-topline{height:72px;min-height:72px;gap:6px;flex-wrap:wrap;align-content:center}.tool-topline h1{font-size:12px;min-width:0}.tool-topline>nav{order:3;width:100%;gap:3px;justify-content:space-between}.tool-topline>nav a{padding:3px 7px;font-size:9px}.guide-panel{font-size:9px}.guide-panel>summary{padding:4px 7px}.tool-screen .editors{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.command-rail.split-controls{grid-column:1/-1;grid-row:1;flex-direction:row;flex-wrap:wrap;gap:5px;padding:6px;max-height:110px;align-items:center;border-bottom:1px solid var(--line)}.command-rail .fullscreen-control,.command-rail .rail-label,.command-rail hr,.command-rail small{display:none}.command-rail label{flex-direction:row;align-items:center;gap:4px;font-size:8px}.command-rail select{padding:3px;font-size:8px;width:auto;max-width:120px}.command-rail .primary,.command-rail button{width:auto;padding:4px 6px;font-size:8px}.command-rail .auto-control,.command-rail .reverse-action{margin:0}.tool-screen .editors>section{grid-row:2}.tool-screen .editors>section:first-child{grid-column:1;border-bottom:0}.tool-screen .editors>section:last-child{grid-column:2}.tool-screen .pane-head{height:64px;min-height:64px;flex-direction:column;align-items:flex-start;justify-content:center;padding:5px 7px;gap:6px}.tool-screen .pane-head button{padding:2px 3px;font-size:8px}.tool-screen .pane-head>span{font-size:10px}.tool-screen .source-toolbar{font-size:7px;padding:0 5px}.tool-screen .view-toolbar{padding:0 4px;gap:2px;flex-wrap:wrap}.tool-screen .view-toolbar button{font-size:8px;padding:3px 4px}.tool-screen .pane-foot{font-size:7px;padding:7px 4px;gap:4px}.tool-screen .pane-foot button{font-size:7px;padding:0 2px}.tool-screen .status-local{display:none}.tool-screen .tree{font-size:10px;padding:10px 6px}.guide-drawer{top:130px;right:6px;bottom:6px;width:calc(100vw - 12px);padding:18px}.tree-children{padding-left:12px}.tree-edit{flex-direction:column}}.command-rail .rail-label{order:0;width:auto}.workspace-shell .brand sup{display:inline}.tool-screen .editors>section:first-child{border-bottom:0}.home-seo{padding:0 0 40px;border-bottom:1px solid var(--line)}.home-seo h2{font-size:24px;letter-spacing:-.5px}.home-seo p{max-width:850px;color:var(--muted);font-size:13px;line-height:1.9}.tool-faq{border-top:1px solid var(--line);padding-top:24px;margin-top:20px}.tool-faq h2{font-size:22px}.tool-faq h3{font-size:15px;margin-top:20px}.tool-faq p{color:var(--muted);line-height:1.9;font-size:12px}.tool-faq pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--editor);border:1px solid var(--line);border-radius:8px;font:12px/1.8 var(--font-mono)}.guide-drawer>p{font-size:12px;line-height:1.9}.guide-drawer>nav{font-size:11px}.consent-banner{position:fixed;bottom:16px;left:16px;right:16px;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 45px #0003}.consent-banner p{margin:6px 0 0;font-size:13px;max-width:680px}.consent-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.consent-actions button{padding:10px 14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;cursor:pointer}@media (max-width:760px){.consent-banner{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.consent-actions{flex-shrink:1}}.privacy-modal{width:560px;padding:30px;border-radius:24px;box-shadow:0 30px 100px #0003}.privacy-eyebrow{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:2px}.privacy-modal h2{margin:8px 0 10px;font-size:28px;letter-spacing:-.7px}.privacy-modal .privacy-intro{margin:0 0 20px;line-height:1.6;font-size:14px}.privacy-local{display:flex;gap:12px;align-items:flex-start;background:color-mix(in srgb,var(--mint) 15%,var(--surface));border-radius:12px;padding:14px;margin-bottom:18px}.privacy-local>span{color:var(--ink);background:var(--mint);border-radius:9px;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.privacy-local p{margin:4px 0 0;line-height:1.5}.privacy-card{padding:16px 0;border-top:1px solid var(--line)}.privacy-card h3{margin:0;font-size:14px}.privacy-card p{margin:6px 0 0;line-height:1.55}.privacy-card .private-toggle{align-items:center;justify-content:space-between;padding:0;gap:16px;cursor:pointer}.privacy-card input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:42px;height:24px;border:1px solid var(--line);border-radius:20px;background:var(--hover);flex-shrink:0;padding:0;cursor:pointer;transition:background .15s}.privacy-card input[type=checkbox]:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .15s}.privacy-card input[type=checkbox]:checked{background:var(--mint);border-color:var(--mint)}.privacy-card input[type=checkbox]:checked:after{transform:translateX(18px);background:var(--aubergine)}.privacy-card input:disabled{opacity:.4;cursor:default}.privacy-ad-settings{margin-top:10px;padding:7px 0;border:0;background:transparent;text-align:left;color:var(--ink);font-size:13px}.privacy-footer{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.privacy-footer a{color:var(--muted);font-size:12px}.privacy-save{background:var(--ink);color:var(--surface);border-color:var(--ink);padding:11px 16px}.privacy-save:hover{background:var(--ink);opacity:.9}@media (max-width:600px){.privacy-modal{padding:24px 20px}.modal-backdrop{padding:12px}.privacy-footer{align-items:stretch;flex-direction:column-reverse}}.cm-foldGutter .cm-gutterElement{padding:0 3px}.cm-foldGutter .fold-chevron{display:inline-flex;align-items:center;justify-content:center;height:1.6em;width:16px;padding:0;vertical-align:top;cursor:pointer}.fold-chevron svg{display:block;width:14px;height:14px}.cm-foldGutter .fold-chevron:hover{color:var(--ink);background:var(--hover);border-radius:4px}.tree summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:24px}.tree summary::-webkit-details-marker{display:none}.tree summary:before{content:"";display:block;width:6px;height:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(-45deg);flex:0 0 6px;margin:0 5px 0 2px}.tree details[open]>summary:before{transform:rotate(45deg)}.privacy-footer{position:-webkit-sticky;position:sticky;bottom:-30px;background:var(--surface);padding-bottom:8px}.privacy-decisions{display:flex;gap:10px}.privacy-decisions button{min-width:100px}.workspace-ad{flex:0 0 116px;padding-top:12px}.workspace-ad .ad-tool{min-height:104px;height:104px;margin:0;display:flex;flex-direction:column;justify-content:flex-start;gap:0;border-radius:8px}.workspace-ad .ad-tool>span{height:14px;line-height:14px;flex:0 0 14px}.workspace-ad .adsbygoogle{width:100%;height:90px}.tool-screen:has(.workspace-fullscreen)>.workspace-ad{display:none}@media (max-height:600px){.workspace-ad{display:none}}:root{--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;--radius:16px;--ease:cubic-bezier(0.22,1,0.36,1);--glow:radial-gradient(closest-side,#f38e7c2e,transparent)}:root[data-theme=dark]{--glow:radial-gradient(closest-side,#f38e7c1f,transparent)}body,html{overflow-x:clip}body{font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brandmark{border-radius:12px;box-shadow:0 6px 18px #35243b2e}header nav a,header nav button{font-size:14px;font-weight:600;padding:10px 2px;transition:color .2s}header nav a:hover,header nav button:hover{color:var(--coral);background:none}.hero{position:relative;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;width:760px;height:760px;right:-180px;top:-140px;background:var(--glow);pointer-events:none}.eyebrow{font-size:11px;letter-spacing:1.8px}.pill{font-size:12px;font-weight:600;padding:8px 14px;box-shadow:var(--shadow)}.hero h1{font-size:clamp(44px,5.2vw,76px);letter-spacing:-.045em;line-height:1;font-weight:800;max-width:640px}.lede{font-size:18px;line-height:1.7;max-width:500px}.primary{gap:22px;min-height:52px;padding:15px 22px;border-radius:14px;font-size:15px;box-shadow:0 5px 0 #1d1321,0 18px 40px #35243b33;transition:transform .15s var(--ease),box-shadow .15s var(--ease),background-color .2s}.primary:active{transform:translateY(4px);box-shadow:0 1px 0 #1d1321,0 8px 20px #35243b33}:root[data-theme=dark] .primary{background:var(--coral);color:#2a1a2e;box-shadow:0 5px 0 #b85d4e,0 18px 40px #0005}:root[data-theme=dark] .primary:hover{background:#f6a596}:root[data-theme=dark] .primary span{color:#2a1a2e}.text-link{font-size:14px;padding:12px 0;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:6px;transition:color .2s,-webkit-text-decoration-color .2s;transition:color .2s,text-decoration-color .2s;transition:color .2s,text-decoration-color .2s,-webkit-text-decoration-color .2s}.text-link:hover{color:var(--coral);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.art-card{border-radius:20px;transition:transform .6s var(--ease)}.hero-art:hover .art-card{transform:rotate(0deg) translateY(-6px)}.section-head h2{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.035em}.section-head input{font-size:14px;min-height:44px;border-radius:12px;padding-inline:14px}.popular-grid{gap:16px}.popular-grid>a{min-height:92px;padding:20px;border-radius:var(--radius);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}.popular-grid>a:focus-visible,.popular-grid>a:hover{transform:translateY(-3px);border-color:var(--coral);box-shadow:6px 6px 0 var(--coral)}.popular-grid h3{font-size:17px}.popular-grid p{font-size:13px}.popular-grid b{transition:transform .25s var(--ease),color .25s}.popular-grid>a:hover b{color:var(--coral);transform:translate(2px,-2px)}.tool-icon{width:46px;height:46px;border-radius:13px}.tool-grid{gap:18px}.tool-card{border-radius:var(--radius);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}.tool-card:focus-visible,.tool-card:hover{border-color:var(--coral);box-shadow:6px 6px 0 var(--coral)}.tool-card h3{font-size:20px}.tool-card p{font-size:14px;max-width:240px}.ad>span{font-size:11px}.home-note p,.home-seo p{font-size:15px;line-height:1.75}.home-note{margin-bottom:40px;padding:40px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.home-note>span{color:var(--coral)}footer{padding-block:48px}footer button,footer p,footer small,footer>div:last-child{font-size:13px}footer a,footer button{transition:color .2s}footer a:hover,footer button:hover{color:var(--coral);background:none}.studio-links{font-size:13px;gap:8px}.studio-links strong{font-size:11px}.breadcrumbs{font-size:13px}.hero-stats small,.pane-foot{font-size:11px}@media (max-width:760px){.hero:before{width:420px;height:420px;right:-160px;top:-60px}.hero h1{font-size:clamp(38px,11vw,52px)}.lede{font-size:16px}.primary{width:100%;justify-content:space-between}.text-link{margin:10px 0 0}.home-note{padding:26px;gap:18px}.popular-grid>a:hover,.tool-card:hover{transform:none;box-shadow:none}}@media (prefers-reduced-motion:reduce){.hero-art:hover .art-card,.popular-grid>a:hover,.tool-card:hover{transform:none}}@media (min-width:601px){.tool-topline{height:68px;min-height:68px;gap:20px}.tool-topline h1{font-size:19px;letter-spacing:-.5px;gap:10px}.tool-topline .tool-icon{width:36px;height:36px;font-size:13px;border-radius:10px;background:linear-gradient(135deg,var(--coral),#f6b3a6);color:#35243b;box-shadow:0 3px 0 #d9705e}.tool-topline>nav{gap:2px;padding:4px;border-radius:999px;background:var(--hover)}.tool-topline>nav a{padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s}.tool-topline>nav a:hover{color:var(--ink);background:var(--surface)}.tool-topline>nav a[aria-current=page]{background:var(--aubergine);color:#fff;box-shadow:0 2px 8px #21122d33}:root[data-theme=dark] .tool-topline>nav a[aria-current=page]{background:var(--coral);color:#2b1d30}.guide-panel{font-size:13px}.guide-panel>summary{padding:9px 16px;border-radius:999px;font-weight:600;transition:border-color .2s,background-color .2s}.guide-panel>summary:hover{border-color:var(--coral)}.guide-drawer{border-radius:20px;padding:34px;font-size:15px;line-height:1.7}.tool-screen>.workspace{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.tool-screen .editors{grid-template-columns:minmax(0,1fr) 196px minmax(0,1fr)}.tool-screen .pane-head{height:50px;min-height:50px;padding:0 16px;font-size:14px}.pane-head>span{font-size:14px;font-weight:700}.pane-head small{font-size:11px}.pane-head button{font-size:12px;padding:6px 10px;border-radius:8px}.tool-screen .source-toolbar,.tool-screen .view-toolbar{height:38px;min-height:38px}.source-toolbar,.view-toolbar button{font-size:12px}.view-toolbar button{padding:5px 12px;border-radius:8px}.tool-screen .pane-foot{height:32px;min-height:32px;font-size:11px}.pane-foot button{font-size:11px}.tool-screen .run-bar{height:42px;min-height:42px;padding:6px 16px;font-size:12px}.status-local{font-size:11px}.tool-screen .run-bar button{font-size:12px;padding:4px 10px;border-radius:8px}.command-rail.split-controls{gap:10px;padding:20px 16px;background:linear-gradient(180deg,var(--hover),var(--bg) 60%)}.command-rail .rail-label{font-size:11px;margin-bottom:8px}.command-rail label{font-size:12px;font-weight:600;gap:6px}.command-rail button,.command-rail select{font-size:13px;padding:9px 10px;border-radius:10px}.command-rail button{min-height:40px;font-weight:600;transition:transform .15s,border-color .2s,background-color .2s}.command-rail button:not(:disabled):hover{border-color:var(--coral)}.command-rail .primary{min-height:46px;font-size:14px;font-weight:800;border-radius:12px;box-shadow:0 4px 0 #d9705e}.command-rail .primary:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 #d9705e}}.legal-page{max-width:820px;margin:40px auto 60px;padding:44px 48px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);font-size:16px;line-height:1.8}.legal-page>a:first-child{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:600;text-decoration:none}.legal-page>a:first-child:hover{border-color:var(--coral)}.legal-page h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.04em;line-height:1.08;margin:24px 0 20px}.legal-page h2{font-size:19px;margin-top:28px}.legal-page p{color:var(--muted)}.legal-page .legal-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.legal-page .legal-links a{padding:9px 16px;border-radius:999px;background:var(--hover);font-size:14px;font-weight:600;text-decoration:none}@media (max-width:760px){.legal-page{margin:20px 16px 40px;padding:26px 22px}.tool-topline>nav a{padding:7px 11px}}@media (prefers-reduced-motion:reduce){.command-rail button,.tool-topline>nav a{transition:none}}