.string-workspace{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:1.25rem;align-items:start}.string-page h2{font-size:1.05rem}.string-local{color:#325d45}.string-settings{gap:.25rem}.string-settings label{display:block;font-size:.9rem;margin-top:.5rem}.string-settings input[type=range],.string-results input[type=range],.string-results progress{width:100%;accent-color:#173a60}.string-settings summary{cursor:pointer;font-weight:600}.string-fields{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.string-fields>div,.string-results{min-width:0}.string-previews{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.string-previews .card{padding:1rem}.string-previews canvas{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:.5rem;background:white}.string-actions{display:flex;gap:.55rem;flex-wrap:wrap}.string-actions .btn{font-size:.85rem}.string-status p:last-of-type{margin-bottom:1rem}#string-status[data-error=true]{color:#b42318}#string-guide-panel[hidden]{display:none}#string-instruction{font-size:1.15rem;font-weight:600;color:#173a60}#string-stats{font-weight:600}@media(max-width:900px){.string-workspace{grid-template-columns:1fr}.string-settings{display:block}.string-settings details{max-width:100%}.string-fields{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:540px){.string-previews{grid-template-columns:1fr}.string-fields{grid-template-columns:1fr 1fr}.string-previews canvas{max-width:420px;margin:auto}}