:root{--ink:#111a21;--muted:#6e7880;--paper:#f0eee8;--card:#faf9f5;--line:#111a2121;--acid:#e9ff70;--shadow:0 22px 60px #19212714}*{box-sizing:border-box}html{background:var(--paper)}body{background:radial-gradient(circle at 80% 0,#9ddbd22b,transparent 27rem),var(--paper);min-width:320px;color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.shell{min-height:100vh}.side{z-index:10;background:var(--ink);color:#fff;flex-direction:column;width:232px;padding:27px 19px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand>span{background:#27343e;border-radius:11px;justify-content:center;align-items:flex-end;gap:3px;width:39px;height:39px;padding:8px;display:flex}.brand>span i{background:var(--acid);border-radius:2px;width:5px}.brand>span i:first-child{height:11px}.brand>span i:nth-child(2){height:20px}.brand>span i:last-child{height:15px}.brand div{gap:2px;display:grid}.brand strong{letter-spacing:-.04em;font-size:14px}.brand small{color:#7f8b92;font-size:7px}.side nav{gap:5px;margin-top:46px;display:grid}.side nav button{color:#a0a9af;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:11px;font-size:10px;font-weight:600;display:flex}.side nav button>span{border:1px solid #ffffff1f;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.side nav button em{background:#ffffff14;border-radius:99px;margin-left:auto;padding:2px 6px;font-size:7px;font-style:normal}.side nav button.active,.side nav button:hover{color:#fff;background:#ffffff17}.side nav button.active>span{color:var(--acid)}.side-label{color:#626e75;letter-spacing:.15em;text-transform:uppercase;margin:32px 9px 9px;font-family:DM Mono,monospace;font-size:7px}.template-nav{gap:3px;display:grid}.template-nav button{color:#aeb7bb;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;padding:7px;display:flex}.template-nav button:hover{background:#ffffff0f}.template-nav i{color:#111a21;border-radius:8px;place-items:center;width:26px;height:26px;font-size:10px;font-style:normal;display:grid}.template-nav span{font-size:8px}.local{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:9px;margin-top:auto;padding:13px;display:flex}.local>span{width:28px;height:28px;color:var(--acid);background:#e9ff701a;border-radius:50%;place-items:center;display:grid}.local div{gap:2px;display:grid}.local strong{font-size:8px}.local small{color:#78868c;font-size:7px}main{min-height:100vh;margin-left:232px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px clamp(23px,4vw,62px);display:flex}.topbar>div:first-child{gap:4px;display:grid}.eyebrow{color:#758089;letter-spacing:.16em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:7px;font-weight:500;display:block}.topbar strong{font-size:9px}.topbar>div:last-child{gap:7px;display:flex}.topbar button,.primary{border:1px solid var(--line);background:0 0;border-radius:9px;min-height:38px;padding:0 13px;font-size:8px;font-weight:700}.topbar .primary,.primary{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:0 9px 21px #111a2121}.notice{color:#376f5c;background:#e1eee7;border:1px solid #438b743d;border-radius:9px;align-items:center;gap:8px;width:min(1160px,100% - 42px);margin:13px auto -8px;padding:9px 12px;font-size:8px;display:flex}.notice button{color:inherit;background:0 0;border:0;margin-left:auto;font-size:7px;font-weight:700}.page{width:min(1180px,100%);margin:auto;padding:48px clamp(24px,5vw,68px) 80px}.hero{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.hero h1,.saved-head h1{letter-spacing:-.07em;margin:11px 0 14px;font-size:clamp(42px,5vw,65px);line-height:.95}.hero h1 em,.saved-head h1 em{font-family:Newsreader,Georgia,serif;font-weight:500}.hero p,.saved-head p{max-width:570px;color:var(--muted);margin:0;font-size:11px;line-height:1.7}.hero-art{aspect-ratio:1.3;background:var(--acid);border-radius:18px;flex-direction:column;flex:0 0 255px;justify-content:space-between;width:255px;padding:19px;display:flex;position:relative;overflow:hidden}.hero-art>span{font-family:DM Mono,monospace;font-size:8px}.hero-art>i{background:#111a21;border-radius:3px;height:8px;position:absolute;bottom:18px}.hero-art>i:first-of-type{width:24px;height:45px;right:75px}.hero-art>i:nth-of-type(2){width:24px;height:75px;right:46px}.hero-art>i:nth-of-type(3){width:24px;height:57px;right:17px}.hero-art strong{z-index:1;font-size:18px;line-height:1.05;position:relative}.filterline{margin:41px 0 14px}.filterline h2{margin:5px 0 0;font-size:22px}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.template-grid article{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.template-art{--block-color:#e9ff70;aspect-ratio:1.25;color:var(--block-color);background:#222e37;justify-content:center;align-items:center;display:flex;position:relative}.template-art>span{border:1px solid;border-radius:13px;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.template-art>div{align-items:flex-end;gap:3px;display:flex;position:absolute;bottom:13px;right:14px}.template-art>div i{background:var(--block-color);border-radius:2px;width:7px;height:15px}.template-art>div i:nth-child(2){height:29px}.template-art>div i:nth-child(3){height:21px}.template-art>small{font-family:DM Mono,monospace;font-size:7px;position:absolute;top:13px;left:13px}.template-grid article>div:last-child{padding:15px}.template-grid article>div:last-child>span{color:#7c878d;text-transform:uppercase;font-size:7px}.template-grid h3{margin:5px 0;font-size:12px}.template-grid p{color:#737e83;min-height:58px;font-size:8px;line-height:1.5}.template-grid button{background:0 0;border:0;padding:0;font-size:8px;font-weight:700}.studio-page{grid-template-columns:0 minmax(0,1fr);min-height:calc(100vh - 76px);transition:grid-template-columns .2s;display:grid}.studio-page:has(.mapper.open){grid-template-columns:330px minmax(0,1fr)}.mapper{border-right:1px solid var(--line);opacity:0;background:#e8e5de;transition:opacity .2s;overflow:hidden}.mapper.open{opacity:1;padding:20px}.mapper-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.mapper-head h2{margin:5px 0 0;font-size:17px}.mapper-head label{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:8px;padding:7px 9px;font-size:7px;font-weight:700;position:relative;overflow:hidden}.mapper-head input{opacity:0;position:absolute;inset:0}.mapper>textarea{border:1px solid var(--line);background:var(--card);resize:vertical;border-radius:10px;outline:0;width:100%;min-height:210px;margin-top:15px;padding:11px;font-family:DM Mono,monospace;font-size:7px;line-height:1.55}.parse-state{color:#3e7458;background:#dbe9df;border-radius:8px;align-items:center;gap:7px;margin-top:7px;padding:8px;font-size:7px;display:flex}.parse-state.error{color:#944d43;background:#f3deda}.parse-state>span{font-weight:700}.parse-state p{margin:0}.mapping-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px;display:grid}.mapping-grid label,.canvas-toolbar label{color:#6f797e;text-transform:capitalize;gap:5px;font-size:7px;font-weight:700;display:grid}.mapping-grid select,.canvas-toolbar input{border:1px solid var(--line);background:var(--card);border-radius:8px;outline:0;width:100%;min-height:37px;padding:0 9px;font-size:8px}.studio-canvas{background:#dde1e1;min-width:0;padding:21px}.canvas-toolbar{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:13px;display:flex}.canvas-toolbar>div{align-items:flex-end;gap:14px;display:flex}.canvas-toolbar label{width:220px}.accents{align-items:center;gap:5px;display:flex}.accents>span{color:#68747a;margin-right:3px;font-size:7px}.accents button{border:3px solid #dde1e1;border-radius:50%;width:21px;height:21px;box-shadow:0 0 0 1px #111a2129}.accents button.active{box-shadow:0 0 0 2px var(--ink)}.canvas-toolbar>button{background:var(--ink);color:#fff;border:0;border-radius:8px;min-height:37px;padding:0 12px;font-size:7px;font-weight:700}.dashboard{--accent:#e9ff70;color:#fff;background:#111a21;border-radius:18px;min-height:700px;padding:25px;box-shadow:0 25px 60px #111a2133}.dashboard>header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-end;padding-bottom:19px;display:flex}.dashboard>header span,.dashboard>header small{color:#798990;letter-spacing:.14em;font-family:DM Mono,monospace;font-size:6px}.dashboard>header h1{letter-spacing:-.05em;margin:5px 0 0;font-size:24px}.dashboard>header>div:last-child{text-align:right;gap:3px;display:grid}.dashboard>header>div:last-child strong{font-size:8px}.kpis{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px;display:grid}.kpis article,.visual-grid article,.rows{background:#18242c;border:1px solid #ffffff17;border-radius:12px;padding:16px}.kpis span,.kpis small{color:#7f9098;font-size:7px}.kpis strong{letter-spacing:-.055em;text-overflow:ellipsis;white-space:nowrap;margin:8px 0 5px;font-size:25px;display:block;overflow:hidden}.kpis small.up{color:#8fd3b5}.kpis small.down{color:#ef9a85}.visual-grid{grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:9px;margin-top:9px;display:grid}.visual-grid article>div:first-child,.rows>div:first-child{gap:3px;display:grid}.visual-grid article>div:first-child span,.rows>div:first-child span{color:#71828b;font-size:7px}.visual-grid article>div:first-child strong,.rows>div:first-child strong{font-size:10px}.trend svg{width:100%;height:170px;margin-top:13px;overflow:visible}.chart-labels{color:#687881;justify-content:space-between;font-family:DM Mono,monospace;font-size:6px;display:flex}.mix-row{grid-template-columns:minmax(60px,.8fr) 1fr auto;align-items:center;gap:7px;margin-top:17px;display:grid!important}.mix-row>span,.mix-row>strong{font-size:7px!important}.mix-row>div{background:#26343d;border-radius:99px;height:5px;overflow:hidden}.mix-row>div i{border-radius:inherit;background:var(--accent);height:100%;display:block}.rows{margin-top:9px}.row-table{margin-top:12px}.row-table header,.row-table>div{border-bottom:1px solid #ffffff12;grid-template-columns:1fr 1fr .7fr;padding:8px 0;display:grid}.row-table span,.row-table strong{font-size:7px}.row-table header span{color:#65767f;text-transform:uppercase;font-family:DM Mono,monospace}.dashboard-empty{text-align:center;place-content:center;justify-items:center;min-height:500px;display:grid}.dashboard-empty>span{color:var(--accent);font-size:38px}.dashboard-empty h2{margin:10px 0 4px}.dashboard-empty p{color:#788991;font-size:8px}.saved-head{margin-bottom:35px}.saved-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.saved-grid article{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:17px;overflow:hidden}.saved-grid article>div:first-child{aspect-ratio:1.4;flex-direction:column;justify-content:space-between;padding:16px;display:flex}.saved-grid article>div:first-child span{font-family:DM Mono,monospace;font-size:7px}.saved-grid article>div:first-child strong{font-size:32px}.saved-grid article>div:last-child{padding:16px}.saved-grid article>div:last-child>span,.saved-grid p{color:#7a858b;font-size:7px}.saved-grid h2{margin:5px 0;font-size:13px}.saved-grid button{background:0 0;border:0;padding:0;font-size:8px;font-weight:700}.empty{border:1px dashed var(--line);text-align:center;border-radius:20px;place-content:center;justify-items:center;min-height:430px;display:grid}.empty>span{font-size:36px}.empty h2{margin:10px 0 4px}.empty p{color:#778289;font-size:8px}.empty .primary{margin-top:13px}.mobile-nav{display:none}@media (max-width:1050px){.side{width:200px}main{margin-left:200px}.template-grid{grid-template-columns:repeat(2,1fr)}.visual-grid{grid-template-columns:1fr}.studio-page:has(.mapper.open){grid-template-columns:280px 1fr}.saved-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){body{padding-bottom:74px}.side{display:none}main{margin-left:0}.topbar{min-height:66px;padding:12px 15px}.topbar .eyebrow,.topbar>div:last-child>button:first-child{display:none}.page{padding:29px 15px 43px}.notice{width:calc(100% - 24px)}.hero{display:grid}.hero h1,.saved-head h1{font-size:41px}.hero-art{aspect-ratio:1.7;width:100%}.template-grid{grid-template-columns:1fr}:is(.studio-page,.studio-page:has(.mapper.open)){display:block}.mapper{display:none}.mapper.open{border-right:0;border-bottom:1px solid var(--line);display:block}.studio-canvas{padding:12px}.canvas-toolbar{flex-direction:column;align-items:flex-start}.canvas-toolbar>div{flex-direction:column;align-items:flex-start;width:100%}.canvas-toolbar label{width:100%}.dashboard{border-radius:14px;min-height:0;padding:16px}.dashboard>header h1{font-size:19px}.kpis{gap:6px}.kpis article{padding:11px}.kpis strong{font-size:18px}.visual-grid{grid-template-columns:1fr}.trend svg{height:150px}.saved-grid{grid-template-columns:1fr}.mobile-nav{z-index:20;background:#111a21f7;border-radius:16px;grid-template-columns:repeat(3,1fr);padding:6px;display:grid;position:fixed;bottom:9px;left:12px;right:12px;box-shadow:0 17px 36px #111a213d}.mobile-nav button{color:#99a5ac;background:0 0;border:0;border-radius:11px;justify-items:center;gap:2px;padding:8px;font-size:8px;display:grid}.mobile-nav span{font-size:14px}.mobile-nav button.active{color:#fff;background:#ffffff1a}}