.svg-workspace .workbench-input,.svg-workspace .workbench-result{min-width:0}.svg-workspace button{min-height:44px}.svg-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.svg-actions button,.svg-upload button{white-space:normal;justify-content:center;padding:8px;font-size:12px}.svg-icon{justify-content:center;width:44px;min-width:44px;padding:10px}.svg-upload{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.svg-upload p{margin:0;font-size:12px;line-height:18px}.svg-file-row{border:1px solid var(--color-rule);background:var(--color-surface);border-radius:10px;grid-template-columns:minmax(0,1fr) repeat(2,44px);align-items:center;gap:8px;min-height:106px;padding:8px;display:grid}.svg-file-row>div{min-width:0}.svg-file-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:20px;display:block;overflow:hidden}.svg-file-row p{overflow-wrap:anywhere;height:54px;margin:4px 0 0;font-size:12px;line-height:18px;overflow:auto;min-height:54px!important}.svg-field{flex-direction:column;gap:8px;min-width:0;margin:12px 0;font-size:13px;font-weight:600;display:flex}.svg-field>span{justify-content:space-between;gap:8px;line-height:20px;display:flex}.svg-field output{direction:ltr;font-size:12px;font-weight:400}.svg-field input,.svg-field select,.svg-code-details textarea{width:100%;min-width:0;min-height:44px;font:inherit;border:1px solid var(--color-rule);background:var(--color-surface);color:var(--color-ink);border-radius:8px;padding:8px 10px;font-size:16px;font-weight:400}.svg-field input[type=range]{accent-color:var(--color-accent);background:0 0;border:0;padding:8px 0}.svg-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.svg-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:13px;display:flex}.svg-check input{width:18px;height:18px;accent-color:var(--color-accent);flex-shrink:0}.svg-color{grid-template-columns:44px minmax(0,1fr);gap:8px;display:grid}.svg-color input[type=color]{width:44px;height:44px;padding:4px}.svg-code-details,.svg-notes{border-top:1px solid var(--color-rule);margin-top:12px;padding-top:8px}.svg-code-details summary,.svg-notes summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:600;list-style:none;display:flex}.svg-code-details summary::-webkit-details-marker,.svg-notes summary::-webkit-details-marker{display:none}.svg-code-details textarea{resize:none;height:230px;min-height:230px;max-height:230px;font-family:var(--font-mono);margin:8px 0;line-height:1.5;display:block;overflow:auto}.svg-hint{overflow-wrap:anywhere;font-size:12px;line-height:18px}.svg-convert{white-space:normal;justify-content:center;width:100%;margin-top:8px;font-size:13px}.svg-heading{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:44px;margin-bottom:12px;display:grid}.svg-heading h2{margin:0}.svg-stage{border:1px solid var(--color-rule);background-color:var(--color-surface);background-image:linear-gradient(45deg, var(--color-paper-3) 25%, transparent 25%), linear-gradient(-45deg, var(--color-paper-3) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-paper-3) 75%), linear-gradient(-45deg, transparent 75%, var(--color-paper-3) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:12px;justify-content:center;align-items:center;height:340px;min-height:340px;display:flex;position:relative;overflow:hidden}.svg-live{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;padding:16px;display:flex}.svg-image{object-fit:contain;max-width:100%;max-height:100%}.svg-stage canvas{object-fit:contain;max-width:100%;max-height:100%;display:none}.svg-workspace[data-rendered=true] .svg-stage canvas{display:block}.svg-workspace[data-rendered=true] .svg-live,.svg-workspace[data-rendered=true] .svg-empty{display:none}.svg-empty{text-align:center;background:var(--color-surface);justify-content:center;align-items:center;margin:0;padding:24px;font-size:13px;display:flex;position:absolute;inset:0}.svg-size{min-height:36px;margin:10px 0;font-size:12px;line-height:18px}.svg-status{overflow-wrap:anywhere;height:100px;margin:0;font-size:13px;line-height:20px;overflow:auto;min-height:100px!important}.svg-tips,.svg-notes ul{padding-inline-start:18px;font-size:13px;line-height:1.8}.svg-workspace [hidden]{display:none!important}.svg-workspace :is(input,select,textarea,button,summary):focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (width<=767px){.svg-stage{height:280px;min-height:280px}.svg-code-details textarea{height:200px;min-height:200px;max-height:200px}}