.gi-root{max-width:1080px}.gi-root fieldset{border:0;padding:0;margin:28px 0 0;min-width:0}.gi-root legend{font-size:1.125rem;font-weight:650;margin-bottom:14px}.gi-root textarea{min-height:180px;resize:vertical}.gi-meta{display:flex;justify-content:space-between;gap:12px;color:#555;font-size:.875rem}.gi-meta span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.gi-examples,.gi-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.gi-dimensions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.gi-plan{margin:20px 0;line-height:1.7;overflow-wrap:anywhere}.gi-output{max-width:100%;max-height:500px;object-fit:contain}.gi-root select,.gi-root input,.gi-root textarea{max-width:100%;min-width:0}.gi-root :focus-visible{outline:3px solid #70513f;outline-offset:3px}.gi-root button:disabled{opacity:.55;cursor:not-allowed}.gi-root [hidden]{display:none!important}.gi-root #gi-result{margin-top:24px;overflow-wrap:anywhere}.gi-root ::selection{background:#e6d7c9;color:#30251f}@media(max-width:600px){.gi-dimensions{grid-template-columns:1fr}.gi-meta{flex-direction:column;gap:4px}.gi-root .panel{padding:18px}.gi-root .gi-actions .btn{width:100%}}
