@import '../_assets/fontes.css';
:root{--ink:#101111;--panel:#191a1a;--line:#303232;--muted:#8f9495;--yellow:#ffd02a;--paper:#eeeae2}*{box-sizing:border-box}body{margin:0;background:#111212;color:#f5f4ef;font:14px Roboto,Arial,sans-serif}.topbar{height:70px;border-bottom:1px solid #292a2a;display:flex;align-items:center;padding:0 clamp(18px,4vw,60px);gap:28px}.brand{color:#fff;text-decoration:none;font:700 23px 'IBM Plex Sans';letter-spacing:-1px}.brand span{color:var(--yellow);font-size:28px}.brand b{font:500 10px 'DM Mono';color:var(--yellow);letter-spacing:1.5px;margin-left:7px}.status{font:11px 'DM Mono';color:#9da2a2;flex:1}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#70c983;margin-right:7px}.outline,.icon-btn,.filter{background:transparent;border:1px solid #555a5a;border-radius:7px;color:#eee;padding:9px 12px;cursor:pointer}.outline:hover,.icon-btn:hover,.filter:hover{border-color:var(--yellow);color:var(--yellow)}main{max-width:1400px;margin:auto;padding:58px clamp(18px,4vw,64px)}.intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:48px}.eyebrow,.kicker{font:500 10px 'DM Mono';letter-spacing:1.5px;color:var(--yellow)}h1{font:700 clamp(42px,6vw,72px) 'IBM Plex Sans';line-height:.95;letter-spacing:-3px;margin:12px 0 20px}h1 em{color:var(--yellow);font-style:normal}.lead{color:#afb2b0;max-width:450px;line-height:1.65;margin:0}.intro-meta{border-left:1px solid #444;padding-left:20px;min-width:240px;color:#9a9f9e}.intro-meta strong{display:block;color:#fff;font:600 16px 'IBM Plex Sans';margin:8px 0}.intro-meta small{font-size:11px}.tabs{display:flex;gap:5px;border-bottom:1px solid #333;padding-bottom:0}.tab{background:transparent;border:0;border-bottom:2px solid transparent;color:#909595;padding:15px 18px;cursor:pointer;font:600 14px 'IBM Plex Sans'}.tab span{font:10px 'DM Mono';margin-left:8px;color:#777}.tab.active{color:#fff;border-color:var(--yellow)}.tab.active span{color:var(--yellow)}.workspace{display:grid;grid-template-columns:340px 1fr;min-height:690px;border:1px solid #303232;border-top:0}.sidebar{padding:24px;border-right:1px solid #303232;background:#171818}.side-head{display:flex;justify-content:space-between;align-items:start}.side-head h2,.preview h2{font:600 21px 'IBM Plex Sans';margin:8px 0 20px}.filter{font-size:11px;padding:7px 9px}.search{display:flex;gap:8px;align-items:center;background:#101111;border:1px solid #303232;padding:0 10px;border-radius:7px;color:#858b8a}.search input{background:none;border:0;padding:11px 0;color:#fff;outline:0;width:100%}.chips{display:flex;gap:5px;margin:16px 0 22px;overflow:auto}.chip{white-space:nowrap;background:#222424;border:1px solid #363939;border-radius:20px;color:#aeb2b0;padding:7px 10px;font-size:11px;cursor:pointer}.chip.selected{color:#111;background:var(--yellow);border-color:var(--yellow)}.asset-list{display:grid;gap:9px}.asset{display:grid;grid-template-columns:62px 1fr auto;gap:11px;align-items:center;padding:8px;border:1px solid transparent;border-radius:8px;cursor:pointer}.asset:hover,.asset.selected{background:#242626;border-color:#454747}.thumb{height:57px;border-radius:5px;background:linear-gradient(140deg,#e6cfc5,#8d655c);position:relative;overflow:hidden}.thumb:after{content:'✦';position:absolute;right:8px;top:7px;color:#fff8;font-size:15px}.thumb.dark{background:linear-gradient(140deg,#24282b,#b88c72)}.thumb.gold{background:linear-gradient(140deg,#d9bd76,#5b4129)}.asset strong{display:block;font-size:12px}.asset small{color:#858b8a;font-size:10px;display:block;margin-top:4px}.asset .badge{font:9px 'DM Mono';color:#71c98c}.preview{padding:26px 34px}.preview-top{display:flex;justify-content:space-between;align-items:start}.preview h2{margin-top:7px}.actions{display:flex;gap:8px}.primary,.save{border:0;border-radius:7px;background:var(--yellow);color:#121212;padding:10px 14px;font:600 12px 'IBM Plex Sans';cursor:pointer}.stage{min-height:470px;background:repeating-linear-gradient(45deg,#171919,#171919 10px,#191b1b 10px,#191b1b 20px);display:flex;align-items:center;justify-content:center;border:1px solid #303232;border-radius:9px;padding:26px}.art-card{width:min(100%,430px);aspect-ratio:1/1;background:var(--art-color,#d6b3a8);border-radius:4px;position:relative;overflow:hidden;color:#241d1b;box-shadow:0 22px 50px #0008;transition:aspect-ratio .3s,background .3s}.art-top{display:flex;justify-content:space-between;padding:25px 28px;font:10px 'DM Mono';position:relative;z-index:2}.mini-brand{font:700 17px 'IBM Plex Sans';letter-spacing:-1px}.mini-brand span{color:#8b5e51}.season{font-size:8px;opacity:.7}.art-copy{position:absolute;left:28px;bottom:30px;z-index:2}.tag{font:10px 'DM Mono';border-bottom:1px solid #42332f;padding-bottom:5px}.art-copy h3{font:500 34px 'IBM Plex Sans';line-height:.92;letter-spacing:-2px;margin:15px 0 10px}.art-copy h3 b{font-weight:700}.art-copy p{font-size:12px;max-width:180px;line-height:1.4}.art-copy button{background:#231e1c;color:#fff;border:0;border-radius:20px;padding:10px 14px;font-size:11px}.art-copy button span{margin-left:12px}.bottle{position:absolute;right:24%;bottom:17%;height:55%;width:25%;z-index:1;transform:rotate(8deg);filter:drop-shadow(15px 22px 10px #694b4138)}.bottle-cap{height:13%;width:42%;margin:auto;background:#d9d1bd;border-radius:3px 3px 0 0}.bottle-body{height:87%;background:linear-gradient(90deg,#f5eee5,#cfc3ad 50%,#f9f0e4);border-radius:13px 13px 8px 8px;padding-top:42%;text-align:center;font:9px 'DM Mono';color:#80685c}.bottle-body b{font-size:11px}.bottle-body small{display:block;font:6px Roboto;margin-top:8px;color:#8d776e}.glow{position:absolute;width:70%;height:70%;right:-18%;top:20%;background:#f6e9da88;border-radius:50%;filter:blur(20px)}.sparkle{position:absolute;right:12%;top:32%;font-size:22px;color:#fff9;z-index:2}.format-row{display:flex;align-items:center;gap:8px;margin:18px 0;color:#8d9291;font-size:11px}.format{background:#202222;border:1px solid #3b3e3e;color:#bbb;padding:8px 12px;border-radius:6px;cursor:pointer}.format small{display:block;color:#737978;font-size:9px;margin-top:3px}.format.active{border-color:var(--yellow);color:#fff}.quick-edit{display:flex;gap:12px;align-items:end;border-top:1px solid #303232;padding-top:18px}.quick-edit h3{font:600 16px 'IBM Plex Sans';margin:7px 18px 0 0}.quick-edit label{font-size:10px;color:#999;flex:1}.quick-edit input{display:block;width:100%;margin-top:6px;background:#202222;border:1px solid #393d3d;border-radius:6px;padding:9px;color:#fff}.color-field{max-width:76px}.color-field input{height:34px;padding:2px}.save{background:#282b2b;color:#fff;border:1px solid #474a4a;white-space:nowrap}.toast{position:fixed;right:24px;bottom:24px;background:#f5f4ef;color:#111;padding:12px 16px;border-radius:7px;transform:translateY(80px);transition:.3s;box-shadow:0 8px 30px #0006}.toast.show{transform:translateY(0)}@media(max-width:900px){.intro{align-items:start;flex-direction:column}.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #303232}.asset-list{grid-template-columns:repeat(2,1fr)}.quick-edit{flex-wrap:wrap}.quick-edit>div{width:100%}.quick-edit label{min-width:28%}}@media(max-width:560px){.topbar{flex-wrap:wrap;height:auto;padding:14px 18px;gap:10px}.brand{font-size:20px}.status{order:3;width:100%;flex-basis:100%}main{padding-top:35px}.tabs{overflow:auto}.tab{padding:13px 12px;white-space:nowrap}.preview{padding:20px 14px}.preview-top{gap:12px}.actions .icon-btn{display:none}.primary{font-size:11px}.stage{min-height:360px;padding:18px}.asset-list{grid-template-columns:1fr}.format-row{overflow:auto}.format{white-space:nowrap}.art-copy h3{font-size:28px}}