.mask-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:16px 0;}
.mask-workspace button,.mask-workspace select{border:1px solid var(--line);border-radius:12px;padding:11px 14px;min-height:44px;font:inherit;}
.mask-workspace button:not(.primary){background:#fffdf8;color:var(--ink);}
.mask-workspace .primary{border-color:transparent;border-radius:14px;}
.mask-workspace button:disabled{opacity:.5;cursor:not-allowed;}
#mask-view{display:block;max-width:none;height:auto;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:white;touch-action:none;cursor:crosshair;margin:0;}
#mask-view:focus-visible{outline:3px solid #ad4527;outline-offset:3px;}
#mask-result-preview{display:block;max-width:100%;max-height:600px;object-fit:contain;margin:16px auto;border:1px solid var(--line);border-radius:10px;}
#mask-result .mask-download{display:inline-block;max-width:100%;box-sizing:border-box;overflow-wrap:normal;text-decoration:none;padding:14px 18px;}
.mask-workspace [hidden]{display:none!important;}
@media(max-width:480px){.mask-toolbar>*{max-width:100%;}}

.mask-workspace select{background:#fffdf8;color:var(--ink);}


#mask-view{margin:18px 0;box-sizing:border-box;}
.mask-keyboard{margin:12px 0;}
.mask-keyboard summary{cursor:pointer;font-size:.9em;}

#mask-pages{justify-content:space-between;align-items:center;}
@media(max-width:600px){#mask-pages .mask-nav-word{display:none;}#mask-pages button{min-width:44px;}}