
:root{--lrl-black:#050504;--lrl-panel:rgba(9,9,8,.90);--lrl-panel2:rgba(22,20,16,.88);--lrl-gold:#dba62c;--lrl-gold-light:#ffe49a;--lrl-silver:#d8dde3;--lrl-silver-dark:#818891;--lrl-text:#f7f5ef;--lrl-muted:#aaa69c;--lrl-line:rgba(222,170,50,.40)}
*{box-sizing:border-box}
html{min-height:100%;background:#050504!important}
body{min-height:100vh!important;color:var(--lrl-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:transparent!important;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-10;background:url("gold-city-background.jpg") center 55%/cover no-repeat;transform:scale(1.025)}
body::after{content:"";position:fixed;inset:0;z-index:-9;pointer-events:none;background:radial-gradient(circle at 50% 18%,transparent 0 20%,rgba(0,0,0,.46) 68%),linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.86));backdrop-filter:blur(1px)}
.lrl-appbar{position:relative;z-index:9999;width:min(1180px,calc(100% - 24px));margin:14px auto 10px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,229,157,.42);border-radius:16px;background:linear-gradient(145deg,rgba(21,20,17,.94),rgba(3,3,3,.92));box-shadow:0 18px 55px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(16px)}
.lrl-appbar-brand{display:flex;align-items:center;gap:10px;color:var(--lrl-gold-light);font-weight:900;letter-spacing:.08em;text-decoration:none}.lrl-appbar-brand img{width:42px;height:42px;object-fit:contain;border-radius:10px;border:1px solid rgba(219,166,44,.35);background:#070707}.lrl-appbar-brand small{display:block;color:var(--lrl-muted);font-size:.62rem;letter-spacing:.12em;margin-top:2px}.lrl-appbar-back{padding:10px 13px;border-radius:10px;color:#171108!important;text-decoration:none!important;font-weight:850;background:linear-gradient(120deg,#8b5a05,#f8d676 34%,#bd7b0b 68%,#ffe89f);border:1px solid #ffe49a;box-shadow:0 8px 24px rgba(0,0,0,.4)}
main,.container,.app,.wrapper,.shell,.content,.app-container{position:relative;z-index:1}
header:not(.lrl-appbar),.header,.toolbar,.controls,.control-panel,.panel,.card,.box,.section,.workspace,.sidebar,.preview,.preview-panel,.settings,.upload-area,.drop-zone,.dropzone,.modal-content{background:linear-gradient(145deg,rgba(23,22,19,.93),rgba(4,4,4,.94))!important;border-color:rgba(222,170,50,.38)!important;box-shadow:0 22px 64px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.06)!important;backdrop-filter:blur(15px)}
h1,h2,h3,.title,.logo-text{color:var(--lrl-gold-light)!important;text-shadow:0 3px 20px rgba(0,0,0,.85)}
p,label,small,.subtitle,.description,.hint,.help-text{color:var(--lrl-muted)!important}
input,textarea,select{color:var(--lrl-text)!important;background:rgba(0,0,0,.58)!important;border-color:rgba(216,221,227,.25)!important;outline:none!important}input:focus,textarea:focus,select:focus{border-color:var(--lrl-gold)!important;box-shadow:0 0 0 3px rgba(219,166,44,.13)!important}
button,.btn,.button,[type=button],[type=submit],a.button{border-radius:10px!important;font-weight:800!important;transition:.2s ease!important}
button:hover,.btn:hover,.button:hover{transform:translateY(-2px);filter:brightness(1.08)}
button.primary,.btn-primary,.primary,[type=submit],.download-btn,.export-btn,.save-btn,.generate-btn{color:#171108!important;background:linear-gradient(120deg,#8b5a05,#f8d676 34%,#bd7b0b 68%,#ffe89f)!important;border:1px solid #ffe49a!important;box-shadow:0 10px 28px rgba(219,166,44,.18)!important}
button:not(.primary):not(.btn-primary):not([type=submit]),.btn-secondary,.secondary{color:var(--lrl-silver)!important;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025))!important;border-color:rgba(216,221,227,.25)!important}
input[type=range]{accent-color:var(--lrl-gold)!important}.active,.selected,.tab.active{color:#171108!important;background:linear-gradient(135deg,var(--lrl-gold-light),var(--lrl-gold))!important}
canvas,.preview canvas,.image-preview,img.preview{border-color:rgba(255,224,139,.25)!important;background-color:#050505}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:linear-gradient(#f0d77a,#8d6512);border-radius:99px;border:2px solid #050505}
@media(max-width:600px){.lrl-appbar{margin-top:8px;padding:8px 10px}.lrl-appbar-brand span{font-size:.78rem}.lrl-appbar-back{font-size:.75rem;padding:9px 10px}}
