*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}.app-shell{color:#111;box-sizing:border-box;background:radial-gradient(circle at 20% 10%,#f9ff00 0%,#0000 22%),radial-gradient(circle at 80% 90%,#00f0ff 0%,#0000 18%),#ffe4f1;min-height:100vh;padding:12px;font-family:Trebuchet MS,Arial Black,Arial,sans-serif}.top-bar{background:#fff;border:3px solid #111;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex;transform:rotate(-.5deg);box-shadow:7px 7px #111}.top-actions{flex-wrap:wrap;gap:8px;display:flex}.project-name-input{background:#faff7d;border:3px solid #111;width:min(320px,45vw);padding:8px 10px;font-size:1rem;box-shadow:4px 4px #111}button,input,textarea{font:inherit}button{cursor:pointer;background:#7cff4b;border:3px solid #111;padding:8px 10px;transition:transform .12s;box-shadow:3px 3px #111}button:hover{transform:translate(-1px,-1px)}button.danger{background:#ff7aa9}.editor-layout{grid-template-columns:clamp(260px,22vw,420px) 1fr 290px;align-items:start;gap:14px;display:grid}.left-panel,.right-panel{background:#fff;border:3px solid #111;padding:12px;box-shadow:7px 7px #111}.left-panel{background:linear-gradient(#f3ff00 0%,#ff8ae8 100%)}.panel-skew{transform:rotate(-1.4deg)}.panel-skew-right{transform:rotate(1.1deg)}.left-panel h2,.left-panel h3,.right-panel h2{margin:0 0 8px}.left-panel h3{margin-top:14px}.input-label{margin:10px 0;display:block}.input-label input[type=file]{margin-top:6px;display:block}.stack-sm{gap:8px;display:grid}.sticker-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sticker-palette-item{background:#ffd8fd;min-height:48px}.custom-sticker-title{margin:10px 0 6px}.custom-sticker-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.custom-sticker-item{background:#fff;min-height:72px;padding:4px}.custom-sticker-item img{object-fit:contain;width:100%;height:60px;display:block}.canvas-shell{justify-content:center;display:flex}.canvas-paper{background-color:#fffef3;background-image:linear-gradient(#0000 32px,#00000008 33px),linear-gradient(90deg,#0000 32px,#00000008 33px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:4px solid #111;width:900px;height:1200px;position:relative;overflow:hidden;box-shadow:10px 10px #111}.zine-element{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;position:absolute}.zine-element.selected{outline-offset:3px;outline:3px dashed #111}.text-element{box-sizing:border-box;border:2px solid #111;width:100%;height:100%;padding:10px;overflow:hidden;box-shadow:4px 4px #111}.ransom-word{background:#fff;border:1px solid #111;margin:1px;padding:2px;font-family:Courier New,Courier,monospace;display:inline-block}.image-element{object-fit:cover;border:3px solid #111;width:100%;height:100%;box-shadow:4px 4px #111}.sticker-element{border:3px solid #111;place-items:center;width:100%;height:100%;font-size:clamp(24px,5vw,56px);display:grid;box-shadow:4px 4px #111}.custom-sticker-image{object-fit:contain;width:100%;height:100%}.sticker-label,.sticker-tape{font-size:clamp(18px,3vw,26px);font-weight:700}.sticker-star{background:#fff06b}.sticker-heart{background:#ff6eb7}.sticker-lightning{background:#a8ff00}.sticker-skull{background:#e2e2e2}.sticker-flower{background:#ffa649}.sticker-eye{background:#7de2ff}.sticker-arrow{background:#ffd7a2}.sticker-label{background:#f8f8f8}.sticker-tape{letter-spacing:.08em;background:#f6edd0;border:none;font-size:clamp(14px,2vw,20px);box-shadow:2px 2px #00000047}.embed-card{color:#111;box-sizing:border-box;background:#84ff5f;border:3px solid #111;flex-direction:column;gap:5px;width:100%;height:100%;padding:10px;text-decoration:none;display:flex;box-shadow:4px 4px #111}.embed-card span{word-break:break-all;font-size:.8rem}.sound-element{background:#0ef;width:100%;height:100%}.right-panel label{gap:4px;display:grid}.right-panel input,.right-panel textarea,.left-panel input{background:#fff;border:2px solid #111;width:100%;min-width:0;max-width:100%;padding:5px 6px}.left-panel input[type=file]{color:#111;background:#fff9c4;border:3px solid #111;padding:6px;font-size:.82rem;line-height:1.2;overflow:hidden;box-shadow:3px 3px #111}.left-panel input[type=file]::file-selector-button{color:#111;cursor:pointer;background:#00f0ff;border:3px solid #111;margin-bottom:2px;margin-right:8px;padding:5px 8px;font-weight:700;transition:transform .12s;box-shadow:2px 2px #111}.left-panel input[type=file]::file-selector-button:hover{transform:translate(-1px,-1px)}.right-panel textarea{resize:vertical;min-height:70px}.row-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.import-panel{background:#fff;border:3px solid #111;margin-bottom:12px;padding:12px;box-shadow:6px 6px #111}.import-panel textarea{box-sizing:border-box;width:100%;min-height:130px;margin-bottom:8px}.status-bar{background:#f9ff7f;border:2px solid #111;margin-top:10px;padding:6px 10px;display:inline-block;transform:rotate(-.6deg);box-shadow:4px 4px #111}@media (width<=1260px){.editor-layout{grid-template-columns:1fr}.panel-skew,.panel-skew-right{transform:none}.canvas-paper{width:min(900px,100%);height:900px}}