@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#151717;--panel:#1e2221;--line:#343a37;--muted:#a3aca6;--text:#f2f3ee;--lime:#d4f76b;--pink:#c4b0f5;--font:Inter,Arial,sans-serif;--display:Inter,Arial,sans-serif}
body{font-size:14px;line-height:1.65}h1,h2,h3{font-weight:700;letter-spacing:-.7px}.platform-header{height:90px;padding:0 max(30px,calc((100vw - 1250px)/2));display:flex;align-items:center;gap:38px;border-bottom:1px solid var(--line)}.brand{font:800 26px var(--font);letter-spacing:-1.4px;gap:8px}.brand svg{width:33px;height:33px;color:var(--lime)}.brand>span{color:var(--lime);margin-left:-7px}.platform-header nav{display:flex;gap:5px;margin:auto}.platform-header nav a{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;font-weight:500;padding:9px 12px;border-radius:8px;color:var(--muted)}.platform-header nav a.active{color:var(--lime);background:#293124}.platform-header nav a:hover{background:#252b27;color:var(--text)}.platform-header nav svg,.search svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:17px}.account-chip{padding:0}.account-chip .avatar{width:34px;height:34px;background:var(--pink)}.app-shell{margin-left:0}.topbar{max-width:1250px;margin:auto;height:73px;padding:0 30px;border:0;gap:20px}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:0;color:#a6b2a7}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--lime)}.search{margin-left:auto;margin-right:0;width:335px;background:#202523;border-color:#353c38;border-radius:9px;padding:9px 12px}.search input{font-size:11px}.search kbd{border-color:#465046}main{max-width:1250px;padding:7px 30px 55px;min-height:calc(100vh - 230px)}.primary{border-radius:9px;font-weight:600;font-size:12px}.primary:hover{background:#e1ff89}.secondary{background:#242b26;border-color:#3d4940;border-radius:9px}.secondary:hover{background:#313c30}.text-button{font-size:12px}.page-heading{margin:11px 0 27px}.page-heading h1{font-size:39px;font-weight:800;letter-spacing:-1.5px}.page-heading p{font-size:13px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.1px}.layout{grid-template-columns:minmax(0,1fr) 274px;gap:27px}.hero{background:radial-gradient(#79894450 .8px,transparent .8px) 0 0/13px 13px,var(--lime);border-radius:17px;padding:31px 33px;min-height:273px}.hero h2{font-size:47px;font-weight:800;line-height:1.04;letter-spacing:-2.3px;margin:13px 0 16px}.hero p{font-size:13px;color:#4b5c35}.hero button{font-weight:600;font-size:12px;border-radius:8px;padding:11px 15px}.hero .eyebrow{font-size:9px;font-weight:700}.hero-art{width:205px;transform:none;margin:0;height:180px}.art-window{width:171px;height:130px;left:14px;top:33px;background:#f6f4e9;border-color:#33412a;transform:rotate(-8deg);box-shadow:7px 9px 0 #51632d40}.art-bar{height:25px}.art-code{font-size:12px}.art-sticker{background:var(--pink);border-color:#594867;width:70px;height:70px;right:-6px;top:0}.art-label{bottom:0;right:0;font-size:9px;padding:6px 9px}.feed-toolbar{margin-top:27px}.tabs button{font-size:13px}.filter select{font-size:12px}.build-card{border-radius:14px;transition:transform .18s,border-color .18s}.build-card:hover{border-color:#7b8b5f;transform:translateY(-2px)}.project-visual{height:216px;padding:23px}.mock-window{height:154px;width:87%;border-radius:8px}.mock-top{height:24px}.mock-body{padding:18px}.mock-body h3{font-size:21px}.mock-top small{font-size:7px}.mock-caption{font-size:8px}.mock-pill{font-size:7px}.orbit-caption{font-size:10px}.visual-tag{font-size:8px;border-radius:5px}.build-content{padding:19px 21px 15px}.maker-line{font-size:11px;margin-bottom:12px}.maker-line .posted{font-size:10px}.build-content h3{font-size:20px;font-weight:700;line-height:1.4;margin-bottom:7px}.build-content>p{font-size:12px;color:#aab6aa;line-height:1.65}.tag{font-size:9px;border-color:#3b4833;background:#293024}.build-actions{border-color:var(--line);padding-top:13px;margin-top:18px}.build-actions button{font-size:11px}.rail-card{border-radius:14px;background:#202522;padding:21px}.rail-title h3{font-size:16px}.rail-title>span{font-size:9px;letter-spacing:.2px}.featured-preview{border-radius:9px;height:171px}.mini-profile{background:radial-gradient(#c4b0f53b .8px,transparent .8px) 0 0/12px 12px,#2b2539;border:0;color:#dfd0ff;padding:16px;font-family:var(--font)}.mini-profile .mini-title{font-size:27px;font-weight:800;letter-spacing:-1.2px;font-style:normal}.mini-profile .mini-status{font:9px var(--font);color:#b9accb}.mini-profile .mini-stars{font-size:26px;color:var(--lime);letter-spacing:4px}.mini-profile .mini-boxes{margin-top:12px}.mini-boxes div{border-color:#66577b;background:#443750;font:8px var(--font);padding:8px}.featured-maker strong,.person-info strong{font-size:12px}.featured-maker small,.person-info small{font-size:10px;color:var(--muted)}.rail-card>p{font-size:12px}.follow{font-size:10px;border-radius:6px}.manifesto h3{font-size:22px}.manifesto p{font-size:12px}.manifesto small{font-size:9px;letter-spacing:.8px}.community-note{font-size:10px}.explore-tags button{font-size:12px}.empty{border-color:#475540;border-radius:14px;padding:43px 20px}.empty h2{font-size:25px}.empty p{font-size:13px}.profile-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px}.profile-crumbs{font-size:12px;color:var(--muted)}.profile-crumbs strong{font-weight:500;color:#d7ded4}.profile-crumbs span{margin:0 10px;color:#54604e}.profile-frame{height:950px;background:transparent;border:0;border-radius:0;display:block;overflow:hidden}.profile-build-heading{border-top:1px solid var(--line);padding-top:24px;margin:30px 0 20px}.profile-build-heading h2{font-size:25px}.profile-build-heading span{font-size:11px}.profile-social{max-width:800px}.comment{background:#242c26;font-size:12px}.comment strong{font-size:11px}.comment-form input{font-size:12px;border-color:#455340;background:#1a211b;border-radius:8px}.validation-note{font-size:12px}footer{max-width:1190px;margin:auto;padding:20px 0;font-size:11px}footer span{color:#889687;font-size:10px}footer .footer-brand{color:#b5c1ac;font-size:11px}dialog{background:#1c211e;border-color:#465143;border-radius:15px}.modal-header h2{font-size:25px}.modal-header p{font-size:12px}.field{font-size:12px}.field input,.field textarea,.field select{font-size:13px;border-radius:7px}.field small,.modal-footer>small,.editor-help{font-size:11px}.editor-toolbar{background:#242d24}.editor-toolbar button,.editor-toolbar label,.editor-toolbar span{font-size:11px}.editor-grid{height:440px}.pane-label{font-size:10px;letter-spacing:.6px}.code-pane textarea{font-size:12px;line-height:1.7;background:#151c15}.preview-pane{background:#2e372e}.preview-pane iframe{background:var(--bg)}#toast{left:50%;max-width:calc(100vw - 40px)}
@media(min-width:1500px){.layout{grid-template-columns:minmax(0,1fr) 274px;gap:27px}.hero h2{font-size:49px}.hero-art{margin-right:0}.project-visual{height:226px}}
@media(max-width:1120px){.platform-header{padding:0 25px;gap:20px}.platform-header nav a{padding:9px;font-size:11px}.header-actions{gap:10px}.layout{grid-template-columns:minmax(0,1fr) 244px;gap:22px}.wide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:28px}.hero h2{font-size:43px}.hero-art{width:170px;margin-left:0}}
@media(max-width:950px){.platform-header{height:80px;gap:20px}.platform-header nav svg{display:none}.account-chip{display:none}.brand{font-size:24px}.platform-header nav a{font-size:11px;padding:8px}.platform-header .compact{font-size:11px;padding:10px}.layout{grid-template-columns:1fr}.rail{display:none}.hero{min-height:270px}.hero h2{font-size:47px}.hero-art{width:210px;position:relative;right:auto;bottom:auto;opacity:1;transform:none;margin:0}.breadcrumb{display:flex}.topbar{height:70px}.page-heading h1{font-size:34px}}
@media(max-width:720px){.platform-header{height:118px;flex-wrap:wrap;align-content:center;justify-content:space-between;gap:12px;padding:12px 20px}.brand{font-size:25px}.brand svg{width:29px;height:29px}.header-actions{margin:0}.platform-header .compact{font-size:11px;padding:9px 12px}.platform-header nav{order:3;margin:0;width:100%;justify-content:space-between;gap:0}.platform-header nav a{font-size:11px;padding:7px 8px;gap:5px}.platform-header nav svg{display:block;width:13px;height:13px}.app-shell{margin-left:0}.topbar{height:69px;padding:0 20px}.breadcrumb{display:none}.search{width:100%;margin:0;padding:10px 12px}.search input{font-size:12px}.search kbd{display:block}main{padding:4px 20px 35px}.page-heading{margin:7px 0 23px}.page-heading h1{font-size:33px}.page-heading p{font-size:12px;max-width:320px}.profile-topline{gap:7px;margin-bottom:16px}.profile-crumbs{font-size:11px}.profile-crumbs span{margin:0 5px}.profile-controls{margin-top:0;flex-wrap:nowrap;gap:6px}.profile-controls button{font-size:11px;padding:9px 11px}.profile-frame{height:1500px}.profile-build-heading h2{font-size:21px}.profile-build-heading span{font-size:10px}.hero{min-height:292px;padding:26px}.hero h2{font-size:43px}.hero p{font-size:12px;max-width:230px}.hero-art{position:absolute;right:-23px;bottom:-18px;opacity:.85;transform:scale(.73);transform-origin:bottom right}.hero .eyebrow{font-size:8px;letter-spacing:.6px}.hero button{margin-top:24px;font-size:11px}.build-grid,.wide-grid{grid-template-columns:1fr}.project-visual{height:226px}.mock-window{height:164px}.build-content h3{font-size:21px}.build-content>p{font-size:13px}.editor-grid{grid-template-columns:1fr;height:auto}.code-pane{height:270px}.preview-pane{height:350px}.editor-details{grid-template-columns:1fr}.modal-header h2{font-size:22px}.modal-footer>small{max-width:185px;font-size:10px}footer{margin:0 20px;padding:20px 0;display:block}footer span{display:block;font-size:10px}.footer-brand{margin-bottom:5px}#toast{left:50%;width:max-content;max-width:calc(100vw - 40px)}}
@media(max-width:390px){.platform-header{padding:12px 14px}.platform-header nav a{padding:7px 5px;font-size:10px}.platform-header nav svg{width:12px}.profile-crumbs{font-size:10px}.profile-controls button{font-size:10px;padding:9px}.hero h2{font-size:39px}}