
: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}}

/* Unified LevelRift Labs digital matrix layer */
body::after{background:
linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.84)),
repeating-linear-gradient(90deg,transparent 0 52px,rgba(219,166,44,.055) 53px,transparent 55px),
repeating-linear-gradient(180deg,transparent 0 70px,rgba(216,221,227,.035) 71px,transparent 73px),
radial-gradient(circle at 50% 18%,transparent 0 18%,rgba(0,0,0,.50) 68%)!important;
backdrop-filter:blur(1px);animation:lrlMatrixDrift 24s linear infinite}
@keyframes lrlMatrixDrift{to{background-position:0 0,54px 0,0 72px,0 0}}

/* Standard non-floating copyright footer */
.lrl-watermark{display:none!important}
.lrl-app-footer{position:relative!important;inset:auto!important;display:block!important;width:100%;max-width:980px;margin:28px auto 14px;padding:16px 18px;text-align:center;color:rgba(235,235,235,.72);font:700 11px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.08em;border-top:1px solid rgba(212,175,55,.20);background:transparent;box-shadow:none;z-index:1}
.lrl-app-footer strong{color:#d8bd6a}

/* Search-readable tool information */
.lrl-seo-content{width:min(1180px,calc(100% - 24px));margin:22px auto;padding:0;position:relative;z-index:2}.lrl-seo-inner{border:1px solid rgba(218,166,44,.28);border-radius:18px;padding:clamp(20px,4vw,34px);background:linear-gradient(145deg,rgba(15,14,12,.94),rgba(3,3,3,.94));box-shadow:0 16px 46px rgba(0,0,0,.32)}.lrl-seo-kicker{margin:0 0 8px;color:#dba62c;font-size:11px;font-weight:900;letter-spacing:.15em}.lrl-seo-content h2,.lrl-seo-content h3{color:#f7f5ef}.lrl-seo-content h2{font-size:clamp(24px,3vw,34px);margin:0 0 12px}.lrl-seo-content h3{margin:22px 0 10px}.lrl-seo-content p,.lrl-seo-content li{color:#c7c4bc;line-height:1.7}.lrl-seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.lrl-seo-content ul{padding-left:20px}.lrl-related-links{display:flex;flex-wrap:wrap;gap:9px}.lrl-related-links a{display:inline-flex;padding:9px 12px;border:1px solid rgba(218,166,44,.3);border-radius:10px;color:#f0cf61;text-decoration:none;background:#0a0907}.lrl-related-links a:hover{border-color:#f0cf61}.lrl-seo-content::selection,.lrl-seo-content *::selection{background:#d4af37;color:#080808}@media(max-width:700px){.lrl-seo-grid{grid-template-columns:1fr}.lrl-seo-content{width:calc(100% - 16px)}}
