#scc-container{width:100%;max-width:100%;margin:0 auto;font-family:sans-serif}.scc-layout{display:flex;gap:24px}.scc-controls{width:320px;flex-shrink:0;background:#fff;padding:24px;border:1px solid #ddd;border-radius:8px;align-self:flex-start}#scc-viewer{flex:1;min-height:550px;background:#e9ecef;border-radius:8px;overflow:hidden;position:relative;cursor:grab;z-index:1}.input-group{margin-bottom:15px;text-align:left}.input-group label{font-weight:700;display:block;margin-bottom:5px}.input-group input[type="number"]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}button#scc-download{background-color:#0073aa;color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:4px}button#scc-download:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.scc-layout{flex-direction:column}.scc-controls{width:100%}#scc-viewer{min-height:400px}}