:root{--primary:#00bce8;--secondary:#dfbe7f;--bg:#070e16;--panel:#101c29;--surface:#152535;--text:#eef6ff;--muted:#8c9fb2;--border:#23384a;--radius:20px;font-family:Tajawal,Arial;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:calc(var(--radius)*.6);padding:12px 18px;transition:transform .2s,background .2s,border-color .2s}button:hover{border-color:var(--primary);transform:translateY(-2px)}button:disabled{opacity:.5;cursor:wait}button.primary,a.primary{background:var(--primary);color:#031923;border-color:var(--primary);font-weight:700;box-shadow:0 7px 25px color-mix(in srgb,var(--primary) 14%,transparent)}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}.muted,small{color:var(--muted)}h1,h2,h3,p{margin-top:0}p{line-height:1.9}h1{font-size:36px}h2{font-size:24px}h3{font-size:18px}small{line-height:1.8}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;gap:20px}.cols{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.panel{padding:25px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.eyebrow{font-size:12px;color:var(--primary);letter-spacing:2px;font-weight:700}.brand{display:flex;align-items:center;gap:14px;font-size:21px;font-weight:700;white-space:nowrap}.brand img{width:48px;height:56px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:3px;color:var(--primary)}.top{padding:20px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.hero{padding:90px 7% 65px;display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 10%,transparent),transparent 65%);top:-150px;left:-180px;pointer-events:none}.hero h1{font-size:clamp(45px,5.6vw,80px);line-height:1.2;max-width:650px;margin:24px 0}.hero h1 em{font-style:normal;color:var(--primary)}.hero p{max-width:470px;font-size:18px;color:var(--muted)}.hero .primary{padding:16px 30px;font-size:17px}.hero-note{margin-top:26px;font-size:12px;color:var(--muted)}.hero-art{position:relative;height:430px;perspective:900px}.hero-card{position:absolute;inset:35px 10px 40px;border:1px solid var(--border);border-radius:calc(var(--radius)*1.5);background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 12%,var(--panel)),var(--bg));transform:rotateY(8deg) rotateZ(-3deg);box-shadow:0 35px 90px #0005;overflow:hidden;animation:heroFloat 6s ease-in-out infinite}.hero-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,transparent 97%,#ffffff08 98%),linear-gradient(90deg,transparent 97%,#ffffff08 98%);background-size:32px 32px}.hero-card .demo-art{inset:0 0 20%}.hero-card .alert-copy{--size:23px;--name-size:15px;--ink:#fff;--accent:var(--primary);left:50%;top:76%}.floating-pill{position:absolute;bottom:15px;left:-5px;background:var(--panel);padding:16px 22px;border:1px solid var(--border);border-radius:15px;box-shadow:0 15px 45px #0004}.floating-pill b{color:var(--primary)}.orbit-tag{position:absolute;right:0;top:10px;background:var(--panel);border:1px solid var(--border);padding:12px 18px;border-radius:30px;font-size:12px;z-index:2}.section{padding:65px 7%;border-top:1px solid var(--border)}.section-title{max-width:650px;margin-bottom:30px}.feature-num{color:var(--primary);font-size:12px;letter-spacing:3px}.feature-icon{font-size:35px;margin:24px 0;color:var(--secondary)}.section details{border-bottom:1px solid var(--border);padding:20px 0}.section summary{cursor:pointer;font-size:19px}.section details p{color:var(--muted);margin-top:15px}.footer{padding:25px 7%;color:var(--muted);font-size:12px;border-top:1px solid var(--border)}.auth{width:min(470px,92vw);margin:70px auto}.auth h1{font-size:29px}.field{display:block;margin:0 0 18px;color:var(--muted);font-size:13px}.field>span{display:block;margin-bottom:9px}input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea{width:100%;padding:12px;border:1px solid var(--border);background:var(--bg);border-radius:10px;color:var(--text)}textarea{resize:vertical;min-height:85px}input[type=range]{width:100%;accent-color:var(--primary)}input[type=color]{width:100%;height:40px;padding:5px;background:var(--bg);border:1px solid var(--border);border-radius:9px}input[type=checkbox]{accent-color:var(--primary)}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--panel);border-left:1px solid var(--border);padding:25px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow:auto}.sidebar .brand{font-size:19px;margin-bottom:40px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:15px;text-align:right;background:none;border-color:transparent;font-size:15px;padding:15px}.sidebar nav button.active{background:color-mix(in srgb,var(--primary) 10%,var(--panel));border-color:color-mix(in srgb,var(--primary) 30%,transparent);color:var(--primary)}.nav-icon{font-size:21px;width:22px}.side-bottom{margin-top:auto;padding-top:32px}.side-bottom p{font-size:12px;color:var(--muted)}.workspace{min-width:0}.toolbar{padding:20px 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.status{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.status:before{content:'';width:7px;height:7px;background:var(--secondary);border-radius:50%}.content{padding:35px;max-width:1650px;margin:auto}.page-head{margin-bottom:25px}.page-head h1{margin:10px 0;font-size:32px}.page-head p{color:var(--muted);font-size:14px}.stat b{font-size:30px;display:block;margin-top:18px}.stat span{font-size:13px;color:var(--muted)}.stat .hint{font-size:11px;color:var(--primary)}.welcome{position:relative;overflow:hidden;padding:35px;background:linear-gradient(110deg,var(--panel),color-mix(in srgb,var(--primary) 12%,var(--panel)))}.welcome:after{content:'✦';position:absolute;left:60px;top:0;font-size:160px;color:var(--primary);opacity:.2;animation:heroFloat 6s infinite}.welcome p{max-width:60%;color:var(--muted)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tabs button.active{border-color:var(--primary);color:var(--primary)}.editor-layout{display:grid;grid-template-columns:minmax(330px,1fr) minmax(380px,1.08fr);gap:22px;align-items:start}.preview-panel{position:sticky;top:20px}.preview{height:350px;background:radial-gradient(ellipse at 50% 30%,#112c42,#050a12);border:1px solid var(--border);border-radius:15px;overflow:hidden;position:relative;display:grid;place-items:center;direction:ltr}.preview .copy-message{font-size:calc(var(--size)*.68)}.preview .copy-title{font-size:calc(var(--name-size)*.68)}.preview .demo-art i{width:140px;height:140px}.preview-label{position:absolute;top:14px;right:15px;font-size:10px;letter-spacing:2px;color:#72869a;z-index:2;direction:rtl}.preview-foot{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);padding:15px 0}.form-section{padding:20px 0;border-bottom:1px solid var(--border)}.form-section:first-child{padding-top:0}.form-section h3{margin-bottom:20px}.fx-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.effect{border:1px solid var(--border);background:var(--bg);padding:11px;border-radius:10px;display:flex;gap:10px;align-items:center;font-size:13px}.effect:has(input:checked){border-color:var(--primary);color:var(--primary)}.note{font-size:12px;padding:13px;border-right:2px solid var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--panel));color:var(--muted);line-height:1.8}.linkbox{display:flex;gap:8px;margin-top:12px}.linkbox input{font-size:11px;direction:ltr;min-width:0}.empty{text-align:center;padding:40px 20px;color:var(--muted);border:1px dashed var(--border);border-radius:15px}.empty>span{display:block;font-size:36px;color:var(--primary);margin-bottom:15px}.rule-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--border)}.rule-card:last-child{border:0}.rule-card h3{margin:0 0 7px}.badge{font-size:10px;padding:5px 10px;border:1px solid var(--border);border-radius:20px;color:var(--primary)}.asset-video{width:100%;height:160px;object-fit:contain;background:#060b11;border-radius:12px}.asset-card h3{margin:16px 0 8px}.asset-card .row{margin-top:15px}.asset-card button{font-size:12px;padding:9px 12px}.danger{color:#ff8495}.owner-tabs{margin-bottom:25px}.identity-card{height:110px;position:relative;overflow:hidden;font-weight:700}.identity-card span{display:block;font-size:24px;margin-bottom:12px}.identity-card.active{border:2px solid var(--primary)}.theme-grid{grid-template-columns:repeat(5,1fr)}.identity-glass{background:linear-gradient(130deg,#255163,#98c8dc55);border-radius:25px}.identity-royal{background:linear-gradient(130deg,#421835,#171221);color:#e8c986;border-radius:4px;border-color:#c59d66}.identity-studio{background:#e7ddce;color:#38312b;border-radius:2px;box-shadow:5px 5px #69564b}.identity-cyber{background:repeating-linear-gradient(0deg,#091c1d 0 5px,#143235 6px);border-radius:0;border-color:#48e8ce}.identity-signature{background:linear-gradient(140deg,#07384a,#0d1822)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:15px;text-align:right;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:400}#toast{position:fixed;bottom:25px;left:25px;max-width:440px;padding:17px 25px;background:var(--panel);border:1px solid var(--primary);border-radius:12px;box-shadow:0 12px 45px #0006;z-index:50;display:none}.connection-card .provider-icon{font-size:30px;color:var(--primary);margin-bottom:24px}.connection-card button{margin-top:18px}.section-divider{height:1px;background:var(--border);margin:25px 0}.light{--bg:#f2f5f8;--panel:#fff;--surface:#eaf0f5;--text:#142638;--muted:#617487;--border:#d5e0e8;color-scheme:light}.style-glass{--panel:color-mix(in srgb,var(--bg) 75%,#8fc6d3 25%);--radius:30px}.style-glass .panel,.style-glass .sidebar{backdrop-filter:blur(18px)}.style-royal{--bg:#100d18;--panel:#21172c;--surface:#30203d;--border:#55405e;--radius:8px}.style-royal.light{--bg:#f6f0f7;--panel:#fff;--surface:#eee1ee;--border:#d7c4d6}.style-royal button{border-bottom:2px solid var(--secondary)}.style-royal .panel{box-shadow:inset 0 0 0 5px var(--panel),inset 0 0 0 6px color-mix(in srgb,var(--secondary) 16%,transparent)}.style-studio{--radius:3px}.style-studio .panel{box-shadow:6px 6px 0 var(--border)}.style-studio button{box-shadow:3px 3px 0 var(--border)}.style-studio .hero h1{font-size:clamp(46px,6vw,85px)}.style-cyber{--radius:0px}.style-cyber .panel{border-left:3px solid var(--primary);background-image:repeating-linear-gradient(0deg,transparent 0 12px,#00bce804 13px)}.style-cyber button{clip-path:polygon(0 0,94% 0,100% 20%,100% 100%,6% 100%,0 80%)}.no-motion .hero *,.no-motion .welcome:after{animation:none!important;transition:none!important}@keyframes heroFloat{50%{translate:0 -12px}}
@media(max-width:1100px){.layout{grid-template-columns:200px 1fr}.content{padding:23px}.editor-layout{grid-template-columns:1fr}.preview-panel{position:static;grid-row:1}.four{grid-template-columns:repeat(2,1fr)}.theme-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.hero{grid-template-columns:1fr;padding:45px 6%}.hero-art{height:330px}.hero h1{font-size:48px}.three,.cols{grid-template-columns:1fr}.top .navlinks{display:none}.layout{display:block}.sidebar{position:static;height:auto;padding:15px}.sidebar .brand{margin-bottom:15px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap;padding:10px}.side-bottom{display:none}.toolbar{padding:15px}.content{padding:20px 14px}.theme-grid{grid-template-columns:repeat(2,1fr)}.welcome p{max-width:85%}.editor-layout{display:block}.preview-panel{margin-bottom:20px}.preview{height:280px}.linkbox{flex-wrap:wrap}.page-head h1{font-size:27px}.section{padding:40px 6%}}
.light .hero-card{background:linear-gradient(150deg,#103344,#070e16)}.light .brand img{background:#0c1723;border-radius:9px;padding:4px}.light .hero-card .copy-title{color:#fff}
.style-glass .demo-art i{border-radius:50%;border-width:2px;box-shadow:inset 0 0 70px #8cdef733,0 0 70px #75d8ee22}.style-glass .hero-card{border-color:#8cdef750;backdrop-filter:blur(20px)}.style-glass button:hover{box-shadow:0 0 25px color-mix(in srgb,var(--primary) 30%,transparent)}.style-royal .demo-art i{border-radius:7%;border-color:var(--secondary);box-shadow:inset 0 0 45px #dfbe7f15,0 0 35px #dfbe7f15}.style-royal .hero-card{border-color:#dfbe7f70}.style-royal .hero h1{color:var(--secondary)}.style-studio .hero-card{border-radius:0;transform:rotateZ(-4deg);box-shadow:12px 12px 0 var(--border)}.style-studio .demo-art i{border-radius:0;animation-duration:25s}.style-studio button:active{translate:3px 3px;box-shadow:none}.style-cyber .hero-card{border-radius:0;box-shadow:0 0 45px color-mix(in srgb,var(--primary) 16%,transparent);transform:rotateY(12deg)}.style-cyber .demo-art i{border-radius:0;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}.style-cyber button:hover{box-shadow:inset 0 0 22px color-mix(in srgb,var(--primary) 30%,transparent)}

.supporter-message{white-space:pre-wrap;overflow-wrap:anywhere;max-width:700px;margin:12px 0 0}.rule-card>div{min-width:0}