/* Sultan atelier: warm metal, architectural depth and a readable control desk. */
:root{--accent:#d9b57d;--accent2:#f1d4a7;--muted:#a0b0c4;--line:#ffffff10;--line2:#ffffff1c}.dashboard{background:#0d121a}.dashboard .sidebar{background:#111923;border-left:1px solid #ffffff10;width:278px;padding:26px 18px 15px}.dashboard .dashboard-main{margin-right:278px}.dashboard .brand>span{letter-spacing:-.6px}.dashboard .workspace-switch{background:linear-gradient(135deg,#e0c08813,#ffffff04);border-color:#d9b57d25;padding:15px 11px}.dashboard .workspace-avatar{background:#d9b57d1c;color:#edcc97;border:1px solid #d9b57d30}.dashboard .workspace-switch small{font-size:9px}.dashboard .nav-label{font-size:9px;letter-spacing:.5px;color:#75879c;margin-top:24px}.dashboard .sidebar nav>a{padding:11px 13px;font-size:12px;gap:12px;color:#a6b5c8;border:1px solid transparent}.dashboard .sidebar nav>a>i{color:#8298b3;width:17px}.dashboard .sidebar nav>a.active{background:linear-gradient(90deg,#d9b57d08,#d9b57d18);border-color:#d9b57d22;color:#f4d6a5}.dashboard .sidebar nav>a.active>i{color:#e6c48f}.dashboard .nav-badge{background:#d9b57d20;color:#efd1a1}.dashboard .topbar{background:#101721dd;border-bottom:1px solid #ffffff0c;height:82px}.dashboard .page-heading{margin-bottom:30px}.dashboard .page-heading h1{font-size:32px;letter-spacing:-1px}.dashboard .eyebrow{color:#c6ab7f;font-size:9px;letter-spacing:2px}.dashboard .page-heading p:not(.eyebrow){color:#91a3bc}.dashboard .panel,.dashboard .stat{background:#141d29;border-color:#ffffff0c;border-radius:15px;box-shadow:0 8px 28px #00000012}.dashboard .stat{padding:25px;background:linear-gradient(145deg,#1c2938,#121a26)}.dashboard .stat strong{font-size:39px;font-weight:700;letter-spacing:-1px}.dashboard .stat-icon{color:#e1bd84;background:#d9b57d0f;border:1px solid #d9b57d22;border-radius:12px}.dashboard .stat small{color:#95a8c2;font-size:10px}.dashboard .studio-promo{background:linear-gradient(120deg,#202b37,#141e2b);border:1px solid #d9b57d25;border-radius:17px;position:relative;overflow:hidden;padding:35px}.dashboard .studio-promo:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #d9b57d15;border-radius:50%;left:-50px;top:-40px;pointer-events:none}.dashboard .studio-promo h2{font-size:25px}.dashboard .code-art{color:#d9b57d38;background:none;transform:rotate(-8deg)}.dashboard button.primary,.dashboard .button.primary{background:#d9b57d;border-color:#d9b57d;color:#131b26;box-shadow:0 4px 17px #d9b57d13;font-weight:800}.dashboard button.primary:hover,.dashboard .button.primary:hover{background:#f0d1a0;border-color:#f0d1a0}.dashboard .quick-link{padding:19px 0}.dashboard .quick-link>i{color:#dab982;background:#d9b57d0f;border:1px solid #d9b57d19}.dashboard .panel-head{border-color:#ffffff0b}.dashboard input,.dashboard select,.dashboard textarea{background:#0d151f;border-color:#ffffff1c}.dashboard .studio-tabs button.active{color:#efd1a1;border-bottom-color:#d9b57d}.dashboard .project-item.active{background:#d9b57d0e;border-color:#d9b57d2b}.dashboard .project-item>i{color:#e7c48f;background:#d9b57d13}.original-workspace{background:#10151d;border:1px solid #ffffff12;border-radius:15px;overflow:hidden}.original-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#17212e;padding:18px 24px;border-bottom:1px solid #ffffff0e}.original-toolbar>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.original-toolbar b{font-size:12px;color:#ead2ad}.original-toolbar small{font-size:10px;color:#91a5bf}.original-toolbar .button{font-size:10px}.original-frame{display:block;width:100%;height:900px;min-height:700px;border:0;background:transparent}.original-license-note{display:flex;gap:13px;background:#d9b57d0b;border-color:#d9b57d2d;color:#d7c3a0}.original-license-note>i{font-size:25px;color:#d9b57d;margin-top:5px}.original-license-note b{color:#eed5af}.original-license-note p{margin:4px 0 0;font-size:11px;line-height:1.9}
.storefront{background:#0c1119}.storefront .store-topline{background:#111a26;border-color:#ffffff0b;color:#b6a58b;letter-spacing:.3px}.storefront .store-topline a{color:#b9ac98}.storefront .store-header{background:#0d141fe8;border-color:#ffffff0b;backdrop-filter:blur(22px)}.storefront .store-navigation a{color:#adbacb}.storefront .store-navigation a.active:after{background:#d9b57d}.storefront .brand>span{color:#f5f3ec}.storefront .discord-login{background:#d9b57d;color:#19212d;border-color:#d9b57d;font-weight:800;box-shadow:0 7px 20px #d9b57d11}.storefront .discord-login i{color:#19212d}.storefront .hero-copy h1{font-size:clamp(46px,5.2vw,78px);line-height:1.45;letter-spacing:-2px}.storefront .hero-copy h1 span{background:linear-gradient(120deg,#f3ddba,#cba068);background-clip:text;-webkit-background-clip:text;color:transparent}.storefront .hero-copy>p:not(.hero-pretitle){font-size:14px;color:#a5b4c9;line-height:2.25}.storefront .hero-pretitle{color:#c2aa87;font-size:10px;letter-spacing:.6px}.storefront .store-hero{gap:30px;min-height:620px;padding-top:55px;padding-bottom:55px}.storefront .hero-visual{height:510px;isolation:isolate;perspective:1200px}.sultan-city{position:absolute;inset:0 -35px 0 0;background:url('/assets/sultan-studio/city.svg') center/contain no-repeat;transform:rotate(-3deg);opacity:.94;z-index:-1;filter:drop-shadow(0 25px 50px #0005)}.storefront .hero-orbit{display:none}.storefront .hero-core{width:195px;height:195px;top:43%;left:43%;border-radius:25px;transform:translate(-50%,-50%) rotate(-9deg);background:linear-gradient(140deg,#29394c,#131f2e);border:1px solid #d9b57d66;box-shadow:0 25px 80px #0008,inset 0 1px #ffffff20}.storefront .hero-core img{height:142px;width:142px;filter:drop-shadow(0 7px 15px #0007)}.storefront .visual-tag{background:#152130ed;border-color:#d9b57d33;box-shadow:0 15px 45px #0005}.storefront .tag-a{right:-3px;top:49px;transform:rotate(5deg)}.storefront .tag-b{left:2px;bottom:65px;transform:rotate(-5deg)}.storefront .tag-c{bottom:14px;right:18px;color:#d8bd93}.storefront .visual-coordinate{color:#ac987b;font-size:8px;letter-spacing:2px;left:18px;top:20px}.storefront .button.primary{background:#d9b57d;color:#131b26;border-color:#d9b57d;box-shadow:0 7px 25px #d9b57d1a;font-weight:800}.storefront .button.primary:hover{background:#f0d1a0;border-color:#f0d1a0}.storefront .hero-caption{color:#8298b3}.storefront .category-strip{border:1px solid #ffffff13;background:#141e2c;border-radius:14px;box-shadow:0 12px 40px #0002}.storefront .category-strip>a{padding:25px 29px}.storefront .category-strip>a>i:first-child{background:#d9b57d0f;color:#dbbc8e;border:1px solid #d9b57d20;border-radius:12px}.storefront .collection{padding-top:75px}.storefront .collection-heading h2{font-size:32px;letter-spacing:-1px}.storefront .collection-heading h2 span{color:#b7a58b}.storefront .eyebrow{color:#bda27b}.storefront .store-filters button.active{background:#d9b57d1a;border-color:#d9b57d33;color:#e7cfaa}.storefront .collection-search .search,.storefront .collection-search select{background:#141e2b;border-color:#ffffff17}.storefront .product-card{background:#141e2b;border:1px solid #ffffff10;border-radius:15px;box-shadow:0 12px 40px #0002}.storefront .product-card:hover{border-color:#d9b57d50;transform:translateY(-5px)}.storefront .product-content h3{font-size:22px;letter-spacing:-.6px}.storefront .product-description{font-size:12px;line-height:1.9;color:#a0b0c6}.storefront .product-bottom strong{color:#e6c798}.storefront .product-details{background:#d9b57d12;border-color:#d9b57d20;color:#dcc199}.storefront .store-empty{padding:35px 25px;border:1px solid #ffffff0c;background:linear-gradient(135deg,#17212d,#101824);min-height:230px;border-radius:15px}.storefront .empty-orbit{width:47px;height:47px;font-size:21px;margin-bottom:15px;background:#d9b57d0c;color:#d6b989;border-color:#d9b57d22}.storefront .store-empty h3{font-size:21px}.storefront .store-story{padding-block:85px;gap:65px}.storefront .store-story h2{font-size:40px;line-height:1.55}.storefront .store-story h2 span{color:#bba78a}.storefront .story-steps article{background:#141e2b;border-color:#ffffff10;padding:23px 24px;border-radius:12px}.storefront .story-steps article>span{color:#bfa27b;font-size:21px}.storefront .story-steps i{color:#bfa27b}.storefront .community-banner{background:linear-gradient(110deg,#28323c,#141e2b);border-color:#d9b57d30;padding:42px;border-radius:17px}.storefront .community-banner h2{font-size:32px}.storefront .store-footer{border-color:#ffffff0b}.storefront .library-card{background:#141e2b;border-color:#ffffff12;border-radius:15px}
@media(max-width:1200px){.dashboard .sidebar{width:240px}.dashboard .dashboard-main{margin-right:240px}.storefront .hero-copy h1{font-size:58px}.storefront .store-hero{min-height:560px}.storefront .hero-visual{height:450px}}@media(max-width:960px){.storefront .store-hero{padding-top:35px;gap:5px}.storefront .hero-visual{height:390px;max-width:530px;margin:auto}.storefront .hero-copy h1{font-size:58px}.storefront .sultan-city{inset:0}.storefront .tag-a{right:0}.storefront .tag-b{left:0}.storefront .store-story{gap:30px}}@media(max-width:720px){.dashboard .sidebar{width:275px}.dashboard .dashboard-main{margin-right:0}.dashboard .topbar{height:65px}.dashboard .page-heading h1{font-size:26px}.dashboard .stat{padding:18px}.dashboard .stat strong{font-size:30px}.dashboard .studio-promo{padding:23px}.dashboard .studio-promo h2{font-size:21px}.original-toolbar{padding:15px}.original-toolbar small{display:none}.original-toolbar .button{font-size:9px}.storefront .store-story h2{font-size:32px}.storefront .community-banner h2{font-size:27px}}@media(max-width:480px){.storefront .hero-copy h1{font-size:43px;line-height:1.5;letter-spacing:-1.5px}.storefront .hero-copy>p:not(.hero-pretitle){font-size:12px}.storefront .hero-pretitle{font-size:8px;letter-spacing:.1px}.storefront .hero-visual{height:310px;margin-block:5px;transform:none;width:100%;overflow:clip}.storefront .hero-core{width:144px;height:144px}.storefront .hero-core img{width:108px;height:108px}.storefront .visual-tag{padding:11px}.storefront .tag-a{right:0;top:25px}.storefront .tag-b{left:0;bottom:25px}.storefront .tag-c{display:none}.storefront .visual-coordinate{font-size:6px;left:8px;top:8px}.storefront .category-strip>a{padding:19px 22px}.storefront .collection{padding-top:48px}.storefront .collection-heading h2{font-size:24px}.storefront .store-empty{padding:30px 18px}.storefront .store-story{padding-block:55px}.storefront .store-story h2{font-size:29px}.storefront .community-banner{padding:25px}.storefront .community-banner h2{font-size:24px}.dashboard .original-toolbar>div{gap:7px}.dashboard .original-toolbar b{font-size:11px}}
