:root{--gold:#d8a84d;--gold2:#8f6427;--ink:#080a0c;--panel:#101316;--text:#f3efe6;--muted:#a29d92;--line:rgba(216,168,77,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:"Prompt",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;position:fixed;z-index:15;inset:0 0 auto;background:linear-gradient(#060709 5%,transparent);border-bottom:1px solid transparent;transition:.3s}.topbar.scrolled{height:72px;background:rgba(7,9,11,.92);backdrop-filter:blur(16px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:13px}.brand b{display:block;font:700 21px/1 "Chakra Petch";letter-spacing:2px}.brand small{display:block;color:var(--gold);font-size:7px;letter-spacing:5px;margin-top:6px}.brand-mark{width:39px;height:39px;border:1px solid var(--gold);transform:rotate(45deg);display:grid;place-items:center;box-shadow:inset 0 0 14px #d8a84d20}.brand-mark i{width:13px;height:22px;border:2px solid var(--gold);border-width:2px 0;display:block}.topbar nav{display:flex;gap:42px;font-size:14px}.topbar nav a{color:#c3c0b9;position:relative;transition:.2s}.topbar nav a:hover,.topbar nav a.active{color:var(--gold)}.topbar nav>.nav-group>a.active:after{content:"";position:absolute;left:50%;bottom:-14px;width:4px;height:4px;background:var(--gold);transform:translateX(-50%) rotate(45deg)}.nav-actions{display:flex;align-items:center}.search{height:42px;width:230px;border:1px solid #ffffff10;border-radius:25px;background:#ffffff05;color:#696967;padding:0 16px;display:flex;justify-content:space-between;align-items:center;font:12px Prompt}.search svg{width:19px;fill:none;stroke:var(--gold);stroke-width:2}.menu{display:none;background:none;border:0;width:35px}.menu span{display:block;height:1px;background:var(--gold);margin:8px}
.hero{height:100svh;min-height:720px;display:grid;place-items:center;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,8,.3),rgba(5,6,8,.08) 58%,#080a0c 100%),url('/assets/aurelia-city-hero.png') center/cover no-repeat;transform:scale(1.015);animation:breath 14s ease-in-out infinite alternate}.hero:before,.hero:after{content:"";position:absolute;z-index:1;top:50%;width:120px;height:220px;border:1px solid var(--line);transform:translateY(-50%) rotate(45deg)}.hero:before{left:-82px}.hero:after{right:-82px}.orbit{position:absolute;z-index:1;border:1px solid #d8a84d21;border-radius:50%;pointer-events:none}.orbit-one{width:620px;height:620px}.orbit-two{width:700px;height:700px;border-style:dashed;animation:spin 60s linear infinite}.hero-content{text-align:center;z-index:2;margin-top:-4vh;text-shadow:0 4px 30px #000}.eyebrow{font:500 11px "Chakra Petch";letter-spacing:4px;color:#cfb57f;display:flex;align-items:center;gap:15px;justify-content:center}.eyebrow span{width:52px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.eyebrow span:last-child{transform:rotate(180deg)}h1{margin:24px 0 10px}.hero h1 em{display:block;font:700 clamp(72px,11vw,160px)/.75 "Chakra Petch";font-style:normal;letter-spacing:-7px;background:linear-gradient(#fff7dc 5%,#b98a3c 48%,#f1d690 60%,#7b4e17 100%);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 5px 0 #2d1b0a) drop-shadow(0 15px 20px #000);-webkit-text-stroke:1px #efd28c}.hero h1 small{font:600 15px "Chakra Petch";letter-spacing:18px;color:#e8dfcc;margin-left:20px}.tagline{font-weight:300;color:#d5d0c5;font-size:15px;margin:28px 0 30px}.hero-buttons{display:flex;justify-content:center;gap:13px}.btn{height:54px;padding:0 27px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid var(--gold2);font-size:13px;letter-spacing:.3px;position:relative;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #d8a84d24}.btn-primary{background:linear-gradient(110deg,#9b6b27,#d8a84d);color:#0b0b09;font-weight:600}.btn-ghost{background:rgba(8,10,12,.7);backdrop-filter:blur(8px)}.btn svg{width:20px;fill:none;stroke:var(--gold);stroke-width:1.5}.scroll-hint{position:absolute;z-index:2;bottom:25px;font:500 8px "Chakra Petch";letter-spacing:3px;color:#aaa;display:flex;align-items:center;gap:14px;writing-mode:vertical-rl}.scroll-hint i{width:1px;height:32px;background:var(--gold)}
.section{max-width:1320px;margin:auto;padding:110px 6vw}.section-kicker{display:flex;align-items:center;gap:15px;margin-bottom:70px}.section-kicker span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line))}.section-kicker span:last-child{transform:rotate(180deg)}.section-kicker i{color:var(--gold);font-style:normal}.intro{position:relative}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end}.overline{font:600 10px "Chakra Petch";letter-spacing:4px;color:var(--gold);margin:0 0 17px}.section h2{font:600 clamp(38px,5vw,64px)/1.2 "Prompt";margin:0;letter-spacing:-2px}.section h2 span{color:var(--gold)}.intro-text{border-left:1px solid var(--line);padding-left:36px;color:var(--muted);font-size:14px;line-height:1.9}.intro-text p:first-child{color:#d9d5cb}.stats{display:grid;grid-template-columns:repeat(2,1fr);margin-top:85px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{padding:35px 5%;display:flex;align-items:center;justify-content:center;gap:20px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{font:600 35px "Chakra Petch";color:var(--gold)}.stats span{font-size:12px;color:var(--muted)}
.principles{max-width:1450px;background:radial-gradient(circle at center,#171715 0,transparent 60%)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-head>p{max-width:350px;color:var(--muted);font-size:13px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rule-card{min-height:380px;padding:25px 25px 28px;background:linear-gradient(145deg,#111416,#090b0d);border:1px solid #ffffff12;position:relative;display:flex;flex-direction:column;overflow:hidden;transition:.35s}.rule-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(140deg,var(--gold),transparent 32%);opacity:0;transition:.3s;z-index:-1}.rule-card:hover,.rule-card.featured{border-color:var(--gold2);transform:translateY(-8px)}.rule-card:hover:before{opacity:1}.number{font:500 10px "Chakra Petch";color:#6d6659;letter-spacing:2px}.icon{width:68px;height:68px;border:1px solid var(--gold2);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:30px;margin:50px 0 28px;box-shadow:inset 0 0 22px #d8a84d12}.rule-card h3{font-size:16px;margin:0 0 14px}.rule-card p{font-size:12px;color:var(--muted);line-height:1.85;margin:0}.rule-card a{margin-top:auto;font-size:11px;color:#d1c5ac}.rule-card a b{color:var(--gold);margin-left:8px}.cta{max-width:1450px}.cta-frame{text-align:center;padding:90px 30px;border:1px solid var(--line);background:linear-gradient(90deg,#080a0ce8,#11110cdd,#080a0ce8),url('/assets/aurelia-city-hero.png') center 70%/cover;clip-path:polygon(25px 0,calc(100% - 25px) 0,100% 25px,100% calc(100% - 25px),calc(100% - 25px) 100%,25px 100%,0 calc(100% - 25px),0 25px)}.cta h2{font-size:clamp(35px,5vw,58px)}.cta-frame>p:not(.overline){color:var(--muted);font-size:13px;margin:20px 0 30px}footer{max-width:1320px;margin:auto;padding:30px 6vw 45px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#6f6b62;font:500 8px "Chakra Petch";letter-spacing:2px}.footer-brand{transform:scale(.75);transform-origin:left}.footer-brand+P{text-align:center}footer>a:last-child{color:#bba777}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes breath{to{transform:scale(1.045)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:950px){.topbar{padding:0 25px}.topbar nav{position:absolute;top:72px;left:0;right:0;background:#090b0df5;display:flex;flex-direction:column;gap:0;padding:10px 25px 25px;transform:translateY(-150%);transition:.3s;z-index:-1}.topbar nav.open{transform:none}.topbar nav a{padding:14px 0;border-bottom:1px solid #ffffff0c}.topbar nav>.nav-group>a.active:after{display:none}.search{display:none}.menu{display:block}.cards{grid-template-columns:1fr 1fr}.intro-grid{gap:5vw}.orbit{display:none}}
@media(max-width:620px){.hero{min-height:680px}.hero-bg{background-position:52% center}.hero h1 em{font-size:60px;letter-spacing:-3px}.hero h1 small{font-size:9px;letter-spacing:11px}.eyebrow{font-size:8px;letter-spacing:2px}.tagline{font-size:12px;padding:0 30px}.hero-buttons{flex-direction:column;align-items:center}.btn{min-width:225px}.section{padding:80px 22px}.intro-grid{grid-template-columns:1fr}.intro-text{margin-top:35px}.stats{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid var(--line)}.section-head{display:block}.section-head>p{margin-top:25px}.cards{grid-template-columns:1fr}.rule-card{min-height:340px}.icon{margin:35px 0 25px}.cta{padding-left:14px;padding-right:14px}.cta-frame{padding:70px 18px}footer{flex-direction:column;gap:25px;text-align:center}.scroll-hint{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.reveal{opacity:1;transform:none}}
.topbar nav{height:100%;align-items:center;gap:34px}.nav-group{height:100%;display:flex;align-items:center}.nav-group>a i{font-style:normal;font-size:11px;margin-left:7px}.mega{position:absolute;left:50%;top:75px;width:min(760px,88vw);padding:24px;background:rgba(10,12,14,.98);border:1px solid var(--line);box-shadow:0 25px 80px #000;opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:.25s;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.nav-group:hover .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}.mega-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:10px}.mega-title span{color:var(--gold);font-weight:600}.mega-title b{font-weight:400;font-size:10px;color:#686967}.mega-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.mega-item{border-bottom:1px solid #ffffff0b;padding:9px 0}.mega-item>a{display:flex;align-items:center;padding:6px!important}.mega-item>a i{width:5px;height:5px;background:var(--gold);transform:rotate(45deg);margin-right:12px}.mega-item>a strong{font-size:12px;font-weight:500;flex:1}.mega-item>a small{background:#d8a84d19;color:var(--gold);border-radius:20px;padding:3px 7px}.mega-item>a b{color:#777;margin-left:8px}.mega-children{padding:2px 0 4px 23px}.mega-children a{display:block!important;padding:6px!important;color:#82858a!important;font-size:11px}.mega-children a:hover{color:var(--gold)!important}.admin-link{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);margin-right:10px;transition:.2s}.admin-link:hover{background:#d8a84d18;transform:rotate(45deg)}
@media(max-width:950px){.topbar nav{height:auto}.nav-group{height:auto;display:block}.mega{position:static;width:100%;padding:8px 12px;opacity:1;visibility:visible;transform:none;display:none;clip-path:none;box-shadow:none}.nav-group:hover .mega{transform:none}.nav-group>a{display:block}.mega-title{display:none}.mega-list{grid-template-columns:1fr}.mega-children{display:none}.mega-item.expanded .mega-children{display:block}.nav-group:focus-within .mega{display:block}.admin-link{margin-left:auto}}
.editor-top{position:fixed;z-index:40;top:86px;right:22px;background:#111418e8;border:1px solid var(--line);backdrop-filter:blur(15px);padding:8px;display:flex;align-items:center;gap:7px;box-shadow:0 12px 35px #000}.editor-top span{font-size:10px;color:#bbb;padding:0 8px}.editor-top span b{color:#43ca79}.editor-top button,.editor-top a{border:1px solid #66502b;background:#d8a84d12;color:var(--gold);padding:8px 11px;font:500 10px Prompt;cursor:pointer}.admin-edit-mode [data-edit-key]{outline:1px dashed transparent;outline-offset:7px;cursor:text;transition:.2s}.admin-edit-mode [data-edit-key]:hover{outline-color:#d8a84d99;background:#d8a84d0d}.admin-edit-mode [data-edit-key][contenteditable=true]{outline:2px solid var(--gold);background:#0b0d0edb;min-width:30px}.save-dock{position:fixed;z-index:50;left:50%;bottom:18px;transform:translate(-50%,140%);width:min(620px,calc(100% - 24px));padding:9px 10px 9px 16px;background:#171a1e;border:1px solid #353a40;border-radius:7px;box-shadow:0 12px 50px #000;display:flex;align-items:center;gap:10px;transition:.35s}.save-dock.show{transform:translate(-50%,0)}.save-dock span{font-size:11px;flex:1}.save-dock span b{color:#e4ba62}.save-dock button{border:0;padding:9px 13px;border-radius:5px;font:600 10px Prompt;cursor:pointer}.save-dock .discard{background:transparent;color:#aeb1b5}.save-dock .commit{background:#19a45b;color:#fff}.edit-toast{position:fixed;z-index:70;right:20px;bottom:20px;background:#17623c;color:#fff;padding:13px 18px;border-radius:5px;font-size:12px}.edit-toast.error{background:#7a2730}.menu-editor{position:fixed;z-index:60;inset:0;background:#000b;display:none;place-items:center;padding:20px}.menu-editor.open{display:grid}.menu-dialog{background:#101316;border:1px solid #4a3c25;width:min(850px,100%);max-height:88vh;display:flex;flex-direction:column;box-shadow:0 30px 100px #000}.menu-dialog>header{padding:22px 25px;border-bottom:1px solid #292d31;display:flex;justify-content:space-between}.menu-dialog header small{color:var(--gold);font:600 8px Chakra Petch;letter-spacing:3px}.menu-dialog header h2{margin:5px 0 0;font-size:22px}.menu-dialog header button{background:none;border:0;color:#aaa;font-size:28px;cursor:pointer}.menu-rows{overflow:auto;padding:17px 22px}.menu-rows article{border:1px solid #292e32;margin-bottom:11px;background:#0a0d0f}.main-row,.sub-rows>div{display:grid;grid-template-columns:25px 1fr .6fr auto 35px;gap:8px;padding:10px;align-items:center}.menu-rows input{background:#15191c;border:1px solid #30353a;color:#eee;padding:10px;font:12px Prompt}.menu-rows button,.menu-dialog>footer button{border:1px solid #594728;background:#d8a84d0d;color:var(--gold);padding:9px;cursor:pointer}.sub-rows{margin-left:35px;border-left:1px solid #3f3523}.sub-rows>div{grid-template-columns:25px 1fr .6fr 35px;border-top:1px solid #25292c}.menu-dialog>footer{padding:14px 22px;border-top:1px solid #292d31;display:flex;justify-content:space-between}.menu-dialog>footer [data-done]{background:var(--gold);color:#090a0b;min-width:100px;font-weight:600}
@media(max-width:650px){.editor-top{top:auto;bottom:15px;right:10px}.editor-top span{display:none}.save-dock{bottom:72px}.save-dock span{font-size:9px}.main-row,.sub-rows>div{grid-template-columns:20px 1fr 35px}.main-row input:nth-of-type(2),.sub-rows input:nth-of-type(2){grid-column:2/3}.main-row [data-add]{grid-column:2/3}.sub-rows{margin-left:12px}}
.design-panel{position:fixed;z-index:55;top:0;right:0;width:340px;height:100vh;background:#101316;border-left:1px solid #4a3b22;box-shadow:-20px 0 70px #000;transform:translateX(110%);transition:.3s;padding:0 22px 25px;overflow:auto}.design-panel.open{transform:none}.design-panel header{display:flex;justify-content:space-between;align-items:center;padding:23px 0;border-bottom:1px solid #292d31;margin-bottom:20px}.design-panel header small{font:600 8px Chakra Petch;letter-spacing:3px;color:var(--gold)}.design-panel header h3{font-size:18px;margin:5px 0 0}.design-panel header button{border:0;background:none;color:#aaa;font-size:27px;cursor:pointer}.design-panel label{display:block;color:#aaa;font-size:11px;margin:17px 0}.design-panel label output{float:right;color:var(--gold)}.design-panel select,.design-panel input[type=color]{display:block;width:100%;height:42px;margin-top:8px;background:#090b0d;border:1px solid #303439;color:#eee;padding:8px}.design-panel input[type=range]{width:100%;accent-color:var(--gold);margin-top:12px}.upload-action{width:100%;padding:12px;border:1px solid var(--gold2);background:linear-gradient(110deg,#9b6b27,var(--gold));font:600 11px Prompt;cursor:pointer;margin-top:10px}.upload-action.secondary{background:#d8a84d0b;color:var(--gold)}.upload-note{display:block;color:#686c70;text-align:center;font-size:9px;margin:9px}.design-panel footer{border-top:1px solid #292d31;margin-top:24px;padding-top:18px}.design-panel footer button{width:100%;border:1px solid #5b2b30;background:#45151a55;color:#df7b84;padding:10px;cursor:pointer}.hero,.intro,.principles,.cta{position:relative}.placed-layer{position:absolute;z-index:8;inset:0;pointer-events:none;overflow:hidden}.placed-image{position:absolute;pointer-events:auto;cursor:move;user-select:none}.placed-image img{display:block;width:100%;height:auto;pointer-events:none}.placed-image button{display:none;position:absolute;right:-10px;top:-10px;width:25px;height:25px;border-radius:50%;border:1px solid #8b393f;background:#260d10;color:#ff9199;cursor:pointer}.placed-image i{display:none;position:absolute;right:-6px;bottom:-6px;width:15px;height:15px;background:var(--gold);border:2px solid #111;cursor:nwse-resize}.admin-edit-mode .placed-image{outline:1px dashed var(--gold)}.admin-edit-mode .placed-image button,.admin-edit-mode .placed-image i{display:block}
@media(max-width:650px){.design-panel{width:100%}}
.header-logo{display:block;width:172px;height:68px;object-fit:contain;object-position:left center;mix-blend-mode:screen}.topbar>.brand{height:100%;overflow:hidden}
.hero-title-logo{width:min(620px,70vw);height:250px;margin:5px auto 0;display:grid;place-items:center;overflow:visible;position:relative;z-index:6}.hero-title-logo img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 12px 25px #000)}
.hero .eyebrow,.hero .tagline{position:relative;z-index:8}
.hero-buttons{position:relative;z-index:3}
@media(max-width:620px){.header-logo{width:132px;height:56px}}
@media(max-width:620px){.hero-title-logo{width:88vw;height:170px;margin-top:10px}}
.nav-group>a .nav-chevron{display:inline-block;width:6px;height:6px;margin:0 0 3px 9px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);vertical-align:middle;transition:transform .2s}.nav-group:hover>a .nav-chevron{transform:rotate(225deg);margin-bottom:-2px}.mega-item .item-chevron{width:6px;height:6px;border-right:1px solid #777;border-bottom:1px solid #777;transform:rotate(45deg);margin:0 3px 3px 10px}
.nav-group.menu-open .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav-group.menu-open>a .nav-chevron{transform:rotate(225deg);margin-bottom:-2px}.mega-title .category-page-link{font-size:10px;color:var(--gold);padding:0;border-bottom:1px solid transparent}.mega-title .category-page-link:hover{border-color:var(--gold)}
.mega-item>a.active strong,.mega-item>a.active>i,.mega-children a.active{color:var(--gold)!important}.mega-item>a.active>i{background:var(--gold);box-shadow:0 0 8px #d8a84d88}.mega-children a.active:before{content:'◆';font-size:6px;margin-right:8px;vertical-align:2px}.mega-item>a.active small{background:var(--gold);color:#090a0b}
@media(max-width:950px){.nav-group.menu-open .mega{display:block;transform:none}}
.builder-canvas{position:absolute;z-index:25;inset:0;height:100%;min-height:100vh;pointer-events:none}.builder-canvas.crosshair{cursor:crosshair}.canvas-admin main{position:relative}.ps-tools{position:fixed;z-index:80;left:14px;top:50%;transform:translateY(-50%);width:45px;padding:5px;background:#15171a;border:1px solid #35383c;border-radius:6px;box-shadow:0 12px 40px #000;display:grid;gap:3px}.ps-tools button{position:relative;width:34px;height:34px;border:0;border-radius:4px;background:transparent;color:#c7c9cc;cursor:pointer}.ps-tools button:hover,.ps-tools button.active{background:#d8a84d;color:#0a0b0c}.ps-tools button b{font:600 17px Arial}.ps-tools button span{display:none;position:absolute;left:43px;top:5px;white-space:nowrap;background:#17191c;border:1px solid #35383c;color:#ddd;padding:5px 8px;font:10px Prompt;border-radius:3px}.ps-tools button:hover span{display:block}.ps-tools>i{height:1px;background:#34373a;margin:3px}.canvas-object{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:auto}.canvas-object img{width:100%;height:100%;object-fit:cover;pointer-events:none}.canvas-admin .canvas-object{cursor:default}.canvas-admin .builder-canvas:not(.crosshair) .canvas-object{cursor:move}.canvas-admin .builder-canvas:not(.crosshair) .canvas-object:hover{outline:1px dashed #d8a84d88}.canvas-object.selected{outline:2px solid #4fa5ff!important}.resize-handle{position:absolute!important;right:-6px;bottom:-6px;width:12px;height:12px;background:#fff;border:2px solid #2789e9;cursor:nwse-resize}.object-marker{border-radius:50%;font-weight:700}.object-popup{position:fixed;z-index:95;display:flex;align-items:center;gap:5px;background:#1b1d20;border:1px solid #3d4145;padding:5px;border-radius:5px;box-shadow:0 8px 30px #000}.object-popup button,.object-popup select,.object-popup input{height:29px;border:1px solid #393d41;background:#101215;color:#ddd;border-radius:3px;font:10px Prompt}.object-popup button{min-width:29px;cursor:pointer}.object-popup label{display:flex;align-items:center;gap:3px;color:#777;font:9px Arial}.object-popup label input{width:45px;padding:3px}.object-popup input[type=color]{width:31px;padding:2px}.object-popup select{width:100px}.object-popup .link-input{width:130px;padding:5px}.blank-page{position:relative;min-height:100vh;padding-top:86px;background-color:#0b0d0f;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:24px 24px;display:grid;place-items:center;text-align:center}.blank-page>div{pointer-events:none;color:#555}.blank-page small{color:#8b6b32;letter-spacing:4px}.blank-page h1{font:600 45px Prompt;margin:10px}.blank-page p{font-size:12px}.layers-popup{display:none;position:fixed;z-index:90;left:65px;top:25%;width:280px;max-height:55vh;overflow:auto;background:#15171a;border:1px solid #383b3f;box-shadow:0 15px 50px #000}.layers-popup.open{display:block}.layers-popup header{padding:12px;color:#999;font:10px Chakra Petch;letter-spacing:2px;border-bottom:1px solid #333}.layers-popup header button{float:right;background:none;border:0;color:#aaa}.layers-popup>button{width:100%;display:flex;gap:10px;border:0;border-bottom:1px solid #292c2f;background:#111315;color:#ddd;padding:10px;text-align:left;cursor:pointer}.layers-popup>button b{color:var(--gold);font:9px Chakra Petch;text-transform:uppercase}.layers-popup>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:10px Prompt}
@media(max-width:650px){.ps-tools{left:50%;top:auto;bottom:8px;transform:translateX(-50%);width:auto;display:flex}.object-popup{max-width:calc(100% - 12px);overflow-x:auto}.editor-top{display:none}}

.native-edit-hint{position:fixed;z-index:100;background:#1b1d20;border:1px solid #4fa5ff;color:#dcecff;padding:7px 10px;border-radius:4px;font:10px Prompt;box-shadow:0 8px 25px #000}
.canvas-admin .topbar{z-index:30}
.topbar{z-index:100!important}.topbar .mega{z-index:101}.builder-canvas{z-index:25}.save-dock,.editor-top,.ps-tools,.object-popup,.layers-popup{isolation:isolate}
.native-edit-hint{display:flex;gap:6px;width:320px;padding:7px}.native-edit-hint textarea{width:255px;min-height:62px;resize:vertical;background:#0d1013;border:1px solid #4fa5ff;color:#fff;padding:8px;font:12px Prompt;outline:0}.native-edit-hint button{border:0;background:#4fa5ff;color:#07101a;padding:0 10px;font:600 10px Prompt;cursor:pointer}.object-popup .content-input{width:150px;padding:5px}
.native-edit-hint.compact{display:block;width:auto;padding:6px 9px;pointer-events:none}.admin-edit-mode [data-edit-key].native-editing{outline:2px solid #4fa5ff!important;background:#0b0d0edb}
.native-edit-hint.compact:has(.native-link-input){display:flex;align-items:center;gap:8px;pointer-events:auto}.native-link-input{width:210px;height:28px;background:#0d1013;border:1px solid #4fa5ff;color:#fff;padding:5px 8px;font:10px Prompt;outline:0}
.layers-popup header{display:flex;align-items:center;justify-content:space-between}.layers-popup header span{display:flex;align-items:center;gap:9px}.layers-popup header small{font:8px Prompt;letter-spacing:0;color:#666}.layers-popup header>button{float:none;cursor:pointer}.layer-list{display:grid}.layer-row{display:grid;grid-template-columns:18px 40px 1fr 25px 25px 25px;align-items:center;gap:5px;min-height:39px;padding:6px 8px;border-bottom:1px solid #292c2f;background:#111315;color:#ddd;cursor:default}.layer-row:hover,.layer-row.selected{background:#20242a}.layer-row.dragging{opacity:.45;border:1px dashed var(--gold)}.layer-row>i{color:#666;font-style:normal;cursor:grab}.layer-row>b{color:var(--gold);font:8px Chakra Petch;text-transform:uppercase}.layer-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:10px Prompt}.layer-row>button{height:25px;border:1px solid #34383c;background:#171a1d;color:#aaa;cursor:pointer}.layer-row>button:hover{border-color:var(--gold);color:var(--gold)}
.builder-canvas a.canvas-object{text-decoration:none;cursor:pointer}.builder-canvas a.object-text:hover,.builder-canvas a.object-button:hover{filter:brightness(1.18)}.object-marker:after{content:'';position:absolute;inset:-5px;border:1px solid currentColor;border-radius:50%;opacity:.35}
.editable-logo{cursor:move;outline:1px dashed transparent;outline-offset:2px}.editable-logo:hover{outline-color:#4fa5ff}.logo-popup{position:fixed;z-index:120;display:flex;gap:5px;padding:5px;background:#1b1d20;border:1px solid #3d4145;border-radius:5px;box-shadow:0 8px 30px #000}.logo-popup label{display:flex;align-items:center;gap:3px;color:#777;font:9px Arial}.logo-popup input{width:48px;height:28px;background:#101215;border:1px solid #393d41;color:#ddd;padding:4px}.logo-popup button{width:28px;border:1px solid #493138;background:#211417;color:#df7b84;cursor:pointer}
.height-popup{position:fixed;z-index:110;width:190px;padding:12px;background:#1b1d20;border:1px solid #3d4145;border-radius:5px;box-shadow:0 8px 30px #000}.height-popup label{display:block;color:#aaa;font:10px Prompt}.height-popup input{display:block;width:100%;height:34px;margin-top:7px;background:#101215;border:1px solid #393d41;color:#fff;padding:6px}.height-popup>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.height-popup button{height:30px;border:1px solid #4f4128;background:#d8a84d0d;color:var(--gold);font:10px Prompt;cursor:pointer}
html{scrollbar-width:thin;scrollbar-color:#9a702f #080a0c}*{scrollbar-width:thin;scrollbar-color:#715329 #101316}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:#080a0c;border-left:1px solid #252016}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d8a84d,#765126);border:3px solid #080a0c;border-radius:10px;min-height:45px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#efc66f,#a87931)}::-webkit-scrollbar-corner{background:#080a0c}.layers-popup::-webkit-scrollbar-track,.menu-rows::-webkit-scrollbar-track,.design-panel::-webkit-scrollbar-track{background:#101316}
.editable-hero-logo{cursor:move;outline:1px dashed transparent;outline-offset:4px}
.editable-hero-logo:hover{outline-color:#4fa5ff}
.site-search-modal{position:fixed;z-index:500;inset:0;background:#020304d9;backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:flex-start;padding:105px 20px 30px}.site-search-box{width:min(680px,100%);background:#0c0f12;border:1px solid var(--line);box-shadow:0 30px 100px #000}.site-search-box header{height:66px;display:flex;align-items:center;border-bottom:1px solid #ffffff12;padding:0 18px;gap:13px}.site-search-box header svg{width:22px;fill:none;stroke:var(--gold);stroke-width:2}.site-search-box input{flex:1;height:100%;border:0;outline:0;background:transparent;color:#fff;font:14px Prompt}.site-search-box header button{border:0;background:none;color:#888;font-size:27px;cursor:pointer}.site-search-results{max-height:min(520px,65vh);overflow:auto;padding:8px}.site-search-results>p{padding:28px;text-align:center;color:#777;font-size:12px}.site-search-results a{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid #ffffff0b;transition:.2s}.site-search-results a:hover{background:#d8a84d12;color:var(--gold)}.site-search-results small{color:#80745e;font-size:9px;letter-spacing:1px}.site-search-results span{font-size:13px}.site-search-results .result-arrow{position:relative;display:block;width:18px;height:14px;transition:.2s}.result-arrow:before{content:"";position:absolute;left:1px;right:2px;top:6px;height:1px;background:var(--gold)}.result-arrow:after{content:"";position:absolute;right:2px;top:3px;width:6px;height:6px;border-top:1px solid var(--gold);border-right:1px solid var(--gold);transform:rotate(45deg)}.site-search-results a:hover .result-arrow{transform:translateX(4px)}.search-focus-hit{position:relative;z-index:10;outline:1px solid var(--gold);outline-offset:10px;background:#d8a84d18!important;box-shadow:0 0 35px #d8a84d35;transition:.35s}
.menu-dialog>header p{margin:6px 0 0;color:#777;font-size:10px}.main-row{grid-template-columns:25px 1fr .6fr auto 35px 35px}.sub-rows>div{grid-template-columns:25px 1fr .6fr 35px 35px}.drag-main,.drag-child{cursor:grab;user-select:none;font-size:17px;text-align:center}.drag-main:active,.drag-child:active{cursor:grabbing}.menu-rows .dragging{opacity:.35}.menu-rows article.drag-over,.sub-rows.drag-over{outline:1px solid var(--gold);outline-offset:-2px;background:#d8a84d0a}.menu-rows [data-copy],.menu-rows [data-copy-child]{font-size:16px;padding:6px}
.lasso-preview{position:absolute;inset:0;width:100%;height:100%;z-index:100000;pointer-events:none;overflow:visible}.lasso-preview polyline{fill:#d8a84d22;stroke:#fff;stroke-width:1.5;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}

.layer-row>.layer-action{width:25px;height:25px;padding:0;display:grid;place-items:center;position:relative}.layer-action i{display:block;position:relative;margin:0!important;font-style:normal}.layer-action.up i,.layer-action.down i{width:7px;height:7px;border-left:1px solid currentColor;border-top:1px solid currentColor}.layer-action.up i{transform:translateY(2px) rotate(45deg)}.layer-action.down i{transform:translateY(-2px) rotate(225deg)}.layer-action.copy i{width:9px;height:9px;border:1px solid currentColor;transform:translate(2px,2px)}.layer-action.copy i:before{content:"";position:absolute;width:7px;height:7px;border:1px solid currentColor;left:-4px;top:-4px;background:#171a1d}
.object-popup .align-select{width:68px}.object-popup .format-toggle{font-family:Arial;font-size:13px}.object-popup .format-toggle.active{background:var(--gold);border-color:var(--gold);color:#090a0b}.object-popup .format-toggle i{font-family:Georgia}.object-popup .format-toggle u{text-underline-offset:2px}
.builder-canvas.crosshair .canvas-object.selected{outline:none!important}.builder-canvas.crosshair .canvas-object.selected>.resize-handle{display:none}
.canvas-object .rich-range-active{background:#267ee8!important;color:#fff;box-shadow:0 0 0 1px #66a7f5}
.builder-canvas.image-drop-ready{outline:2px dashed var(--gold);outline-offset:-12px;background:#d8a84d12}.builder-canvas.image-drop-ready:after{content:"วางรูปเพื่ออัปโหลด";position:fixed;z-index:100001;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px 24px;background:#101316;border:1px solid var(--gold);color:var(--gold);font:600 13px Prompt;box-shadow:0 20px 60px #000;pointer-events:none}
.builder-canvas.crosshair.drawing-text .canvas-object.selected{outline:1px dashed #4fa5ff!important;background:#4fa5ff0b}.builder-canvas.crosshair.drawing-text .canvas-object.selected:after{content:"";position:absolute;inset:0;border:1px solid #4fa5ff55;pointer-events:none}
.canvas-rulers{position:fixed;z-index:75;inset:0;pointer-events:none;font:8px Arial;color:#777}.ruler-corner,.ruler,.guide-actions{pointer-events:auto}.ruler-corner{position:absolute;left:0;top:86px;width:22px;height:22px;background:#202328;border:1px solid #42464c;display:grid;place-items:center;color:var(--gold)}.ruler{position:absolute;background-color:#202328;border-color:#42464c;cursor:grab}.ruler:active{cursor:grabbing}.ruler-x{left:22px;right:0;top:86px;height:22px;border-top:1px solid #42464c;border-bottom:1px solid #42464c;background-image:repeating-linear-gradient(90deg,transparent 0 9px,#696d72 9px 10px,transparent 10px 49px,#a0a3a7 49px 50px)}.ruler-y{left:0;top:108px;bottom:0;width:22px;border-left:1px solid #42464c;border-right:1px solid #42464c;background-image:repeating-linear-gradient(180deg,transparent 0 9px,#696d72 9px 10px,transparent 10px 49px,#a0a3a7 49px 50px)}.guide-actions{position:absolute;right:12px;top:112px;display:flex;gap:4px}.guide-actions button{height:25px;border:1px solid #42464c;background:#171a1e;color:#999;font:9px Prompt;padding:0 8px;cursor:pointer}.guide-actions button:hover,.guide-actions button.active{border-color:var(--gold);color:var(--gold)}.canvas-guide{position:absolute!important;display:block!important;z-index:99990!important;pointer-events:auto!important;background:#25a7ff!important;box-shadow:0 0 3px #25a7ff;cursor:move}.guide-x{top:0;bottom:0;width:1px}.guide-y{left:0;right:0;height:1px}.canvas-guide:hover{background:#ff4fd8!important;box-shadow:0 0 4px #ff4fd8}.builder-canvas.guides-hidden .canvas-guide{display:none!important}
.canvas-rulers.rulers-hidden .ruler,.canvas-rulers.rulers-hidden .ruler-corner{display:none}.guide-actions{position:fixed;left:65px;right:auto;top:50%;transform:translateY(105px);width:150px;padding:7px;background:#15171a;border:1px solid #3b3f44;box-shadow:0 12px 35px #000;display:none;grid-template-columns:1fr;gap:4px}.guide-actions.open{display:grid}.guide-actions header{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 5px;color:#888;letter-spacing:2px;border-bottom:1px solid #30343a}.guide-actions header button{width:22px!important;padding:0!important;border:0!important;background:transparent!important;font-size:16px!important}.guide-actions>button{width:100%;height:29px;text-align:left}.guide-actions>button.active{background:#d8a84d18}
.canvas-rulers{display:none}.canvas-admin .canvas-rulers{display:block}
.canvas-admin .editor-top{top:116px}
.object-youtube{background:#050607;overflow:hidden}.object-youtube iframe{display:block;width:100%;height:100%;border:0;pointer-events:auto}.canvas-admin .object-youtube iframe{pointer-events:none}.canvas-admin .object-youtube:after{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#000a;border:2px solid #fff;color:#fff;font:20px Arial;pointer-events:none}.object-popup .youtube-input{width:245px;padding:5px}
.video-placeholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:8px;background:#171a1e;color:#aaa}.video-placeholder b{font:28px Arial;color:var(--gold)}.video-placeholder span{font-size:10px}.builder-canvas.crosshair.drawing-video .canvas-object.selected{outline:1px dashed #ff3d3d!important;background:#ff3d3d0d}.builder-canvas.crosshair.drawing-video .canvas-object.selected>.resize-handle{display:none}
.object-youtube video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.canvas-admin .object-youtube video{pointer-events:none}.discord-embed-link{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:8px;background:linear-gradient(135deg,#5865f2,#27318b);color:#fff;pointer-events:auto}.discord-embed-link b{font:700 24px Arial}.discord-embed-link span{font-size:11px}.canvas-admin .discord-embed-link{pointer-events:none}
.remote-admin-cursor{--cursor-color:#55aaff;position:absolute;z-index:1000000;left:0;top:0;width:0;height:0;pointer-events:none;opacity:0;transition:transform .06s linear,opacity .2s}.remote-admin-cursor[data-visible=true]{opacity:1}.remote-admin-cursor i{position:absolute;left:-2px;top:-2px;width:16px;height:20px;background:var(--cursor-color);clip-path:polygon(0 0,100% 70%,55% 73%,38% 100%)}.remote-admin-cursor span{position:absolute;left:12px;top:15px;white-space:nowrap;padding:3px 7px;border-radius:3px;background:var(--cursor-color);color:#080a0c;font:700 9px Prompt;box-shadow:0 3px 12px #0008}
.zoom-control{position:fixed;z-index:90;right:14px;bottom:14px;height:42px;display:flex;align-items:center;gap:5px;padding:5px 7px 5px 12px;background:#1b1e22;border:1px solid #3d4146;box-shadow:0 8px 30px #000;color:#ddd}.zoom-control span{font:11px Prompt;margin-right:18px}.zoom-control button{width:31px;height:30px;border:0;background:transparent;color:#aaa;font-size:19px;cursor:pointer}.zoom-control button:hover{background:#30343a;color:#fff}.zoom-control b{min-width:48px;text-align:center;font:600 11px Arial;color:#fff}.zoom-control [data-zoom-fit]{border-left:1px solid #3c4045;margin-left:4px}
.canvas-object[contenteditable="true"]{white-space:pre-wrap;overflow:visible}
.object-text,.object-button{white-space:pre-wrap;overflow-wrap:break-word}
.object-text{display:block;overflow:visible;line-height:normal}
.object-text .text-line,.object-button .text-line{display:block;width:100%;min-height:1em}
.selection-marquee{position:absolute!important;z-index:100000!important;border:1px solid #4fa5ff!important;background:#4fa5ff20!important;box-shadow:0 0 0 1px #0b0d0f80;pointer-events:none!important}
.marquee-selecting,.marquee-selecting *{user-select:none!important}.marquee-selecting{cursor:crosshair}
.drawing-text-box,.drawing-text-box *{user-select:none!important;-webkit-user-select:none!important}
.shape-picker{position:fixed;z-index:130;width:170px;padding:5px;background:#202226;border:1px solid #4a4d52;box-shadow:0 12px 35px #000;display:grid;gap:2px}.shape-picker button{height:30px;border:0;background:transparent;color:#ddd;text-align:left;padding:0 10px;font:11px Arial;cursor:pointer}.shape-picker button b{display:inline-block;width:26px;color:#ddd;font-size:17px}.shape-picker button:hover,.shape-picker button.active{background:#3a3d42;color:#fff}.object-shape svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.object-shape svg *{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.rotate-handle{display:none;position:absolute!important;z-index:20;top:50%;width:24px;height:24px;margin-top:-12px;border:1px solid #4fa5ff;border-radius:50%;background:#111820;color:#72b8ff;font:16px/22px Arial;text-align:center;cursor:grab;box-shadow:0 3px 12px #000;user-select:none}.rotate-handle:active{cursor:grabbing}.rotate-left{left:-36px}.rotate-right{right:-36px}.shift-transform .canvas-object.selected>.rotate-handle{display:block}
.canvas-object{transform-origin:50% 50%}
@font-face{font-family:"Conthrax";src:url('/assets/conthrax.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
.object-popup{overflow-x:auto;overflow-y:hidden;white-space:nowrap}