:root{color-scheme:light dark}.module-flow{display:grid;gap:20px}.module-intro{display:flex;justify-content:space-between;align-items:center;gap:16px}.module-intro p{margin:0;color:#616161;line-height:1.6;max-width:70ch}.module-hero{padding:28px;border:1px solid #d8e2ef;border-radius:14px;background:linear-gradient(120deg,#f6f9ff,#fff);color:#202223}.module-hero h2{margin:6px 0 12px;font-size:clamp(24px,3vw,32px);font-weight:650;letter-spacing:-.6px}.module-hero p{margin:0 0 18px;max-width:65ch;line-height:1.6;color:#616161}.module-eyebrow{font-size:12px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:#47658d}.module-metric{font-size:32px;line-height:1.3;font-weight:650;font-variant-numeric:tabular-nums;margin:8px 0;letter-spacing:-1px}.module-tabs{display:flex;flex-wrap:wrap;gap:8px}.module-empty{padding:30px 16px;text-align:center}.module-empty h3{font-size:17px;margin:0 0 10px}.module-empty p{color:#616161;line-height:1.6;margin:0 auto 18px;max-width:50ch}.module-logo-preview{min-height:150px;display:flex;align-items:center;justify-content:center;border:1px dashed #c7cdd4;border-radius:12px;background:#f8fafc;padding:24px}.module-logo-preview img{max-width:100%;max-height:110px;object-fit:contain}.module-upload{display:grid;gap:12px;padding:20px;border:1px solid #e3e3e3;border-radius:12px}.module-upload input{max-width:100%;font:inherit}.module-upload input::file-selector-button{padding:8px 14px;border:1px solid #ccc;border-radius:8px;background:#fff;color:#202223;cursor:pointer;margin-right:12px;font:inherit}.module-layout{border:1px solid #e3e3e3;border-radius:10px;padding:18px}.module-layout h3{margin:12px 0 6px;font-size:15px}.module-layout p{line-height:1.6;color:#616161;margin:0;font-size:13px}.paper-mini{height:130px;width:92px;background:#fff;border:1px solid #c7cdd4;padding:12px;box-shadow:0 4px 12px #0000000a;margin:0 auto;display:grid;align-content:start;gap:7px}.paper-mini span{display:block;height:5px;background:#d7dfe9}.paper-mini span:first-child{width:45%;height:9px;background:#557393}.paper-mini span:nth-child(2){margin:10px 0;width:60%}.paper-mini.minimal span:first-child{background:#aaa;width:30%}.paper-mini.compact{gap:4px}.module-footer{text-align:center;color:#707070;font-size:12px;padding:8px 0 20px}.module-public{min-height:100vh;display:grid;align-content:center;padding:24px;background:#f5f7fa;color:#202223;font-family:Inter,system-ui,sans-serif}.module-public-card{max-width:540px;width:100%;margin:auto;padding:32px;background:#fff;border:1px solid #e0e5ec;border-radius:18px;box-shadow:0 12px 40px #172b4d0a;box-sizing:border-box}.module-public h1{font-size:28px;letter-spacing:-.6px;margin:10px 0}.module-public p{color:#616161;line-height:1.65}.module-public label{display:grid;gap:8px;font-size:14px;margin:20px 0 12px}.module-public input{width:100%;padding:12px;box-sizing:border-box;border:1px solid #adb5bf;border-radius:8px;font:inherit}.module-public button{padding:12px 20px;border:0;border-radius:8px;background:#303030;color:#fff;font:inherit;font-weight:600;cursor:pointer}.module-public a{color:#315c86}@media(max-width:560px){.module-intro{align-items:flex-start;flex-direction:column}.module-hero{padding:20px}.module-flow{gap:16px}}@media(prefers-color-scheme:dark){.module-intro p,.module-empty p,.module-layout p,.module-footer{color:#b4b4b4}.module-hero{background:linear-gradient(120deg,#1d2631,#202223);color:#eee;border-color:#46515f}.module-hero p{color:#b4b4b4}.module-logo-preview{background:#f8fafc}}.module-layout-choice{position:relative;display:flex;flex-direction:column;gap:10px;cursor:pointer;background:#fff;color:#202223;border:2px solid #e3e3e3;transition:border-color .15s,background .15s,box-shadow .15s}.module-layout-choice:hover{border-color:#93a8c1;background:#fafcff}.module-layout-choice[data-selected=true]{border-color:#315f96;background:#f3f7fd;box-shadow:0 0 0 1px #315f961a}.module-layout-choice:has(input:focus-visible){outline:3px solid #005bd3;outline-offset:3px}.layout-choice-input{position:absolute;width:1px;height:1px;opacity:0}.layout-choice-status{align-self:flex-end;font-size:12px;font-weight:600;color:#616161;min-height:18px}.module-layout-choice[data-selected=true] .layout-choice-status{color:#244e83}.layout-choice-title{font-size:16px;font-weight:650;margin-top:6px}.layout-choice-description{font-size:13px;line-height:1.6;color:#616161}.module-flow{gap:24px}.module-section-content{display:grid;gap:16px;min-width:0}.module-form{display:grid;gap:24px;min-width:0;margin:0}.module-section-content>s-paragraph{margin:0}.module-section-content>s-button,.module-form>s-button{justify-self:start}.module-upload{gap:16px;height:100%;box-sizing:border-box;align-content:start}.module-upload label{display:grid;gap:8px;min-width:0}.module-upload input{width:100%}.module-upload>s-button{justify-self:start}.module-layout-choice{padding:20px;gap:14px}.module-logo-preview .module-empty{padding:12px}.module-logo-preview .module-empty p{margin-bottom:0}.module-tabs{gap:10px}.module-footer{margin-top:8px;padding-top:16px}@media(max-width:560px){.module-flow{gap:20px}.module-section-content{gap:14px}.module-form{gap:20px}.module-layout-choice{padding:16px}}.module-settings-group{display:grid;gap:16px}.module-settings-group+.module-settings-group{border-top:1px solid #e3e3e3;padding-top:24px;margin-top:8px}.module-changelog-group{display:grid;gap:12px}.module-changelog-group+.module-changelog-group{border-top:1px solid #e3e3e3;padding-top:20px}.module-changelog-group s-list-item{line-height:1.6;padding-block:4px}.module-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:24px 0;border-top:1px solid #e3e5e8;text-align:left}.module-footer-info{display:grid;gap:6px}.paper-mini.compact{background:#fafbfc;gap:3px}.paper-mini.compact span:first-child{width:100%;height:16px;background:#263445}.paper-mini.compact span:nth-child(2){width:48%;height:4px}.paper-mini.compact span:nth-child(n+3){height:4px;background:#c5ccd5}.paper-mini.minimal{gap:12px}.paper-mini.minimal span:first-child{width:85%;height:16px;background:#235ea5}.paper-mini.minimal span:nth-child(2){width:100%;height:2px;background:#235ea5}.paper-mini.minimal span:nth-child(n+3){height:3px;background:#dbe2ea}