.graffiti-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:2px solid #738ba0;border-radius:18px;background:#182938;color:#fff5df;padding:18px;font:800 16px/1.4 Nunito,sans-serif}.graffiti-dialog::backdrop{background:#061019bd}.graffiti-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:sticky;top:-18px;background:#182938;padding:12px 0;z-index:1}.graffiti-dialog h2{margin:0;font-size:28px}.graffiti-dialog p{margin:8px 0}.graffiti-dialog #graffitiPlace{color:#c9dde9}.graffiti-dialog button,.graffiti-dialog select{min-width:44px;min-height:44px;font:900 16px Nunito,sans-serif;border:2px solid #6e8799;border-radius:10px;background:#273e51;color:#fff5df;padding:8px 12px}.graffiti-dialog button:disabled{opacity:.5}.graffiti-dialog [data-save]{background:#ffcf4d;color:#14222e}.graffiti-dialog canvas{display:block;width:min(100%,384px);height:auto;aspect-ratio:1;margin:12px auto;border:2px solid #8299aa;border-radius:10px;touch-action:none;background:#14222e}.graffiti-palette{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.graffiti-palette button{padding:0;border:3px solid transparent}.graffiti-palette button[aria-pressed=true]{border-color:white;box-shadow:inset 0 0 0 2px #14222e}.graffiti-tools,.graffiti-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.graffiti-actions label{flex:1 0 100%;display:flex;align-items:center;gap:10px;min-height:44px}.graffiti-actions input{width:22px;height:22px}.graffiti-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #557184;padding:8px 0;overflow-wrap:anywhere}.graffiti-row span{min-width:0}.graffiti-dialog summary{min-height:44px;padding:8px 0;cursor:pointer}.graffiti-dialog :focus-visible{outline:3px solid #5dc8ff;outline-offset:3px}.graffiti-help{font-size:14px;color:#c9dde9}.graffiti-dialog [hidden]{display:none!important}@media(max-width:420px){.graffiti-dialog{padding:12px;font-size:15px}.graffiti-dialog header{top:-12px}.graffiti-dialog h2{font-size:24px}.graffiti-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.graffiti-dialog .graffiti-actions button{flex:1 1 44%}.graffiti-dialog canvas{max-height:42dvh;width:auto;max-width:100%}}

.graffiti-dialog header>div:first-child{min-width:0;flex:1}.graffiti-header-actions{display:flex;gap:6px;flex-shrink:0}.graffiti-header-actions button{padding:8px;white-space:nowrap}