:root{--mauve:#865E72;--mauve2:#6F4E68;--ink:#2D2A30;--muted:#8F8790;--bg:#F6F5F4;--paper:#fff;--stroke:#EBE6E9;--rose:#E8D6DF;--shadow:0 20px 70px rgba(55,38,51,.075);font-family:Manrope,system-ui,sans-serif;color:var(--ink);font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #CDA6BB;outline-offset:3px}button,input,select,textarea{min-width:0}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;min-height:700px;background:#242128;color:#F8F5F6;padding:30px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;padding:4px 9px 48px}.brand-symbol{display:grid;place-items:center;border-radius:15px;background:#ECE1E8;width:45px;height:45px;flex-shrink:0}.brand-symbol img{width:32px;height:32px}.brand strong{font-size:16px;letter-spacing:-.7px;white-space:nowrap}.brand strong span{font-weight:500;color:#C39EB2}.brand small{display:block;margin-top:6px;font:9px 'IBM Plex Mono',monospace;letter-spacing:1.6px;color:#A49BA6}.nav-label{font:10px 'IBM Plex Mono',monospace;letter-spacing:2px;color:#8F8491;padding:0 15px;margin-bottom:14px}.navigation{display:grid;gap:6px}.nav-btn{width:100%;border:none;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:#BFB7BF;padding:14px 15px;border-radius:13px;font-size:14px;font-weight:650;transition:background .15s,color .15s}.nav-btn:hover{background:#343038;color:#fff}.nav-btn.active{color:#fff;background:#484049}.nav-btn.active .nav-icon{color:#E6BDD3}.nav-icon{font-size:20px;width:21px;text-align:center;font-weight:400;color:#AEA0AE}.nav-count{margin-left:auto;background:#5D4D5A;color:#E9D8E4;border-radius:7px;font-size:11px;padding:3px 7px}.second-label{margin-top:38px}.side-bottom{margin-top:auto;border-top:1px solid #403A42;padding:24px 12px 0}.side-brand-label{font:10px 'IBM Plex Mono',monospace;color:#A69AA6;letter-spacing:1.4px}.swatches{display:flex;margin-top:16px}.swatches span{width:24px;height:24px;border:2px solid #242128;border-radius:50%;margin-right:-2px}.side-bottom p{font-size:12px;color:#AFA5AF}.storage-indicator{font-size:11px;color:#CDB7C6;line-height:1.5;margin-top:22px}.main-area{min-width:0}.topbar{height:80px;background:#fff;border-bottom:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,64px)}.topbar-breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:1px}.topbar-breadcrumb>span:first-of-type{font-family:'IBM Plex Mono',monospace;color:#9C8F99}.crumb-sep{color:#CBBFC8}.topbar-breadcrumb strong{font-size:13px;letter-spacing:0}.avatar{width:38px;height:38px;display:grid;place-items:center;background:#E5D9E0;border-radius:100%;color:#563C4F;font-weight:800;font-size:12px}.menu-toggle{display:none;border:0;background:none;font-size:23px}.workspace{max-width:1640px;padding:42px clamp(24px,4vw,64px) 92px;margin:auto}.eyebrow{font:11px 'IBM Plex Mono',monospace;letter-spacing:2.1px;color:var(--mauve);text-transform:uppercase}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:32px}.page-head h1{font-weight:800;font-size:clamp(30px,3vw,45px);letter-spacing:-2.1px;line-height:1.16;margin:9px 0}.page-head p{font-size:14px;line-height:1.6;color:#8B8189;margin:0}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:12px 17px;font-size:13px;font-weight:750;white-space:nowrap;transition:transform .1s,background .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--ink);color:white}.btn.primary:hover{background:var(--mauve2)}.btn.secondary{background:#fff;border-color:#E9E3E7;color:#564D54}.btn.soft{background:#EEE5EB;color:#65485B}.btn.text{background:transparent;color:#6E606B}.btn.danger{color:#A44855;background:#FAEBED}.btn.small{padding:9px 13px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:33px}.stat{padding:22px 24px;background:#fff;border-radius:18px;border:1px solid #F0ECEF;box-shadow:0 8px 35px rgba(55,38,51,.02)}.stat>span{font:11px 'IBM Plex Mono',monospace;color:#91858F;letter-spacing:1px}.stat strong{display:block;font-size:35px;letter-spacing:-1.9px;line-height:1.4}.stat small{font-size:11px;color:#A18F9B}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:23px;flex-wrap:wrap}.searchbox{position:relative;flex:1;min-width:230px}.searchbox input{width:100%;padding:14px 17px 14px 42px;border-radius:13px;border:1px solid #E9E3E6;background:#fff;color:var(--ink);outline-offset:0}.searchbox:before{content:'⌕';position:absolute;top:8px;left:15px;font-size:27px;color:#B5A6AF}.filter-select{padding:13px 16px;border-radius:12px;border:1px solid #E9E3E6;background:#fff;color:#675A64;font-size:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-heading h2{font-size:16px;margin:0}.section-heading span{font-size:12px;color:#938992}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.post-card{min-width:0;background:#fff;border:1px solid #EFE9ED;border-radius:19px;overflow:hidden;transition:transform .18s,box-shadow .18s}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-cover{display:block;width:100%;aspect-ratio:4/4.35;overflow:hidden;border:0;padding:0;background:#28232C;text-align:left;position:relative}.card-cover .poster{height:100%;width:100%;border-radius:0;box-shadow:none}.card-cover .poster-heading{font-size:clamp(18px,2vw,32px)}.card-cover .poster-desc{font-size:clamp(10px,.9vw,13px)}.card-cover .poster-device{transform:scale(.8);transform-origin:bottom center}.card-cover .poster-top{font-size:10px}.card-cover .poster-footer{font-size:10px}.card-body{padding:21px}.card-category{display:flex;align-items:center;justify-content:space-between;gap:10px;font:10px 'IBM Plex Mono',monospace;letter-spacing:1.1px;text-transform:uppercase;color:#9C8695}.card-body h3{font-size:17px;letter-spacing:-.5px;line-height:1.5;margin:12px 0 16px;min-height:50px}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-footer small{color:#9A9098;font-size:12px}.card-icon{border:0;background:#F5EDF2;color:#806277;width:35px;height:35px;border-radius:10px;font-size:20px}.status{display:inline-flex;align-items:center;gap:6px;border-radius:40px;font-size:10px;letter-spacing:.1px;font-weight:800;padding:7px 9px;white-space:nowrap;text-transform:none}.status.review{background:#F8EDD8;color:#976A2C}.status.approved{background:#E6F2E9;color:#3D7958}.status.draft{background:#F0EEF1;color:#796E79}.status.archived{background:#F4E4E7;color:#925466}.status:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}.star{font-size:16px;color:#B789A5}.empty{background:#fff;border:1px dashed #DACCD6;border-radius:18px;padding:58px 30px;text-align:center;color:#837582}.empty .big{font-size:34px}.empty h3{color:#302931}.loading{text-align:center;padding:90px;color:#857786}.editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.back-btn{border:0;background:transparent;padding:0;color:#7F6A79;font-weight:700;font-size:13px;margin-bottom:14px}.editor-head h1{font-size:32px;letter-spacing:-1.4px;line-height:1.2;margin:4px 0 8px}.editor-head p{font-size:13px;color:#988A95;margin:0}.editor-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.edit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:24px;align-items:start}.preview-panel,.form-panel{background:#fff;border:1px solid #EFE9ED;border-radius:20px;padding:24px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-head strong{font-size:14px}.panel-head small{font:11px 'IBM Plex Mono',monospace;color:#978593}.poster-wrap{width:min(100%,390px);margin:0 auto}.poster{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:13px;background:#242127;color:#FCFAFC;padding:6.6%;display:flex;flex-direction:column;isolation:isolate;box-shadow:0 16px 48px rgba(39,23,35,.15)}.poster:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.32;background-image:linear-gradient(rgba(171,126,157,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(171,126,157,.12) 1px,transparent 1px);background-size:20px 20px}.poster:after{content:'';position:absolute;z-index:-1;width:78%;aspect-ratio:1;bottom:-18%;right:-20%;background:radial-gradient(circle,rgba(134,94,114,.36),transparent 69%);filter:blur(12px)}.poster.light{background:#F7F4F2;color:#302A31}.poster.light:before{opacity:.42}.poster.light:after{background:radial-gradient(circle,rgba(186,142,166,.27),transparent 70%)}.poster-top{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid currentColor;padding-bottom:4%;font-size:10px;opacity:.92}.poster-brand{font-weight:800;letter-spacing:-.45px}.poster-top img{width:21px;vertical-align:middle;margin-right:4px;filter:brightness(0) invert(1)}.poster.light .poster-top img{filter:none}.poster-meta{font:9px 'IBM Plex Mono',monospace;letter-spacing:1.3px;opacity:.67;white-space:nowrap}.poster-kicker{font:10px 'IBM Plex Mono',monospace;letter-spacing:1.3px;color:#D8AEC5;margin-top:11%}.poster.light .poster-kicker{color:#94647E}.poster-heading{font-size:clamp(26px,3.6vw,48px);line-height:1.16;font-weight:800;letter-spacing:-1.5px;margin:5% 0 0;overflow-wrap:anywhere}.poster-heading em{font-style:normal;color:#D5ABC1}.poster.light .poster-heading em{color:#95627E}.poster-desc{font-size:clamp(12px,1.2vw,15px);line-height:1.6;opacity:.72;margin-top:5%;max-width:95%}.poster-visual{flex:1;display:flex;justify-content:center;align-items:end;min-height:0;padding-top:5%;overflow:hidden}.poster-device{width:56%;height:93%;min-height:85px;border:8px solid #48424C;border-radius:32px 32px 0 0;background:#121016;box-shadow:0 0 0 2px #1A171C,0 18px 40px #130D16;position:relative;padding:13% 7% 5%;overflow:hidden;transform:translateY(6%)}.poster-device:before{content:'';position:absolute;top:4%;left:35%;width:30%;height:4%;background:#09090D;border-radius:30px}.device-circle{width:45%;aspect-ratio:1;border:1px solid #CBA8BE;border-radius:50%;margin:0 auto 9%;display:grid;place-items:center;color:#CBA8BE;font-size:25px}.device-line{height:7px;width:80%;background:#645064;border-radius:6px;margin:6px auto}.device-line.short{width:54%}.device-bar{height:18%;background:#B98DAA;border-radius:7px;margin:13% auto 8%;width:95%}.device-cell{height:13%;border-radius:7px;margin:5% auto;background:#29232D;border:1px solid #443747}.device-side{position:absolute;bottom:0;width:48%;height:61%;background:#141119;border:7px solid #46404B;border-radius:27px 27px 0 0;transform:rotate(-13deg);left:9%;box-shadow:0 8px 20px #100D15}.device-side.right{transform:rotate(13deg);left:auto;right:9%}.poster-visual .poster-device{z-index:1}.poster.light .poster-device{background:#222027}.visual-dashboard{width:95%;height:76%;background:#1D1B21;border:8px solid #5D5360;border-bottom:0;border-radius:15px 15px 0 0;padding:13px;display:flex;gap:10px;align-items:end}.chart-col{flex:1;min-width:4px;background:#B88EA7;border-radius:5px 5px 0 0}.chart-col:nth-child(even){background:#6C4E61}.visual-laptop{width:94%;height:74%;background:linear-gradient(150deg,#2F2831,#151419);border:8px solid #5B525B;border-radius:15px 15px 2px 2px;padding:15px;box-shadow:0 13px 20px #21162133}.laptop-header{height:8%;background:#3A2C39;border-radius:4px}.laptop-banner{height:39%;border-radius:9px;background:linear-gradient(110deg,#6E5064,#BB9EB1);margin-top:12px}.laptop-row{display:flex;gap:10px;margin-top:12px}.laptop-row span{width:32%;height:40px;background:#4A3D48;border-radius:6px}.visual-pills{width:100%;display:grid;gap:9px;align-content:center}.visual-pill{border:1px solid rgba(201,164,185,.28);border-radius:12px;padding:12px 15px;display:flex;gap:10px;align-items:center;color:inherit;background:rgba(191,153,173,.075)}.visual-pill b{color:#C995B2;font:13px 'IBM Plex Mono',monospace}.visual-pill span{font-size:12px;font-weight:700}.poster.light .visual-pill b{color:#976C86}.poster-cta{align-self:start;background:#B88AA6;color:#211922;border-radius:40px;padding:10px 15px;font-size:11px;font-weight:800;margin-top:9px}.poster-footer{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:auto;font:10px 'IBM Plex Mono',monospace;letter-spacing:1px;opacity:.8}.slide-strip{display:flex;gap:10px;overflow-x:auto;margin-top:20px;padding-bottom:6px}.slide-thumb{width:70px;flex:0 0 70px;aspect-ratio:4/5;background:#F4ECF1;border:2px solid transparent;border-radius:9px;padding:4px;position:relative}.slide-thumb.active{border-color:#865E72}.slide-thumb .poster{box-shadow:none;border-radius:5px}.slide-thumb .poster-top,.slide-thumb .poster-kicker,.slide-thumb .poster-desc,.slide-thumb .poster-visual,.slide-thumb .poster-footer{display:none}.slide-thumb .poster-heading{font-size:8px;letter-spacing:-.3px;margin-top:28%}.slide-thumb .poster{padding:11%}.slide-num{position:absolute;right:4px;bottom:3px;background:white;color:#463643;font-size:9px;border-radius:4px;padding:1px 4px}.form-panel h2{font-size:17px;letter-spacing:-.4px;margin:0 0 5px}.form-panel .sub{color:#9A8E96;font-size:12px;margin:0 0 25px}.field{margin:0 0 18px}.field label{display:block;margin-bottom:8px;font-size:12px;font-weight:750;color:#675A63}.field input,.field textarea,.field select{width:100%;background:#FCFBFC;border:1px solid #EBE5E9;color:#332B34;border-radius:10px;padding:12px;font-size:13px;resize:vertical;outline-offset:1px}.field textarea{min-height:83px;line-height:1.65}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-hint{font-size:11px;color:#A08F9C;margin-top:5px}.field-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.check-row{display:flex;align-items:center;gap:8px;color:#6C5E68;font-size:12px;margin:12px 0}.check-row input{accent-color:#865E72}.editor-divider{border:0;border-top:1px solid #EFE8EC;margin:23px 0}.editor-bottom{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.toast{position:fixed;z-index:20;bottom:24px;right:24px;padding:14px 18px;background:#302730;color:#fff;border-radius:12px;box-shadow:0 10px 40px #1C121B44;font-size:13px;max-width:min(400px,90vw)}.preview-note{font-size:11px;text-align:center;color:#9A8A96;margin:12px}.banner{border-radius:12px;background:#FCF3DD;border:1px solid #F2E4C5;padding:14px 18px;font-size:12px;line-height:1.7;color:#846638;margin-bottom:24px}.banner strong{font-weight:800}.pill-indicator{display:inline-flex;padding:5px 9px;background:#F0E9ED;border-radius:8px;font:11px 'IBM Plex Mono',monospace;color:#83657B}.visually-hidden{position:absolute!important;clip:rect(0,0,0,0);overflow:hidden;width:1px;height:1px;white-space:nowrap}
@media(max-width:1250px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.edit-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.92fr)}.card-cover .poster-heading{font-size:27px}}
@media(max-width:950px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:15;transform:translateX(-110%);transition:transform .2s;width:248px;min-height:100vh}.sidebar.open{transform:translateX(0)}.menu-toggle{display:block}.stats{grid-template-columns:repeat(2,1fr)}.edit-grid{grid-template-columns:1fr}.preview-panel{order:1}.form-panel{order:2}.workspace{padding-top:27px}.editor-head{flex-wrap:wrap}.editor-actions{justify-content:flex-start}}
@media(max-width:600px){.topbar{height:69px;padding:0 18px}.topbar-breadcrumb>span:first-of-type{display:none}.crumb-sep{display:none}.workspace{padding:24px 17px 70px}.page-head{flex-wrap:wrap}.page-head h1{font-size:32px}.stats{gap:9px}.stat{padding:15px}.stat strong{font-size:28px}.gallery{grid-template-columns:1fr}.card-cover{aspect-ratio:4/4}.card-cover .poster-heading{font-size:32px}.edit-grid{gap:15px}.preview-panel,.form-panel{padding:16px}.editor-actions .btn{flex:1}.poster-heading{font-size:clamp(27px,7.5vw,40px)}.poster-desc{font-size:clamp(11px,3.4vw,14px)}.two-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Artes originais enviadas para o R2 mantêm o enquadramento completo. */
.poster.has-image{display:block;padding:0;background:#211E25}
.poster-original{width:100%;height:100%;display:block;object-fit:cover}