.lg-shell{--bg:#0b0c12;--panel:#151720;--soft:#1d202b;--line:#2a2e3b;--text:#f7f7fa;--muted:#9399aa;--accent:#76e6b5;background:radial-gradient(circle at 80% 0,#3c806a38,transparent 34%),var(--bg);min-height:100vh;color:var(--text);grid-template-columns:245px 1fr;display:grid}.lg-shell *{box-sizing:border-box}.lg-shell button,.lg-shell input,.lg-shell textarea,.lg-shell select{font:inherit}.lg-shell button{cursor:pointer;border:0}.lg-shell button:disabled{opacity:.45;cursor:not-allowed}.lg-nav{border-right:1px solid var(--line);background:#101117;flex-direction:column;height:100vh;padding:24px 14px;display:flex;position:sticky;top:0}.lg-brand{color:#fff;align-items:center;gap:11px;padding:0 9px 28px;text-decoration:none;display:flex}.lg-brand>span{color:#07120e;background:linear-gradient(145deg,#8ff0c5,#3eb98a);border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.lg-brand b,.lg-brand small{display:block}.lg-brand b{font-size:14px}.lg-brand small{color:var(--muted);margin-top:3px;font-size:11px}.lg-nav nav{gap:7px;display:grid}.lg-nav nav a{color:#c8cad5;border-radius:10px;padding:13px;text-decoration:none}.lg-nav nav a.active,.lg-nav nav a:hover{color:#fff;box-shadow:inset 3px 0 var(--accent);background:#1e2827}.lg-projects{gap:5px;min-height:0;margin-top:28px;display:grid;overflow:auto}.lg-projects>small{color:#656b79;letter-spacing:.14em;padding:0 12px 8px;font-size:10px}.lg-projects button{color:#aeb3c1;text-align:left;background:0 0;border-radius:9px;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.lg-projects button.active{color:#fff;background:#19211f}.lg-projects i{background:#5f6674;border-radius:50%;width:6px;height:6px}.lg-projects button.active i{background:var(--accent);box-shadow:0 0 10px var(--accent)}.lg-projects b,.lg-projects small{text-overflow:ellipsis;white-space:nowrap;max-width:120px;display:block;overflow:hidden}.lg-projects b{font-size:12px}.lg-projects small{color:#777d8d;margin-top:3px;font-size:9px}.lg-projects em{color:#6e7584;font-size:9px;font-style:normal}.lg-safe{border:1px solid var(--line);color:#858c9a;border-radius:12px;margin-top:auto;padding:13px;font-size:11px;line-height:1.5}.lg-work{min-width:0;padding:0 38px 60px}.lg-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:104px;display:flex}.lg-top small,.lg-brief header small,.lg-results header small,.lg-confirmed>small{color:var(--accent);letter-spacing:.14em;font-size:10px}.lg-top h1{margin:5px 0 0;font-size:28px}.lg-steps{gap:8px;display:flex}.lg-steps span{color:#6f7583;background:#171922;border-radius:20px;padding:7px 11px;font-size:11px}.lg-steps span.active{color:#a9f3d2;background:#1d3a31}.lg-error{color:#ffb7bd;background:#2b171b;border:1px solid #6a353c;border-radius:11px;justify-content:space-between;max-width:1000px;margin:18px auto 0;padding:13px 16px;font-size:13px;display:flex}.lg-error button{color:inherit;background:0 0}.lg-form{border:1px solid var(--line);background:linear-gradient(145deg,#171a24,#111218);border-radius:22px;width:min(950px,100%);margin:34px auto;padding:28px}.lg-intro>span{color:var(--accent);font-size:40px}.lg-intro h2{margin:4px 0 8px;font-size:29px}.lg-intro p{max-width:710px;color:var(--muted);margin:0 0 25px;line-height:1.55}.lg-form-grid,.lg-brief-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.lg-form label,.lg-brief label,.lg-color-field{gap:7px;display:grid}.lg-form label b,.lg-brief label b,.lg-color-field>b{font-size:12px}.lg-form label.lg-wide,.lg-brief label.lg-wide{grid-column:1/-1}.lg-form input,.lg-form textarea,.lg-form select,.lg-brief textarea{border:1px solid var(--line);color:#fff;background:#1b1e28;border-radius:10px;outline:none;width:100%;padding:12px}.lg-form textarea,.lg-brief textarea{resize:vertical;min-height:84px}.lg-form input:focus,.lg-form textarea:focus,.lg-form select:focus,.lg-brief textarea:focus{border-color:#4fae88}.lg-size{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.lg-color-field>div{flex-wrap:wrap;gap:8px;min-height:43px;display:flex}.lg-color-field span{border:1px solid var(--line);background:#1b1e28;border-radius:9px;align-items:center;padding:4px;display:flex}.lg-color-field input{border:0;width:30px;height:28px;padding:0}.lg-color-field span button{color:#878e9d;background:0 0}.lg-color-field .add{color:#b4bac6;background:0 0;border:1px dashed #495263;border-radius:9px;padding:8px 11px}.lg-primary{color:#07150f;background:linear-gradient(90deg,#35ad80,#79e7b6);border-radius:11px;min-width:220px;margin-top:22px;padding:14px 20px;font-weight:900}.lg-form>.lg-primary{float:right;margin-bottom:4px}.lg-brief{max-width:1050px;margin:34px auto}.lg-brief>header,.lg-results>header{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.lg-brief h2,.lg-results h2{margin:6px 0;font-size:29px}.lg-brief header p,.lg-results header p{max-width:680px;color:var(--muted);margin:0;line-height:1.5}.lg-brief header>span{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:12px;padding:12px 17px;font-size:10px}.lg-brief header>span b{color:#fff;margin-top:4px;font-size:13px;display:block}.lg-brief-grid>label{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:17px}.lg-brief label small{color:var(--muted);font-size:10px}.lg-brief footer{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#151a19ee;border:1px solid #34483f;border-radius:14px;justify-content:space-between;align-items:center;margin-top:15px;padding:14px 18px;display:flex;position:sticky;bottom:14px}.lg-brief footer span{color:var(--muted);font-size:12px}.lg-brief footer .lg-primary{margin:0}.lg-confirmed,.lg-wait{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:22px;width:min(650px,100%);margin:11vh auto 0;padding:40px}.lg-confirmed>span{width:54px;height:54px;color:var(--accent);background:#163d2e;border-radius:50%;place-items:center;margin:0 auto 18px;font-size:25px;display:grid}.lg-confirmed h2,.lg-wait h2{margin:8px 0}.lg-confirmed p,.lg-wait p{color:var(--muted);line-height:1.6}.lg-wait>span{color:var(--accent);font-size:52px;animation:1.2s linear infinite lgspin;display:block}.lg-results{max-width:1200px;margin:30px auto}.lg-variant-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.lg-variant{border:1px solid var(--line);background:#13151c;border-radius:19px;min-width:0;overflow:hidden}.lg-variant>header{align-items:center;gap:11px;padding:15px;display:flex}.lg-variant>header>span{width:36px;height:36px;color:var(--accent);background:#1d3a31;border-radius:11px;place-items:center;font-weight:900;display:grid}.lg-variant header b,.lg-variant header small{display:block}.lg-variant header small{color:var(--muted);margin-top:3px;font-size:10px}.lg-canvas{aspect-ratio:1;background:repeating-conic-gradient(#e8e8e8 0 25%,#fff 0 50%) 50%/24px 24px;place-items:center;padding:26px;display:grid}.lg-canvas img{object-fit:contain;width:100%;height:100%}.lg-canvas>span{color:#38453f;font-size:54px}.lg-edit{padding:16px}.lg-edit>label{color:#c8ced4;margin-bottom:8px;font-size:12px;display:block}.lg-edit textarea{resize:vertical;border:1px solid var(--line);color:#fff;background:#1a1d25;border-radius:10px;outline:none;width:100%;min-height:76px;padding:12px}.lg-apply{color:#dffbed;background:#222d2a;border-radius:9px;width:100%;margin-top:8px;padding:11px}.lg-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid}.lg-actions button{border:1px solid var(--line);color:#ccd1d7;background:0 0;border-radius:8px;padding:9px;font-size:10px}.lg-actions button:last-child{grid-column:1/-1}.lg-inline-error{color:#ffadb5;font-size:11px}@keyframes lgspin{to{transform:rotate(360deg)}}@media (max-width:950px){.lg-shell{grid-template-columns:195px 1fr}.lg-work{padding-inline:20px}.lg-variant-grid{grid-template-columns:1fr}}@media (max-width:700px){.lg-shell{display:block}.lg-nav{z-index:10;width:100%;height:auto;padding:9px;position:sticky}.lg-brand,.lg-projects,.lg-safe{display:none}.lg-nav nav{grid-template-columns:1fr 1fr 1fr}.lg-nav nav a{text-align:center;padding:10px;font-size:11px}.lg-work{padding:0 14px 40px}.lg-top{height:auto;padding:18px 3px;display:block}.lg-steps{margin-top:14px}.lg-form{margin-top:22px;padding:20px}.lg-form-grid,.lg-brief-grid{grid-template-columns:1fr}.lg-form label.lg-wide,.lg-brief label.lg-wide{grid-column:auto}.lg-brief>header,.lg-results>header,.lg-brief footer{flex-direction:column;align-items:stretch;gap:12px}.lg-brief footer .lg-primary{width:100%}}.le-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07090dcc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.le-modal{background:#11131a;border:1px solid #343a48;border-radius:20px;grid-template-rows:auto auto minmax(0,1fr) auto auto;width:min(1280px,100%);height:min(900px,96vh);display:grid;overflow:hidden;box-shadow:0 30px 100px #000b}.le-modal>header{border-bottom:1px solid #292d39;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.le-modal header small{color:#76e6b5;letter-spacing:.14em;font-size:10px}.le-modal header h2{margin:4px 0 0}.le-modal header>button{color:#fff;background:#242832;border-radius:50%;width:36px;height:36px;font-size:21px}.le-toolbar{background:#171a22;border-bottom:1px solid #292d39;align-items:center;gap:8px;padding:10px 16px;display:flex}.le-toolbar>span{color:#9097a5;font-size:11px}.le-toolbar button,.le-upload{color:#e6e9ee;background:#20242e;border:1px solid #343a48;border-radius:8px;padding:8px 11px;font-size:11px}.le-toolbar b{text-align:center;min-width:45px;font-size:11px}.le-toolbar i{flex:1}.le-upload{cursor:pointer}.le-upload input{display:none}.le-toolbar .insert{color:#aef2d1;background:#173629;border-color:#3d8d6c}.le-file{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.le-layout{grid-template-columns:minmax(0,1fr) 210px;min-height:0;display:grid}.le-stage{background:#090b10;place-items:center;min-height:0;padding:28px;display:grid;overflow:auto}.le-zoom{aspect-ratio:1;min-width:360px;max-width:1400px;transition:width .12s}.le-zoom svg{background:repeating-conic-gradient(#e5e5e5 0 25%,#fff 0 50%) 50%/24px 24px;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;box-shadow:0 15px 50px #0008}.le-zoom g{cursor:move}.le-selection{fill:none;stroke:#17c784;stroke-width:5px;stroke-dasharray:14 9;vector-effect:non-scaling-stroke;pointer-events:none}.le-handle{fill:#17c784;stroke:#fff;stroke-width:5px;vector-effect:non-scaling-stroke;cursor:nwse-resize}.le-layout>aside{background:#151820;border-left:1px solid #292d39;padding:18px}.le-layout aside h3{margin:0 0 14px;font-size:14px}.le-layout aside p{color:#9097a5;font-size:11px;line-height:1.5}.le-selected{background:#14221d;border:1px solid #2d4d41;border-radius:10px;gap:7px;margin-top:20px;padding:13px;display:grid}.le-selected small{color:#76e6b5;letter-spacing:.12em;font-size:8px}.le-selected b{font-size:12px}.le-selected label{color:#aab0bb;gap:7px;margin-top:8px;font-size:10px;display:grid}.le-error{color:#ffb7bd;background:#2b171b;border:1px solid #6a353c;border-radius:8px;margin:8px 16px 0;padding:10px 12px;font-size:11px}.le-loading{color:#7f8796;place-items:center;height:100%;display:grid}.le-modal>footer{color:#8e95a3;border-top:1px solid #292d39;justify-content:space-between;align-items:center;padding:14px 18px;font-size:11px;display:flex}.le-modal>footer>div{gap:8px;display:flex}.le-modal>footer button{color:#fff;background:#242832;border-radius:8px;padding:10px 14px}.le-modal>footer .save{color:#07150f;background:linear-gradient(90deg,#35ad80,#79e7b6);font-weight:800}@media (max-width:760px){.le-overlay{padding:0}.le-modal{border-radius:0;width:100%;height:100vh}.le-toolbar{overflow-x:auto}.le-layout{grid-template-columns:1fr}.le-layout>aside,.le-modal>footer>span{display:none}}.le-gradient,.le-text-controls{border-top:1px solid #2b3b35;gap:8px;margin-top:14px;padding-top:12px;display:grid}.le-check{grid-template-columns:auto 1fr;align-items:center;color:#c9d0d7!important;gap:7px!important;display:flex!important}.le-check input{width:14px}.le-gradient>div,.le-gradient-colors{align-items:center;gap:8px;display:flex}.le-gradient input[type=color],.le-text-controls input[type=color]{background:#1d222b;border:1px solid #3b4350;border-radius:6px;width:42px;height:30px;padding:2px}.le-color{grid-template-columns:1fr auto;align-items:center}.le-layer-buttons{grid-template-columns:1fr 1fr;gap:6px;display:grid}.le-layer-buttons button,.le-split{color:#b7f1d6;background:#1b2d26;border:1px solid #395447;border-radius:7px;padding:7px;font-size:9px}.le-layers{gap:4px;max-height:210px;margin-top:18px;display:grid;overflow:auto}.le-layers h3{margin-bottom:5px!important}.le-layers button{color:#aeb5c0;text-align:left;background:#1b1f28;border:1px solid #0000;border-radius:7px;grid-template-columns:22px 1fr;align-items:center;gap:6px;padding:7px;font-size:9px;display:grid}.le-layers button span{color:#7f8794;background:#282e39;border-radius:5px;place-items:center;width:20px;height:20px;display:grid}.le-layers button.active{color:#d8f8e9;background:#182a23;border-color:#3d8d6c}.le-layers button.active span{color:#aef2d1;background:#245c46}.le-layout>aside{overflow:auto}.le-selected input[type=range],.le-gradient input[type=range],.le-text-controls input[type=range]{width:100%}@media (max-width:760px){.le-modal{overflow:auto}.le-layout{grid-template-columns:1fr;display:grid;overflow:visible}.le-stage{min-height:68vh}.le-layout>aside{border-top:1px solid #292d39;border-left:0;max-height:none;display:block}.le-layers{max-height:260px}.le-modal>footer{background:#11131a;position:sticky;bottom:0}}
