/* Tool-specific controls; shared site styles remain in style.css. */
.export-options { min-width:0; padding:12px; border:1px solid var(--line); border-radius:10px; background:#f5faf9; }
.export-options summary { cursor:pointer; font-size:.875rem; font-weight:700; }
.export-options label { margin-top:14px; flex-wrap:wrap; }
.export-options select { max-width:100%; min-width:0; }
.export-options input[type=color] { width:48px; height:36px; padding:2px; border:1px solid var(--line); border-radius:6px; background:white; }
.export-options input[type=range] { flex:1; min-width:60px; }
.export-note { margin:12px 0 0; color:var(--dim); font-size:.75rem; line-height:1.6; }
.preview-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; width:100%; margin-bottom:18px; }
.preview-toolbar button { min-height:42px; border:1px solid #accdd2; border-radius:9px; padding:9px 14px; background:white; color:var(--fg); font:inherit; font-size:.875rem; cursor:pointer; }
.preview-toolbar button[aria-pressed=true] { background:var(--cyan); border-color:var(--accent); }
#preview-mode { padding:5px 9px; border-radius:5px; font-size:.75rem; background:#ffffffeb; color:var(--dim); }
#busy { position:absolute; top:16px; z-index:2; box-shadow:0 4px 14px #18323725; }
.toolbox [hidden] { display:none!important; }
.toolbox button:disabled,.toolbox select:disabled { opacity:.5; cursor:not-allowed; }
.toolbox button:focus-visible,.toolbox input:focus-visible,.toolbox select:focus-visible,.export-options summary:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
@media(max-width:680px) { .controls .rowbtns { display:grid; grid-template-columns:1fr 1fr; } .export-options { grid-column:1/-1; grid-row:1; } .export-options label { gap:12px; } .preview-toolbar { gap:8px; } }