@import"https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800&display=swap";:root{font-family:Alexandria,Tahoma,sans-serif;color:#292824;background:#f4efe6;font-synthesis:none;text-rendering:optimizeLegibility;--ivory:#f4efe6;--paper:#fbf9f5;--ink:#252525;--gold:#b99a65;--muted:#8c877e;--line:#e7dfd2}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--ivory)}button,input,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh}.demo-ribbon{background:#292824;color:#e9d9b9;text-align:center;font-size:10px;padding:7px;letter-spacing:.2px}.topbar{height:82px;display:flex;align-items:center;gap:34px;padding:0 5.5%;background:#fbf9f5;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;min-width:205px}.brand-mark{width:43px;height:43px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-family:Georgia,serif;font-size:29px;position:relative}.brand-mark:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid #d8c7a7}.brand strong{display:block;font-size:16px;font-weight:700}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.1px;color:#8b7959;margin-top:4px}.brand small i{font-style:normal;color:var(--gold)}.searchbox{margin:auto;max-width:470px;flex:1;height:42px;border:1px solid var(--line);background:#fff;border-radius:5px;display:flex;align-items:center;gap:10px;padding:0 13px;color:#9b958a}.searchbox input{border:0;outline:0;background:none;width:100%;font-size:11px}.top-actions{display:flex;align-items:center;gap:13px}.icon-btn{border:0;background:#f0ece5;color:#514d46;width:36px;height:36px;border-radius:5px;display:inline-grid;place-items:center;position:relative}.count{position:absolute;top:-5px;right:-5px;background:var(--gold);color:#fff;border-radius:20px;font:10px Arial;padding:3px 5px}.avatar{border:0;background:#292824;color:#e7d4ad;border-radius:50%;width:35px;height:35px}.hero{min-height:480px;background:#252525;color:#f7f1e6;padding:65px 9%;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{color:#a78a5c;font-size:10px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px}.hero h1{font-size:39px;line-height:1.55;margin:17px 0 12px;font-weight:600}.hero h1 em{font-style:normal;color:#c7aa78}.hero p{font-size:12px;line-height:2.1;color:#c0b9ad;max-width:440px}.primary-btn,.outline-btn{border:1px solid var(--gold);padding:13px 19px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:600}.primary-btn{background:var(--gold);color:#fff}.primary-btn:hover{background:#a88854}.outline-btn{background:transparent;color:var(--gold)}.hero .primary-btn{margin-top:14px}.hero-note{font-size:10px;color:#a9a194;margin-top:28px}.hero-note span{color:var(--gold);margin-left:7px}.hero-visual{height:360px;position:relative;display:grid;place-items:center}.hero-glow{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#6b5739 0,#25252500 68%)}.frame-art{width:225px;height:290px;padding:13px;background:#b99a65;box-shadow:0 18px 40px #0004;position:relative;margin:auto;transform:rotate(-3deg)}.frame-art:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid #e6d2aa}.art-sky{height:100%;background:linear-gradient(#d8c7a6,#f0dfc1 58%,#7d7663 58%,#343b36);position:relative;overflow:hidden}.sun{position:absolute;width:42px;height:42px;background:#f7edcf;border-radius:50%;top:27px;left:36px}.mountain{position:absolute;bottom:27%;width:150px;height:100px;background:#8b8776;clip-path:polygon(50% 0,100% 100%,0 100%)}.m1{left:-22px}.m2{right:-40px;height:130px;background:#686f61}.art-car{position:absolute;bottom:25%;left:50%;transform:translate(-50%);font-size:76px;filter:drop-shadow(0 8px 3px #1117)}.art-star{position:absolute;top:12px;right:15px;color:#fff5d9;font-size:25px}.floating-tag{position:absolute;bottom:32px;right:2%;background:#f7f2e9;color:#28251f;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #0003}.floating-tag>span{font:17px Georgia;color:var(--gold);border:1px solid var(--gold);padding:7px}.floating-tag b,.floating-tag small{display:block;font-size:10px}.floating-tag small{font-size:9px;color:#8b857a;margin-top:4px}.section{padding:58px 8.5%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section h2,.feature-strip h2,.custom-cta h2{font-size:23px;margin:7px 0 0;font-weight:600}.text-btn{border:0;background:none;color:#92784f;font-size:10px;display:inline-flex;align-items:center;gap:5px}.category-row{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.category-card{background:#fbf9f5;border:1px solid var(--line);padding:22px 12px;text-align:center;color:#333;border-radius:4px;transition:.2s}.category-card:hover,.frame-option:hover{border-color:var(--gold);transform:translateY(-2px)}.category-card span{display:block;font-size:28px;margin-bottom:12px}.category-card b,.category-card small{display:block;font-size:11px}.category-card small{font-size:9px;color:#999186;margin-top:7px}.interest-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.interest-row button{border:1px solid var(--line);background:#f9f6f0;padding:14px;display:flex;align-items:center;gap:12px;text-align:right;font-size:11px;color:#45413b}.interest-row button span{font-size:22px}.interest-row button svg:last-child{margin-right:auto;color:#a38a61}.feature-strip{margin:0 8.5% 60px;background:#e8dfd0;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:35px 7%;gap:20px}.feature-strip p,.custom-cta p{font-size:11px;line-height:2;color:#797166;max-width:390px}.feature-strip .outline-btn{margin-top:10px}.frame-art.wide{width:190px;height:235px;transform:rotate(4deg)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work-grid>div{min-width:0}.work-grid .frame-art{width:100%;height:230px;transform:none;margin-bottom:13px}.work-grid b,.work-grid small{display:block;font-size:11px}.work-grid small{font-size:9px;color:#91897d;margin-top:5px}.work-placeholder{height:230px;background:#ded2bd;display:grid;place-items:center;font-size:68px;position:relative;margin-bottom:13px}.work-placeholder span{position:absolute;bottom:23px;font:18px Georgia;color:#8e7752}.work-placeholder.warm{background:#e6d7bd}.custom-cta{margin:0 8.5% 65px;padding:30px 4%;border-top:1px solid #d9cfbf;border-bottom:1px solid #d9cfbf;display:flex;align-items:center;justify-content:space-between}.site-footer{background:#252525;color:#bdb4a6;padding:28px 8.5%;display:flex;align-items:center;justify-content:space-between}.site-footer .brand strong{color:#f4efe6}.site-footer>span{font:9px Arial;letter-spacing:1px}.site-footer>button{background:none;border:1px solid #6e6048;color:#c6ad7d;padding:9px 13px;font-size:9px}.mobile-nav{display:none}.page-wrap{max-width:1180px;margin:0 auto;padding:34px 28px 70px}.breadcrumb{font-size:10px;color:#928a7e;display:flex;align-items:center;gap:7px;margin-bottom:30px}.breadcrumb svg{width:12px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.page-heading h1{font-size:27px;margin:8px 0;font-weight:600}.page-heading p{font-size:11px;color:#8b8478;margin:0}.step-pill{border:1px solid #d8c8a9;color:#93774a;padding:8px 13px;border-radius:30px;font-size:10px}.frame-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.frame-options{display:grid;gap:12px}.frame-option{background:#fbf9f5;border:1px solid var(--line);padding:18px;display:flex;align-items:center;gap:17px;text-align:right;position:relative;transition:.2s}.frame-option.selected{border:1.5px solid var(--gold);background:#fffdf8}.mini-frame{width:62px;height:78px;border:7px solid #333;box-shadow:inset 0 0 0 1px #b99a65;background:#ded2bd}.mini-frame.عرضي{width:78px;height:60px}.mini-frame.مربع{width:66px;height:66px}.option-copy{display:grid;gap:6px}.option-copy b{font-size:12px}.option-copy small{font-size:10px;color:#928a7f}.option-copy strong{font-size:11px;color:#a08454}.selected-check{margin-right:auto;background:var(--gold);color:#fff;width:23px;height:23px;border-radius:50%;display:grid;place-items:center}.config-card,.details-card{background:#fbf9f5;border:1px solid var(--line);padding:22px}.preview-title,.canvas-toolbar,.admin-card-head{display:flex;justify-content:space-between;align-items:center}.preview-title b{font-size:12px}.preview-title span{font-size:9px;color:#999}.frame-preview{background:#eee8dd;padding:27px;margin:18px 0}.frame-preview .frame-art{width:160px;height:210px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:5px 0 18px}.spec-grid small,.spec-grid b{display:block;font-size:9px;color:#968e82}.spec-grid b{font-size:11px;color:#38342e;margin-top:5px}.info-note{background:#f0eadd;color:#84775f;padding:12px;font-size:9px;line-height:1.9;margin:10px 0 17px}.full{width:100%;margin-top:9px}.compact{padding:9px 13px}.studio-page{max-width:1400px}.studio-shell{display:grid;grid-template-columns:260px minmax(350px,1fr) 220px;gap:12px;align-items:stretch}.studio-panel,.layers-panel{background:#fbf9f5;border:1px solid var(--line);padding:15px;min-height:520px}.panel-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:15px}.panel-title span{font-size:9px;color:#9b9387}.filter-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:13px}.filter-chips button{background:#f1ede5;border:0;padding:6px 9px;font-size:9px;color:#6d665c}.filter-chips button.active{background:#302e29;color:#e6d4af}.piece-list{display:grid;gap:7px}.piece-card{border:1px solid #eee8de;padding:8px;display:flex;align-items:center;gap:8px}.piece-emoji{width:35px;height:35px;background:#f1ece3;display:grid;place-items:center;font-size:21px}.piece-card div{display:grid;gap:3px}.piece-card b{font-size:9px}.piece-card small{font-size:8px;color:#999}.add-piece{margin-right:auto;border:1px solid #d9c8a8;background:none;color:#96794d;width:25px;height:25px;display:grid;place-items:center}.panel-hint,.layer-tip{font-size:8px;line-height:1.9;color:#9b9284;margin-top:15px}.canvas-area{background:#eae4da;border:1px solid #ded5c7;padding:12px;display:flex;flex-direction:column}.canvas-toolbar{font-size:9px;color:#71695d}.canvas-toolbar>div{display:flex;align-items:center;gap:7px}.canvas-toolbar .icon-btn{width:25px;height:25px}.design-stage{flex:1;min-height:390px;display:grid;place-items:center;background-image:radial-gradient(#d6ccbd 1px,transparent 1px);background-size:14px 14px}.design-frame{width:210px;height:285px;background:#252525;padding:11px;box-shadow:0 13px 25px #0003}.design-background{height:100%;position:relative;overflow:hidden;background:linear-gradient(#d8c6a5,#f0dfc1 60%,#7a7968 60%,#303b35)}.design-sun{position:absolute;width:35px;height:35px;border-radius:50%;background:#f7edcf;top:23px;left:28px}.design-mountains{position:absolute;bottom:25%;left:-10%;width:120%;height:75px;background:#777c6b;clip-path:polygon(0 100%,35% 5%,62% 100%,80% 28%,100% 100%)}.design-ground{position:absolute;bottom:0;height:24%;background:#303b35;width:100%}.placed-piece{position:absolute;font-size:38px;z-index:2;filter:drop-shadow(0 3px 2px #0004)}.placed-0{bottom:28%;left:35%}.placed-1{top:30%;right:20%}.placed-2{top:18%;left:48%}.placed-3{bottom:38%;right:20%}.placed-4{top:42%;left:18%}.design-caption{position:absolute;bottom:7px;left:0;right:0;text-align:center;color:#f4e9d1;font:9px Georgia;letter-spacing:3px}.canvas-tools{display:flex;justify-content:center;gap:8px;padding:12px 0}.canvas-tools button{background:#f7f3ec;border:1px solid #ddd3c4;padding:8px 10px;font-size:8px;color:#655b4b;display:flex;align-items:center;gap:5px}.canvas-tools svg{width:13px;height:13px}.canvas-foot{display:flex;justify-content:space-between;color:#928878;font-size:8px}.canvas-foot span:first-child{display:flex;align-items:center;gap:5px}.layer-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #eee8de;padding:11px 0}.layer-row>span{width:23px;text-align:center}.layer-row b{font-size:9px;font-weight:500}.layer-row button{margin-right:auto;border:0;background:none;color:#91897d}.empty-layers{font-size:9px;color:#a29a8e;line-height:1.9;padding:20px 0}.studio-bottom{background:#fbf9f5;border:1px solid var(--line);padding:13px 18px;margin-top:12px;display:flex;align-items:center;gap:18px}.studio-bottom div{display:grid;gap:3px}.studio-bottom small{font-size:8px;color:#948b7f}.studio-bottom b{font-size:17px;color:#92764a}.studio-bottom>span{font-size:9px;color:#91897d;margin-left:auto}.studio-bottom .primary-btn{padding:10px 15px}.preview-layout,.cart-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:22px}.large-preview{background:#e9e2d7;padding:35px;display:grid;place-items:center;position:relative;min-height:440px}.large-preview .frame-art{width:230px;height:310px}.preview-switch{position:absolute;bottom:15px;display:flex;gap:5px}.preview-switch button{border:0;padding:7px 15px;background:#f8f4ed;font-size:9px}.preview-switch button.active{background:#2b2925;color:#fff}.details-card h3{font-size:14px;margin:0 0 18px}.detail-line,.total-line{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eee8de;font-size:10px}.detail-line span{color:#8d857a}.detail-line b{font-weight:500}.chosen-tags{display:flex;flex-wrap:wrap;gap:5px;padding:12px 0}.chosen-tags span{font-size:8px;background:#f0ece4;padding:6px}.total-line{border-top:1px solid #ddd2c1;margin-top:10px;padding:17px 0;border-bottom:0}.total-line strong{font-size:18px;color:#94794e}.cart-item{background:#fbf9f5;border:1px solid var(--line);padding:18px;display:flex;align-items:center;gap:18px;height:max-content}.cart-item .frame-art{width:85px;height:110px;padding:7px;margin:0;transform:none}.cart-copy{display:grid;gap:7px}.cart-copy b{font-size:11px}.cart-copy small{font-size:9px;color:#8f887d}.cart-item>strong{margin-right:auto;font-size:14px}.checkout-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.details-card label{display:grid;gap:7px;font-size:10px;color:#777;margin:14px 0}.details-card input,.details-card textarea{border:1px solid var(--line);background:#fffdf9;padding:12px;outline:0;font-size:10px;min-width:0}.details-card textarea{min-height:75px;resize:vertical}.choice-box{border:1px solid var(--line);padding:13px;display:flex;align-items:center;gap:10px;font-size:10px;margin:8px 0}.choice-box.selected{border-color:var(--gold)}.choice-box span{margin-right:auto;color:#9a8054}.admin-shell{display:grid;grid-template-columns:245px 1fr;min-height:calc(100vh - 27px);background:#f4f1eb}.admin-sidebar{background:#252525;color:#e9e1d4;padding:22px 15px;display:flex;flex-direction:column}.admin-sidebar .brand{padding:0 8px 27px;border-bottom:1px solid #45413a}.admin-sidebar .brand strong{color:#f4efe6}.admin-label{font-size:9px;color:#938a7b;margin:23px 10px 12px}.admin-nav{border:0;background:transparent;color:#c5beb2;text-align:right;padding:12px 10px;display:flex;align-items:center;gap:11px;font-size:10px;border-radius:4px;margin:2px 0}.admin-nav.active{background:#403a30;color:#d4b783;border-right:2px solid var(--gold)}.admin-nav:hover{background:#35322c}.admin-nav.logout{margin-top:auto;color:#ad8e6a}.admin-main{padding:35px 4%;min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.admin-top h1{font-size:25px;margin:7px 0}.admin-user{display:flex;align-items:center;gap:12px;font-size:10px;color:#797268}.admin-user .avatar{background:#e6dccb;color:#5d4a2f}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.stat-card{background:#fbfaf7;border:1px solid #e8e1d6;padding:18px;display:flex;justify-content:space-between;align-items:center}.stat-card small,.stat-card strong,.stat-card span{display:block}.stat-card small{font-size:9px;color:#898174}.stat-card strong{font-size:25px;margin:9px 0 3px}.stat-card span{font-size:8px;color:#a18a62}.stat-card i{width:38px;height:38px;background:#f0eadd;color:#a18556;display:grid;place-items:center;font-style:normal}.admin-content-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:15px}.admin-card{background:#fbfaf7;border:1px solid #e8e1d6;padding:19px;min-width:0}.admin-card h3{font-size:12px;margin:0}.admin-card-head{margin-bottom:17px}.admin-card table{width:100%;border-collapse:collapse;text-align:right}.admin-card th{font-size:8px;color:#9b9387;font-weight:500;padding:12px 7px;border-bottom:1px solid #eee8df}.admin-card td{font-size:9px;padding:14px 7px;border-bottom:1px solid #f0ece5}.status{background:#f1eadc;color:#94784c;padding:5px 7px;font-size:8px}.quick-card{display:grid;align-content:start;gap:10px}.quick-card h3{margin-bottom:7px}.quick-card button{border:1px solid #eee8df;background:#fffdf9;padding:12px;text-align:right;display:flex;align-items:center;gap:9px;font-size:9px;color:#655d52}.quick-card button svg{color:#a78a5c}.quick-card button svg:last-child{margin-right:auto}.section-placeholder{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.placeholder-icon{width:60px;height:60px;background:#f0eadd;color:#a88b5a;display:grid;place-items:center;border-radius:50%}.section-placeholder h2{font-size:18px;margin:18px 0 5px}.section-placeholder p{font-size:10px;color:#8e867b;max-width:400px;line-height:2}.placeholder-pills{display:flex;gap:7px;margin-top:15px}.placeholder-pills span{font-size:8px;background:#f0ece4;padding:7px 10px;color:#87765a}@media(max-width:900px){.topbar{padding:0 3%;gap:15px}.hero{padding:50px 6%}.hero h1{font-size:31px}.section{padding:45px 5%}.feature-strip,.custom-cta{margin-left:5%;margin-right:5%}.studio-shell{grid-template-columns:220px 1fr}.layers-panel{grid-column:1/-1;min-height:auto}.layers-panel .layer-row{display:inline-flex;margin-left:14px}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-content-grid{grid-template-columns:1fr}.admin-sidebar{padding:18px 10px}.admin-shell{grid-template-columns:210px 1fr}}@media(max-width:620px){.demo-ribbon{font-size:8px}.topbar{height:68px;padding:0 15px}.topbar .brand{min-width:0}.brand-mark{width:36px;height:36px;font-size:24px}.brand strong{font-size:13px}.brand small{font-size:6px}.searchbox{display:none}.top-actions{margin-right:auto}.hero{grid-template-columns:1fr;padding:42px 7% 25px;min-height:auto}.hero h1{font-size:29px}.hero-visual{height:285px}.hero-visual .frame-art{width:165px;height:220px}.floating-tag{right:4%;bottom:12px}.category-row{grid-template-columns:repeat(2,1fr)}.category-card:last-child{grid-column:span 2}.interest-row{grid-template-columns:repeat(2,1fr)}.feature-strip{grid-template-columns:1fr;text-align:center;padding:28px 7%}.feature-strip p{margin:10px auto}.frame-art.wide{width:135px;height:180px}.work-grid{grid-template-columns:1fr 1fr}.work-grid>div:last-child{display:none}.work-grid .frame-art,.work-placeholder{height:180px}.custom-cta{display:block}.custom-cta .outline-btn{margin-top:10px}.site-footer{padding:23px 5%;flex-wrap:wrap;gap:17px}.site-footer>span{display:none}.site-footer .brand{min-width:0}.mobile-nav{position:fixed;bottom:0;right:0;left:0;background:#fbf9f5;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:20}.mobile-nav button{border:0;background:none;color:#777065;display:grid;justify-items:center;gap:4px;font-size:8px}.mobile-nav svg{width:18px;height:18px}.page-wrap{padding:25px 15px 90px}.breadcrumb{margin-bottom:22px}.page-heading h1{font-size:21px}.page-heading p{font-size:9px}.frame-layout,.preview-layout,.cart-layout,.checkout-grid{grid-template-columns:1fr}.config-card{order:-1}.frame-preview .frame-art{width:135px;height:180px}.studio-shell{grid-template-columns:1fr}.studio-panel{min-height:auto}.piece-list{grid-template-columns:1fr 1fr}.canvas-area{min-height:460px}.design-frame{width:185px;height:250px}.layers-panel{grid-column:auto}.studio-bottom{position:sticky;bottom:65px;z-index:5;flex-wrap:wrap}.studio-bottom>span{display:none}.studio-bottom .primary-btn{margin-right:auto}.large-preview{min-height:350px}.admin-shell{display:block}.admin-sidebar{position:relative;padding:12px;display:block}.admin-sidebar .brand{padding-bottom:10px}.admin-sidebar .brand-mark{width:32px;height:32px}.admin-sidebar .admin-label,.admin-nav{display:none}.admin-nav.active{display:inline-flex;margin-top:10px}.admin-main{padding:22px 14px 40px}.admin-top h1{font-size:20px}.stats-grid{gap:8px}.stat-card{padding:12px}.stat-card strong{font-size:20px}.admin-card{padding:13px;overflow:auto}.admin-card table{min-width:440px}.quick-card{overflow:visible}.page-heading .outline-btn{font-size:9px}}button{cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #b99a65;outline-offset:2px}.brand-button{border:0;background:none;padding:0;text-align:right}.mobile-back{display:none}.page-controls{max-width:1180px;margin:0 auto;padding:12px 28px 0;display:flex;gap:8px}.page-controls button{border:1px solid #e4dccf;background:#fbf9f5;color:#76674f;padding:7px 12px;display:inline-flex;align-items:center;gap:7px;font-size:10px;border-radius:3px}.page-controls button:hover{border-color:#b99a65;color:#92764a}.studio-tabs{display:flex;gap:5px;margin-bottom:14px}.studio-tabs button{flex:1;border:1px solid #e9e1d5;background:#f5f1e9;padding:9px 4px;font-size:9px;display:flex;align-items:center;justify-content:center;gap:5px;color:#6c6253}.studio-tabs button.active{background:#302e29;color:#e5d3ae;border-color:#302e29}.upload-drop{border:1px dashed #cdbb98;background:#f6f1e8;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#92764a;font-size:11px;cursor:pointer;text-align:center;padding:18px}.upload-drop small{font-size:9px;color:#958b7b}.upload-drop input{max-width:190px;font-size:9px}.uploaded-preview{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:8px;margin-top:12px;font-size:9px}.uploaded-preview img{width:55px;height:55px;object-fit:cover}.uploaded-preview button,.layer-row button{cursor:pointer}.text-editor label{display:grid;gap:8px;font-size:10px}.text-editor input,.admin-add-row input{border:1px solid #e4dccf;background:#fffdf9;padding:11px;min-width:0}.uploaded-on-frame{position:absolute;top:8%;right:8%;bottom:8%;left:8%;width:84%;height:84%;object-fit:contain;z-index:1}.design-user-text{position:absolute;bottom:8px;right:0;left:0;text-align:center;z-index:5;color:#fff8e8;font-size:12px;text-shadow:0 1px 3px #000}.car-model{position:relative;width:78px;height:132px;filter:drop-shadow(0 7px 4px #0005);transition:transform .2s}.car-body{position:absolute;left:12px;right:12px;top:7px;bottom:7px;background:linear-gradient(90deg,#671c17,#c43b2e 22%,#e0523f,#b52c22 78%,#591713);border-radius:28px 28px 15px 15px;border:2px solid #4b1b17;box-shadow:inset 0 0 0 2px #e16b59}.car-body:after{content:"";position:absolute;left:7px;right:7px;top:12px;height:52%;background:linear-gradient(90deg,#293b43,#9eb3b5 50%,#293b43);border-radius:20px 20px 8px 8px;border:1px solid #71352c}.car-roof{position:absolute;z-index:2;left:22px;right:22px;top:31px;height:40px;background:linear-gradient(90deg,#7a211b,#c83d30 50%,#762018);border-radius:12px;border:1px solid #641d18;opacity:.6}.car-window{position:absolute;z-index:3;bottom:13px;left:5px;width:12px;height:7px;background:#ffb7a4;border-radius:2px}.car-tail-lights{position:absolute;z-index:3;bottom:13px;right:5px;width:12px;height:7px;background:#ffb7a4;border-radius:2px}.car-wheel{position:absolute;z-index:4;width:13px;height:23px;background:#171717;border:3px solid #a9a9a9;border-radius:5px}.wheel-a{top:19px;left:2px}.wheel-b{top:19px;right:2px}.wheel-c{bottom:18px;left:2px}.wheel-d{bottom:18px;right:2px}.car-bumper{position:absolute;z-index:3;bottom:2px;left:18px;right:18px;height:6px;background:linear-gradient(90deg,#b5a99a,#eee4d6,#a99d8f);border-radius:4px}.sample-car{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);z-index:4;border:0;background:transparent;padding:8px}.placed-piece{border:0;background:transparent;cursor:pointer}.active-layer{background:#f1eadc;border-right:2px solid #b99a65;padding-right:7px}.selected-tools{margin-top:14px;padding:12px;background:#f0eadd;display:grid;gap:8px;font-size:9px}.selected-tools small{color:#8c806d}.selected-tools div{display:flex;gap:6px;flex-wrap:wrap}.selected-tools button{border:1px solid #d7c7a8;background:#fffaf1;padding:7px;font-size:9px;display:flex;align-items:center;gap:5px;color:#796443}.palette-icon{font-size:15px;line-height:1}.preview-render{position:relative;width:100%;height:100%;display:grid;place-items:center}.preview-render>img{position:absolute;top:12%;right:12%;bottom:12%;left:12%;width:76%;height:76%;object-fit:contain;z-index:3}.preview-render>span{position:absolute;z-index:4;font-size:34px}.preview-render>span:nth-of-type(1){top:28%;left:35%}.preview-render>span:nth-of-type(2){bottom:25%;right:28%}.preview-render.side-view .frame-art{transform:perspective(600px) rotateY(-25deg) rotate(-2deg);box-shadow:12px 14px 24px #0004}.choice-box input{accent-color:#b99a65}.success-panel{margin-top:14px;background:#e8f0e7;color:#426344;padding:12px;font-size:10px;display:flex;align-items:center;gap:8px}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.account-grid button{background:#fbf9f5;border:1px solid #e8e1d6;padding:22px;display:flex;align-items:center;gap:12px;font-size:11px;color:#514b41}.account-grid button svg:last-child{margin-right:auto}.contact-card{max-width:600px;line-height:2;font-size:11px}.admin-add-row{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.admin-add-row input:first-child{flex:1}.admin-add-row input[type=number]{width:90px}.admin-list{display:grid;gap:7px}.admin-list>div{display:grid;grid-template-columns:1fr auto 35px;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #eee8df;font-size:10px}.admin-list small{color:#928878}.admin-list button{border:0;background:#f5e9e6;color:#a54f42;padding:7px}.breadcrumb button{border:0;background:none;color:inherit;padding:0}@media(max-width:620px){.page-controls{padding:10px 15px 0}.account-grid{grid-template-columns:1fr}.studio-tabs button{font-size:8px}.studio-shell{gap:9px}.studio-panel{padding:12px}.admin-add-row input:first-child{width:100%;flex:auto}.admin-list>div{grid-template-columns:1fr auto 30px}.admin-list small{grid-column:1}.page-controls button{padding:7px 9px}}