:root{--bg:#0a0b10;--panel:rgba(25,26,33,.78);--panel-solid:#17181e;--line:rgba(255,255,255,.09);--text:#f4f3ef;--muted:#92949d;--accent:#ff5a36;--field:#22232b;--ui:1}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font:calc(14px * var(--ui))/1.45 Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.skip-link{position:fixed;left:-999px}.skip-link:focus{left:10px;top:10px;z-index:99;background:#fff;color:#000;padding:8px}.glass{background:var(--panel);backdrop-filter:blur(22px);border-color:var(--line)}.app-shell{height:100%;display:grid;grid-template:64px 1fr/82px 1fr 310px;grid-template-areas:"top top top" "tools work side"}.topbar{grid-area:top;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 18px;gap:24px;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:1.5px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--accent);color:white;font-weight:900;font-style:italic}.main-menu,.history,.top-actions{display:flex;align-items:center;gap:5px}.main-menu button,.history button,.top-actions>button:not(.primary),.contextbar button{border:0;background:transparent;padding:8px 10px;border-radius:7px}.main-menu button:hover,.history button:hover,.top-actions>button:hover{background:rgba(255,255,255,.06)}.history{margin-left:auto}.history span{font-size:12px;color:#8fcbb8;margin-left:8px}.primary{border:0;background:var(--accent)!important;color:white;padding:9px 15px!important;border-radius:8px;font-weight:700}.round{width:36px;height:36px;padding:0!important;border:1px solid var(--line)!important;border-radius:50%!important}.toolrail{grid-area:tools;border-right:1px solid var(--line);padding:12px 9px;display:flex;flex-direction:column;gap:5px}.toolrail>i{flex:1}.tool{appearance:none;border:0;background:transparent;color:var(--muted);border-radius:10px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tool b{font-size:21px;color:var(--text)}.tool span{font-size:10px}.tool:hover,.tool.active{color:var(--text);background:rgba(255,255,255,.07)}.tool.active{box-shadow:inset 3px 0 var(--accent)}.workspace{grid-area:work;position:relative;min-width:0;background:radial-gradient(circle at 50% 40%,#252730,#121319 70%)}.contextbar{height:50px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:7px}.contextbar span{font-size:11px;color:var(--muted);text-transform:uppercase}.contextbar label{color:var(--muted);font-size:11px;background:var(--field);padding:5px 8px;border-radius:6px}.contextbar input{width:45px;border:0;outline:0;background:transparent}.contextbar em{height:23px;border-left:1px solid var(--line);margin:0 7px}.stage{position:absolute;inset:50px 0 0;display:grid;place-items:center;overflow:auto;padding:45px}.canvas-wrap{width:min(39vw,510px);aspect-ratio:4/5;background:#fff;box-shadow:0 24px 70px #000b;position:relative}#designCanvas{display:block;width:100%;height:100%}.kicker{font:700 19px Arial;letter-spacing:4px;fill:#17181d}.title{font:900 110px Arial,sans-serif;letter-spacing:-7px;fill:#17181d}.copy{font:400 22px Arial;fill:#45464c}.label{font:700 17px Arial;letter-spacing:3px;fill:#55565c}.detail{font:800 32px Arial;fill:#17181d}.cta{font:900 44px Arial;letter-spacing:-1px}.footer{font:700 16px Arial;letter-spacing:4px;fill:#17181d}.zoom{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:6px}.zoom button{border:0;background:transparent}.zoom input{width:90px}.inspector{grid-area:side;border-left:1px solid var(--line);overflow:auto}.tabs{height:51px;display:flex;border-bottom:1px solid var(--line)}.tabs button{flex:1;border:0;background:transparent;color:var(--muted)}.tabs button.active{color:var(--text);box-shadow:inset 0 -2px var(--accent)}.panel{padding:18px}.selected{display:flex;flex-direction:column;padding-bottom:18px;border-bottom:1px solid var(--line)}.selected small,.panel label{font-size:11px;color:var(--muted)}.selected strong{margin-top:4px}.panel section{padding:14px 0;border-bottom:1px solid var(--line)}.panel h3{font-size:13px}.panel label{display:flex;flex-direction:column;gap:5px;margin:9px 0}.panel input,.panel select,.settings-content select,.settings-heading input{background:var(--field);border:1px solid var(--line);border-radius:7px;padding:9px}.row{display:flex;gap:8px}.row>*{width:50%}.format{display:flex}.format button,.layer-actions button{flex:1;background:var(--field);border:1px solid var(--line);padding:8px}.format button.active{color:var(--accent)}.color{display:flex}.color input[type=color]{width:42px;padding:3px}.color input:last-child{flex:1}.opacity{display:grid!important;grid-template-columns:1fr 2fr auto;align-items:center}.layer-actions{display:flex;margin-bottom:10px}.layer{display:flex;align-items:center;gap:9px;padding:9px;border-radius:7px;border:1px solid transparent}.layer:hover,.layer.active{background:var(--field);border-color:var(--line)}.layer span{flex:1}.layer button{border:0;background:transparent;color:var(--muted)}
dialog{padding:0;border:1px solid var(--line);border-radius:17px;background:transparent;color:var(--text);width:min(900px,92vw);height:min(650px,88vh);box-shadow:0 40px 100px #000c}dialog::backdrop{background:#05060ad9;backdrop-filter:blur(6px)}.settings-shell{height:100%;display:grid;grid-template-columns:220px 1fr;background:var(--panel-solid)}.settings-nav{padding:24px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px;background:#111218}.settings-nav>div{display:flex;align-items:center;gap:10px;margin:0 8px 25px}.brand-mark.small{width:27px;height:27px}.settings-nav button{border:0;background:transparent;text-align:left;padding:11px 13px;border-radius:8px;color:var(--muted)}.settings-nav button.active{background:rgba(255,255,255,.07);color:var(--text);box-shadow:inset 3px 0 var(--accent)}.settings-nav>span{margin:auto 10px 0;color:var(--muted);font-size:11px}.settings-content{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.settings-content>header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px 14px}.settings-content header p{margin:0;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:2px}.settings-content h2{margin:3px 0 0;font-size:25px}.close{border:0;background:var(--field);border-radius:50%;font-size:22px;width:36px;height:36px}.settings-page{display:none;padding:12px 30px;overflow:auto}.settings-page.active{display:block}.settings-page h3{margin:6px 0;font-size:16px}.help{color:var(--muted);margin:0 0 20px}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.theme-grid input{position:absolute;opacity:0}.theme-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:9px;gap:3px}.theme-card>i{height:65px;border-radius:6px;background:linear-gradient(135deg,#0d0e13 45%,#282a34 46%)}.theme-card.graphite>i{background:linear-gradient(135deg,#25262a 45%,#46484e 46%)}.theme-card.light>i{background:linear-gradient(135deg,#f5f4f0 45%,#d8d8d5 46%)}.theme-card.system>i{background:linear-gradient(135deg,#f5f4f0 49%,#15161b 50%)}.theme-card b{font-size:12px}.theme-card small{color:var(--muted)}.theme-grid input:checked+.theme-card{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line);margin-top:16px;gap:20px}.setting-row>div:first-child{display:flex;flex-direction:column}.setting-row span,.install-card span{color:var(--muted);font-size:12px}.swatches{display:flex;gap:7px}.swatches button{width:26px;height:26px;border-radius:50%;border:3px solid var(--panel-solid);background:var(--s);box-shadow:0 0 0 1px var(--line)}.swatches button.active{box-shadow:0 0 0 2px var(--text)}.switch input{display:none}.switch span{display:block;width:42px;height:23px;border-radius:20px;background:#3c3d44;position:relative}.switch span:after{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{left:22px}.install-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.install-card>div:nth-child(2){display:flex;flex-direction:column;flex:1}.install-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--accent);font-size:23px;font-weight:900}.settings-heading{display:flex;justify-content:space-between}.shortcut-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}.shortcut-row{display:flex;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line)}.shortcut-row:last-child{border:0}.shortcut-row span{flex:1}.shortcut-row button{background:var(--field);border:1px solid var(--line);border-radius:6px;padding:6px 10px;min-width:110px}.shortcut-row button.recording{border-color:var(--accent);color:var(--accent)}.text-button{border:0;background:transparent;color:var(--accent);margin-top:12px}.about{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;padding:18px;gap:15px}.about span{color:var(--muted)}.settings-content footer{padding:15px 30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}#toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;background:#fff;color:#111;padding:10px 16px;border-radius:8px;z-index:100;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}
html[data-theme=graphite]{--bg:#1b1c20;--panel:rgba(49,50,55,.88);--panel-solid:#2a2b30;--field:#393a40}html[data-theme=light]{--bg:#e8e8e5;--panel:rgba(250,250,248,.9);--panel-solid:#f8f8f6;--line:rgba(0,0,0,.11);--text:#1b1c21;--muted:#6c6d73;--field:#ededeb}.reduce-motion *{transition:none!important;animation:none!important}.high-contrast{--line:rgba(255,255,255,.26)}
@media(max-width:1050px){.app-shell{grid-template-columns:70px 1fr;grid-template-areas:"top top" "tools work"}.inspector{display:none}.canvas-wrap{width:min(55vw,470px)}.main-menu{display:none}}@media(max-width:700px){.app-shell{grid-template:58px 1fr 65px/1fr;grid-template-areas:"top" "work" "tools"}.toolrail{flex-direction:row;border:0;border-top:1px solid var(--line);overflow:auto;padding:5px}.toolrail>i,.toolrail .tool:nth-of-type(n+6){display:none}.tool{min-width:62px;min-height:52px}.topbar{padding:0 10px}.history,.top-actions>button:not(.round,.primary){display:none}.top-actions{margin-left:auto}.canvas-wrap{width:78vw}.contextbar{overflow:auto;justify-content:flex-start;padding:0 10px}.settings-shell{grid-template-columns:1fr}.settings-nav{display:none}.theme-grid{grid-template-columns:repeat(2,1fr)}}