@import url("https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&family=Inter:wght@400;700;800&family=JetBrains+Mono:wght@400;700;800&family=Permanent+Marker&family=Playfair+Display:ital,wght@0,700;1,400&family=Special+Elite&display=swap");
:root{--ink:#24231f;--muted:#777267;--line:#cec7b8;--cream:#f6f0e2;--yellow:#e5ba32;--red:#a43c34}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{color:var(--ink);font-family:Inter;background:radial-gradient(circle at 10% 10%,#e5ba3230,transparent 25%),linear-gradient(135deg,#e7e1d5,#f6f2e9,#ded8cc)}button,input,select,textarea{font:inherit}button{cursor:pointer}header{height:58px;background:#292925;color:#f6f0e2;border-bottom:4px solid var(--yellow);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.brand{display:flex;gap:10px;align-items:center;font-family:JetBrains Mono}.brand b{background:var(--yellow);color:#171713;padding:6px 9px}.brand span{font-size:11px;letter-spacing:.16em}header button,.studioHead button,aside button{border:1px solid #bdb5a5;background:#faf6ec;color:var(--ink);padding:8px 11px;font:700 10px JetBrains Mono}header button{background:transparent;color:#eee8dc;border-color:#656158;margin-left:5px}.gold,.big:hover{background:var(--yellow)!important;color:#171713!important;border-color:#bd951e!important}main{height:calc(100vh - 58px);display:flex}aside{width:320px;min-width:290px;background:#eee9dc;border-right:1px solid var(--line);overflow:auto;padding:16px}.issue{background:#292925;color:#f6f0e2;padding:15px;box-shadow:5px 5px 0 var(--yellow);margin-bottom:16px}.issue small,label,dialog small{display:block;font:800 10px JetBrains Mono;letter-spacing:.1em;color:#777267}.issue small{color:#d5caa8}.issue strong{display:block;font:800 23px JetBrains Mono;margin:8px 0}.issue span{font:11px "Courier Prime"}.nav{width:32%;margin:0 1% 14px 0;background:#ddd8cd;border:0}.nav.active{background:var(--yellow)}section{margin-top:14px;border-top:1px solid var(--line);padding-top:13px}.big{width:100%;display:flex;justify-content:space-between;margin:5px 0;text-align:left;padding:12px;background:#faf7ef;box-shadow:2px 2px #d0c9bb}.big b{font:800 12px JetBrains Mono}.big small{font:11px "Courier Prime";color:#817b70}hr{border:0;border-top:1px solid var(--line);margin:16px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.grid button{font-size:9px;padding:9px 4px}.marker{font-family:"Permanent Marker"}.typewriter{font-family:"Courier Prime"}.serif{font-family:"Playfair Display"}.vintage{font-family:"Special Elite"}.hide{display:none!important}.wide{width:100%;margin-top:7px}.note{background:#e2ddd1;border-left:4px solid var(--red);padding:10px;font:11px/1.45 "Courier Prime"}.studio{flex:1;min-width:0;display:flex;flex-direction:column}.studioHead{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:#f5f0e580}.studioHead h1{font:800 24px JetBrains Mono;margin:5px 0}.desk{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:40px;background-image:linear-gradient(#00000008 1px,transparent 1px),linear-gradient(90deg,#00000008 1px,transparent 1px);background-size:24px 24px}.hint{position:absolute;top:14px;left:20px;font:700 9px JetBrains Mono;color:#898276}.help{position:absolute;bottom:14px;font:9px JetBrains Mono;color:#898276}.paper{width:min(430px,55vw);aspect-ratio:8.5/11;min-width:290px;position:relative;overflow:hidden;box-shadow:0 25px 55px #332d2030}.paper.cream{background:#fbf4e5}.paper.yellow{background:#e8c746}.paper.grey{background:#d8d5ce}.paper.red{background:#a94339;color:white}.paper.white{background:#fff}.paper.grid{background:#faf7ed;background-image:linear-gradient(#d8d0c1 1px,transparent 1px),linear-gradient(90deg,#d8d0c1 1px,transparent 1px);background-size:18px 18px}#canvas{position:absolute;inset:0;touch-action:none}.el{position:absolute;left:0;top:0;transform-origin:center;touch-action:none;user-select:none}.el.selected{outline:2px dashed var(--red);outline-offset:5px}.handle{display:none;position:absolute;width:13px;height:13px;border-radius:50%;border:2px solid white;z-index:4}.selected .handle{display:block}.resize{right:-8px;bottom:-8px;background:var(--yellow)}.rotate{left:50%;top:-27px;transform:translateX(-50%);background:var(--red)}.textEl{white-space:pre-wrap;font-weight:700;line-height:1.08}.imgEl{display:block;max-width:none}.sticker{font:800 11px JetBrains Mono;white-space:nowrap;padding:9px 13px}.issueS{background:var(--yellow)}.limited{background:var(--red);color:white}.tape{background:#f2df74}.archive{border:3px double currentColor}.barcode{background:white;color:#111;letter-spacing:2px}.hand{font:18px "Permanent Marker";border-bottom:2px solid currentColor}.pageThumb{width:100%;text-align:left;margin:3px 0;padding:9px;background:#faf7ef;border:1px solid #c7c0b2}.pageThumb.active{outline:3px solid var(--yellow)}.pageThumb .mini{height:35px;font-size:7px;border:1px solid #ddd5c7;margin-top:5px;overflow:hidden}.dialog{background:#f4efe3;color:var(--ink);border:1px solid #b9b09f;padding:22px;width:min(420px,90vw);box-shadow:12px 12px #292925}.dialog::backdrop{background:#28251f99}.dialog h2{font:800 23px JetBrains Mono}.dialog label{margin:13px 0}.dialog input,.dialog select,.dialog textarea{width:100%;margin-top:6px;padding:9px;border:1px solid #bbb3a3;background:#fffdf8}.dialog div{display:flex;justify-content:flex-end;gap:6px}.stickers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.stickers button{min-height:55px}.stickers [data-s=limited]{background:var(--red);color:white}.stickers [data-s=issue]{background:var(--yellow)}.stickers [data-s=tape]{background:#f2df74}.stickers [data-s=hand]{font:17px "Permanent Marker"}@media(max-width:800px){html,body{overflow:auto}.app,main{height:auto;min-height:calc(100vh - 58px)}main{flex-direction:column}.studio{height:65vh;order:1}.sidebar{order:2;width:100%;max-height:45vh;border-right:0;border-top:1px solid var(--line)}.paper{width:min(84vw,390px)}.topbar button:not(.gold){display:none}.help{font-size:7px}}@media print{body{background:#fff;overflow:visible}.topbar,aside,.studioHead,.hint,.help{display:none!important}.studio,.desk{display:block;height:auto;overflow:visible}.paper{width:8.5in;height:11in;box-shadow:none;page-break-after:always}@page{size:letter portrait;margin:0}}