:root{--grey:#4d4d4d;--blue:#225a88;--bg:#fff;--border:silver;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--border-radius:15px;--header-height:85px;--app-width:1050px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:1.05rem var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--grey);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{width:var(--app-width);max-width:100%;padding-top:calc(var(--header-height) + 25px);text-align:center;box-sizing:border-box;text-align:left;flex-direction:column;gap:25px;min-height:calc(100svh - 25px);margin:0 auto 25px;padding-bottom:200px;display:flex}body{margin:0}h1,h2,h3,h4,p{margin:0;padding:0}h1{font-size:1.6rem;font-weight:700}h2{font-size:1.3rem;font-weight:600}header{padding:0px max(15px, calc((100% - var(--app-width)) / 2)) 0px;height:var(--header-height);box-sizing:border-box;z-index:10;background:var(--bg);justify-content:space-between;align-items:center;gap:10px;display:flex;position:fixed;top:0;left:0;right:0}header:after{content:"";bottom:0;left:max(15px, calc((100% - var(--app-width)) / 2));right:max(15px, calc((100% - var(--app-width)) / 2));border-bottom:1px solid var(--border);position:absolute}section{flex-direction:column;gap:25px;display:flex}button.inactive{background-color:var(--border);box-shadow:none}button{background-color:var(--blue);color:#fff;width:fit-content;box-shadow:var(--shadow);font-family:inherit;font-size:inherit;border-radius:var(--border-radius);cursor:pointer;border:none;padding:10px 15px;transition:filter .2s,transform .2s}button:hover{transform:scale(1.03)}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}button.copy{color:var(--grey);box-shadow:none;background-color:#0000;border:none;padding:0}button.copy:hover{transform:none}a{color:inherit;cursor:pointer;text-decoration:none}a.active{color:var(--blue);font-weight:600;text-decoration:underline}a:hover{text-decoration:underline}button a:hover{text-decoration:none}.sccrc-logo{width:45px}.flex-row{flex-direction:row;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.flex-row-5{flex-direction:row;align-items:center;gap:5px;display:flex}.flex-row-10{flex-direction:row;align-items:center;gap:10px;display:flex}.flex-row-15{flex-direction:row;align-items:center;gap:15px;display:flex}.flex-column-5{flex-direction:column;gap:5px;display:flex}.flex-column-10{flex-direction:column;gap:10px;display:flex}.flex-column-15{flex-direction:column;gap:15px;display:flex}div.action-box{border:1px solid var(--border);border-radius:var(--border-radius);padding:15px}.file-dropzone{text-align:center;border:2px dashed var(--border);border-radius:var(--border-radius);height:175px;color:var(--grey);cursor:pointer;background:#f5f5f5;justify-content:center;align-items:center;gap:5px;padding:40px 20px;transition:border-color .2s,background-color .2s,transform .2s;display:flex}.file-dropzone:hover{border-color:var(--blue)}.file-dropzone--active{border-color:var(--accent);background:var(--accent-bg);transform:scale(1.01)}.file-dropzone--error{background:#d43b3b14;border-color:#d43b3b}.file-dropzone--filled{cursor:default;border-style:solid}.file-dropzone__hint{color:var(--grey);opacity:.75;font-size:.85rem}.file-dropzone__preview{text-align:left;justify-content:flex-start;width:100%}.file-dropzone__filename{word-break:break-all;font-weight:600}.file-dropzone__filesize{opacity:.75;font-size:.85rem}button.file-dropzone__remove{color:var(--grey);width:auto;box-shadow:none;background:0 0;border-radius:50%;margin-left:auto;padding:5px;transition:color .2s}button.file-dropzone__remove:hover{color:var(--blue);transform:none}.file-dropzone__error{color:#d43b3b;margin-top:8px;font-size:.9rem}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--grey);background:var(--bg);border:1px solid var(--border);border-radius:var(--border-radius);box-sizing:border-box;padding:10px 15px;transition:border-color .2s}input:hover,textarea:hover,select:hover{border-color:var(--blue)}input:focus,textarea:focus,select:focus{border-color:var(--blue);outline:none}input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.6}input::placeholder,textarea::placeholder{color:var(--grey);opacity:.6}.dropdown{width:fit-content;min-width:220px;position:relative}.dropdown__toggle{background:var(--bg);width:100%;color:var(--grey);border:1px solid var(--border);box-shadow:none;font-family:inherit;font-size:inherit;border-radius:var(--border-radius);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:10px 15px;transition:border-color .2s;display:flex}.dropdown__toggle:hover{border-color:var(--blue);transform:none}.dropdown__toggle:active{transform:none}.dropdown--open .dropdown__toggle{border-color:var(--blue)}.dropdown--disabled .dropdown__toggle{cursor:not-allowed;opacity:.6}.dropdown__placeholder{opacity:.6}.dropdown__icon{flex-shrink:0;transition:transform .2s}.dropdown--open .dropdown__icon{transform:rotate(180deg)}.dropdown__menu{z-index:20;background:var(--bg);border:1px solid var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow);max-height:240px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.dropdown__option{border-radius:calc(var(--border-radius) - 6px);cursor:pointer;padding:8px 10px}.dropdown__option:hover{background:#225a881a}.dropdown__option--selected{background:var(--blue);color:#fff}
