/* Poster-led grunge: ink black, paper white, red cuts. Keep editing content clean. */
:root{--bg:#090909;--panel:#181716;--line:#45403b;--text:#f4efe5;--muted:#b8b0a6;--accent:#e82a2a}
body{background-color:#090909;background-image:radial-gradient(#c0afa00d .7px,transparent .9px),radial-gradient(#c9473212 .5px,transparent .8px);background-size:7px 11px,17px 13px;background-position:0 0,5px 7px}
header{border-bottom:1px solid #514239;background:#0c0b0a}.brand{font-style:italic;font-weight:900;letter-spacing:1px;color:#f4efe5}.mark{border-radius:2px;transform:skew(-8deg);background:#de2525}.sectionhead h1,.sheetheading h2,dialog h2{font-family:Impact,'Arial Narrow',system-ui,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.5px;font-style:italic}.sectionhead .eyebrow{color:#c5b8a6;letter-spacing:2px}.sectionhead h1{font-size:27px}.sectionhead .primary,.primary{border-radius:3px;background:#dc2424;color:#fff7ee;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.primary:hover{background:#f13a32}
.stage{border-radius:6px;border-color:#51473d}.canvaswrap,canvas{border-radius:3px}button,.button{border-radius:5px}.mediaquick button{border-color:#53483f;background:#1b1917}.appdock{background:#100f0ef7;border-top:2px solid #5b3027}.appdock button{border-radius:3px;font-weight:700}.appdock button[aria-pressed=true]{box-shadow:inset 0 3px #f03b30;background:#291614;color:#ff8980}.sheetheading{border-bottom:1px solid #554338}.sheetheading h2{font-size:20px;letter-spacing:1px}.sheetheading button{border-radius:3px}#toolsheet{background:#141312;border-radius:8px 8px 0 0;border-color:#58483c;border-top:3px solid #a93027}.detailcard{border-radius:6px;background:#201d1a;border-color:#4b4239}.detailcard.added{background:#2c1916;border-color:#bb4439}.detailicon{border-radius:3px;background:#302823;color:#f0d6c2}.templates button{border-radius:5px;background:#1d1916;border-color:#564637}.templates .selected{background:#301714;border-color:#ec3d30}.templates .selected span{color:#ff8a75}.templates span{border-radius:3px;background:#30231d}.badge{border-radius:2px;background:#3e2119;color:#f4c5ae}.filters button{border-radius:4px}.upload{border-radius:5px;background:#211a16;border-color:#8b6751}.activity,.palettes,.modecontrol{border-radius:5px;background:#211b17}.hint{color:#bfb4a8}input:not([type=range]):not([type=file]):not([type=checkbox]),select{border-radius:4px;background:#100f0e;border-color:#51443a;color:#f4efe5}dialog{background:#181512;border-color:#67503e;border-radius:6px}.guideicon{border-radius:4px!important;background:#de2926!important;color:white!important}#introagain{width:100%;margin-top:20px;background:transparent;border-color:#785245;color:#f3d7c6}
#welcome{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#050505;overflow-y:auto;box-shadow:none;color:#f4efe5}#welcome[open]{display:flex;flex-direction:column;align-items:center}#welcome::backdrop{background:#000}.welcomeart{width:100%;flex:1;min-height:240px;position:relative;display:flex;justify-content:center;overflow:hidden}.welcomeart img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.welcomebottom{flex:none;position:relative;z-index:1;width:min(100%,440px);padding:12px 24px calc(18px + env(safe-area-inset-bottom));background:#050505;text-align:center}.welcomebottom p{font-size:15px;letter-spacing:.7px;margin:0 0 14px;color:#e1d8cc}.welcomebottom .primary{width:100%;min-height:54px;display:flex;justify-content:space-between;padding:14px 20px;font-size:16px;border:1px solid #ff6651;box-shadow:4px 4px 0 #5b160f;border-radius:2px}.welcomebottom .primary span{font-size:24px}.welcomebottom #skipintro{background:none;border:0;min-height:40px;margin-top:8px;font-size:14px;color:#d5c8b7}.welcomebottom small{display:block;font-size:12px;color:#aea294;margin-top:5px}@media(min-width:700px){#welcome[open]{flex-direction:row;justify-content:center}.welcomeart{max-width:550px;height:100%;flex:1}.welcomebottom{max-width:360px;text-align:left;padding:32px}.welcomebottom p{font-size:23px;font-weight:800;text-transform:uppercase;max-width:250px}}@media(max-height:550px) and (max-width:699px){.welcomeart{min-height:200px}.welcomebottom{padding-top:6px}.welcomebottom p{display:none}}