.mural-topgap{margin-left:auto}.mural-app{grid-template-columns:minmax(270px,330px) minmax(0,1fr);align-items:start;gap:22px;width:100%;max-width:1180px;margin:0 auto;padding:18px 20px;display:grid}.mural-side{flex-direction:column;gap:12px;min-width:0;display:flex}.mural-theme{color:#1a1405;background:linear-gradient(135deg,#ff3b5c 0%,#f5c542 100%);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.mural-theme-ico{filter:drop-shadow(0 3px 4px #00000040);font-size:34px;line-height:1}.mural-theme-txt{flex-direction:column;min-width:0;display:flex}.mural-theme-txt small{letter-spacing:.06em;text-transform:uppercase;opacity:.75;font-size:11px;font-weight:800}.mural-theme-txt b{letter-spacing:-.01em;font-size:22px;font-weight:900;line-height:1.1}.mural-theme-txt span{opacity:.75;font-size:12px;font-weight:600}.mural-box{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.mural-box-title{color:var(--muted);font-size:12px;font-weight:700}.mural-toolbar{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.mural-tool{background:var(--field);border:1px solid var(--line);color:var(--muted);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:11px;font-weight:700;display:flex}.mural-tool-icon{font-size:20px;line-height:1}.mural-tool[aria-checked=true]{border-color:var(--gold);background:var(--surface-2);color:var(--ink);box-shadow:0 0 0 1px var(--gold) inset}.mural-sizes{gap:6px;display:flex}.mural-size{background:var(--field);border:1px solid var(--line);border-radius:8px;flex:1;place-items:center;height:34px;display:grid}.mural-size i{width:var(--d);height:var(--d);background:var(--ink);border-radius:50%;display:block}.mural-size[aria-checked=true]{border-color:var(--gold);background:var(--surface-2)}.mural-palette{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.mural-swatch{aspect-ratio:1;border-radius:8px;transition:transform .1s;box-shadow:inset 0 0 0 1px #00000040,inset 0 -3px #00000026}.mural-swatch:hover{transform:scale(1.08)}.mural-swatch[aria-checked=true]{outline:3px solid var(--ink);outline-offset:2px;transform:scale(1.1)}.mural-ink{color:var(--muted);align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.mural-ink-bar{background:var(--field);border:1px solid var(--line);border-radius:999px;flex:1;height:10px;overflow:hidden}.mural-ink-bar i{transform-origin:0;background:linear-gradient(90deg,#38bdf8,#a78bfa,#ff3b5c);height:100%;transition:transform .1s linear;display:block}.mural-ink-bar.low i{background:#ff5470}.mural-ink-bar.empty{animation:.35s mural-shake}@keyframes mural-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.mural-name{align-items:center;gap:8px;font-size:12px;display:flex}.mural-name input{flex:1;min-height:34px!important;margin-top:0!important}.mural-gallery{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mural-thumb{color:var(--muted);text-align:left;flex-direction:column;gap:4px;font-size:11px;display:flex}.mural-thumb canvas{aspect-ratio:1;width:100%;image-rendering:pixelated;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px}.mural-stage-wrap{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.mural-viewport{aspect-ratio:1;touch-action:none;cursor:crosshair;background:#ece8df;border:6px solid #2a2017;border-radius:12px;width:min(100%,100dvh - 130px);position:relative;overflow:hidden;box-shadow:0 20px 50px #00000073}.mural-viewport[data-tool=hand]{cursor:grab}.mural-viewport[data-tool=picker]{cursor:copy}.mural-canvas{transform-origin:0 0;image-rendering:pixelated;background:0 0;border:0;border-radius:0;position:absolute;top:0;left:0}.mural-past .mural-viewport{cursor:default}.mural-under{width:min(100%,100dvh - 130px);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.mural-who{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mural-zoom{flex:none;align-items:center;gap:4px;display:flex}.mural-viewing{color:var(--gold);font-size:14px}@media (width<=860px){.mural-app{flex-direction:column;align-items:stretch;gap:10px;padding:10px 12px;display:flex}.mural-side{display:contents}.mural-theme{order:1;padding:8px 12px}.mural-theme-ico{font-size:26px}.mural-theme-txt b{font-size:18px}.mural-tools-box{order:2;gap:8px;padding:10px}.mural-stage-wrap{order:3}.mural-gallery-box{order:4}.mural-viewport,.mural-under{width:100%}.mural-palette{grid-template-columns:repeat(16,1fr);gap:3px}.mural-swatch{border-radius:4px}.mural-tool{flex-direction:row;justify-content:center;padding:6px 4px}.mural-tool-label,.mural-sizes,.mural-name{display:none}}@media (prefers-reduced-motion:reduce){.mural-ink-bar.empty{animation:none}}