:root{--ink:#08110e;--panel:#10251e;--line:#294a3d;--ivory:#f4f1e8;--muted:#7d9288;--signal:#46d59a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);color:#edf4f0;min-height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}header{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#08110ee8;border-bottom:1px solid #1d342c;justify-content:space-between;align-items:center;height:68px;padding:0 18px;display:flex;position:sticky;top:0}header b{letter-spacing:.14em}header span{color:#788e84;font-size:10px}.app{grid-template-columns:210px 1fr;max-width:1500px;margin:auto;display:grid}.app nav{border-right:1px solid #1d342c;flex-direction:column;gap:5px;height:calc(100vh - 68px);padding:18px 10px;display:flex;position:sticky;top:68px}.app nav button{color:#82978e;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;padding:11px}.app nav button.active{color:#fff;background:#102b22;border-color:#2b4b3f}main{padding:28px clamp(14px,4vw,48px) 80px}.notice{z-index:4;color:#5d4b17;background:#fff1c8;border:1px solid #d8be6f;border-radius:12px;margin-bottom:12px;padding:11px 42px 11px 12px;position:relative;top:78px}.notice button{color:inherit;background:0 0;border:0;font-size:20px;position:absolute;top:7px;right:10px}.hero,.panel,.card{background:linear-gradient(145deg,#10251e,#091b16);border:1px solid #24443a;border-radius:22px}.hero{padding:28px;position:relative}.hero small,.panel small{letter-spacing:.14em;color:#769087;font-size:9px}.hero h1,.panel h2{letter-spacing:-.035em;font-family:ui-serif,New York,Georgia,serif;font-weight:500}.hero h1{margin:28px 0 10px;font-size:clamp(44px,6vw,68px)}.hero p,.sub{color:#8ea198;line-height:1.65}.badge{color:#aec5bb;border:1px solid #3a594d;border-radius:999px;margin-top:10px;padding:7px 9px;font-size:10px;display:inline-block}.stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0;display:grid}.card{padding:18px}.card b{font:500 34px ui-serif,New York,Georgia,serif;display:block}.card span{color:#72887e;text-transform:uppercase;font-size:9px}.panel{margin-top:10px;padding:24px}.panel h2{margin:10px 0;font-size:34px}.panel input,.panel textarea,.panel select{border:1px solid var(--line);color:#eef4f1;background:#081914;border-radius:11px;width:100%;padding:12px}.rows{gap:7px;margin-top:14px;display:grid}.row{text-align:left;color:#aebdb6;background:#091b16;border:1px solid #203d33;border-radius:11px;grid-template-columns:100px 1fr 1fr 120px;align-items:center;gap:10px;width:100%;padding:12px;display:grid}.row b{color:#edf4f0}.row em{color:#8fa49a;font-size:11px;font-style:normal}.mergeBox{grid-template-columns:1fr 1fr;gap:16px;display:grid}.drop{text-align:center;border:1px dashed #426052;border-radius:16px;padding:26px}.drop input{margin-top:15px}.studio{grid-template-columns:1fr 1fr;gap:14px;display:grid}.editor{gap:10px;display:grid}.preview{color:#23312b;background:#fbfaf5;border-radius:15px;min-height:380px;padding:26px}.preview small{color:#77857e}.preview h3{font:500 29px ui-serif,New York,Georgia,serif}.preview p{white-space:pre-wrap;font:17px/1.65 ui-serif,New York,Georgia,serif}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn{color:#c4d4cd;background:#102b22;border:1px solid #315346;border-radius:10px;padding:10px 12px;font-weight:750}.btn.primary{background:var(--ivory);color:#13201b;border-color:var(--ivory)}.mailgrid,.controlgrid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mail,.control{background:#0a1d17;border:1px solid #25443a;border-radius:14px;padding:16px}.mail b,.control b{display:block}.mail small,.control small{color:#71877d}.statusbox{color:#9db2a8;border:1px solid #2d4c40;border-radius:10px;margin-top:10px;padding:11px}.footer{text-align:center;color:#62776e;padding:35px 10px;font-size:11px}.danger{color:#e3a49c}.ok{color:#8ce1b9}.loginShell{background:radial-gradient(700px 440px at 75% 0,#17433055,#0000 70%),#08110e;place-items:center;min-height:100svh;padding:30px 16px;display:grid}.loginCard{background:linear-gradient(145deg,#112920,#091914);border:1px solid #2a493e;border-radius:28px;width:min(440px,100%);padding:32px;box-shadow:0 45px 100px #0008}.loginBrand{letter-spacing:.15em;font-weight:900}.loginEye{letter-spacing:.16em;color:#789087;margin-top:35px;font-size:9px}.loginCard h1{letter-spacing:-.045em;margin:14px 0;font:500 48px/.98 ui-serif,New York,Georgia,serif}.loginCard p{color:#8fa399;line-height:1.65}.loginCard form{gap:10px;margin-top:25px;display:grid}.loginCard label{color:#82988e;font-size:11px}.loginCard input{color:#eef4f1;background:#071611;border:1px solid #315044;border-radius:12px;width:100%;padding:13px}.loginCard .btn{margin-top:5px}.loginError{color:#f0b2aa;background:#3a1717;border-radius:10px;margin-top:15px;padding:11px;font-size:12px}.loginNote{color:#71877d;border-top:1px solid #203b31;margin-top:22px;padding-top:18px;font-size:10px;line-height:1.6}.loginShell footer{color:#62776e;font-size:10px;position:fixed;bottom:18px}@media (max-width:850px){.app{grid-template-columns:1fr}.app nav{z-index:4;background:#08110ef5;border-bottom:1px solid #1d342c;border-right:0;flex-direction:row;height:auto;padding:8px;position:sticky;top:68px;overflow:auto}.app nav button{white-space:nowrap}main{padding:16px 12px 65px}.stats{grid-template-columns:1fr 1fr}.mergeBox,.studio,.mailgrid,.controlgrid{grid-template-columns:1fr}.row{grid-template-columns:80px 1fr}.row span:nth-of-type(2),.row em,header span{display:none}}
