/* Appearance controls own these surfaces; legacy themes remain isolated. */
html body{--ui-radius:10px;--ui-space:24px;--ui-btn:42px;--ui-field:300px;background:var(--bg-color)!important;padding-top:100px!important;padding-left:264px!important;padding-right:32px!important;font-family:'Segoe UI',Arial,sans-serif!important}
html body #main-nav{width:230px;background:var(--card-bg)!important;border-color:var(--border-color)!important;padding-top:20px}html body .main-header{left:230px;height:65px;min-height:65px;background:var(--card-bg)!important;border-color:var(--border-color)!important}.modern-brand img{width:36px;height:36px;object-fit:contain;border-radius:8px;flex:none}.modern-brand strong{font-size:16px}.modern-brand small{font-size:10px}html body .main-header h3{font-size:15px!important;letter-spacing:0!important;text-transform:none!important}html body .modern-footer{width:229px;background:var(--card-bg)!important;border-color:var(--border-color)!important;font-size:12px}html body .tab-content{max-width:none;min-height:calc(100vh - 145px);padding:var(--ui-space)!important;border:1px solid var(--border-color);border-radius:var(--ui-radius)!important;background:color-mix(in srgb,var(--card-bg) 94%,transparent);box-shadow:none}.modern-section-label{font-size:23px;margin-bottom:25px;padding-bottom:20px;border-color:var(--border-color)}html body #main-nav .tab-button{min-height:43px;font-size:13px!important;padding:11px 12px!important;color:var(--text-color)!important;border-radius:var(--ui-radius)!important}html body #main-nav .tab-button.active{background:color-mix(in srgb,var(--accent-color) 12%,var(--card-bg))!important;border-color:color-mix(in srgb,var(--accent-color) 35%,var(--border-color))!important;color:var(--text-bright)!important}html body #main-nav .tab-button.active svg{color:var(--accent-color)}html body #main-nav .tab-button:hover{background:var(--btn-bg)!important;color:var(--text-bright)!important}html body .tab-content button,html body .settings-toggle-btn{min-height:var(--ui-btn);font-size:14px!important;padding:11px 18px!important;border-radius:var(--ui-radius)!important;background:var(--btn-bg)!important;color:var(--text-bright)!important;border-color:var(--border-color)!important}html body .tab-content button.modern-primary,html body .exch-copy-main-btn{background:var(--accent-color)!important;color:var(--text-active)!important;border-color:var(--accent-color)!important}html body .tab-content button:hover{filter:brightness(1.15);background:var(--btn-bg)!important}html body .tab-content button.modern-primary:hover{background:var(--accent-color)!important}html body textarea{min-height:var(--ui-field);font-size:14px!important;background:var(--bg-color)!important;border-color:var(--border-color)!important;border-radius:var(--ui-radius)!important}html body input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=hidden]),html body select{background:var(--bg-color)!important;border-color:var(--border-color)!important;border-radius:var(--ui-radius)!important;color:var(--text-bright)!important;font-size:14px!important;min-height:42px}html body th{background:var(--btn-bg)!important;color:var(--text-color)!important}html body td{font-size:13px;color:var(--text-bright)}html body .modern-output,html body .craft-tabs,html body .exchange-top-panel,html body .exchange-box{background:var(--card-bg)!important;border-color:var(--border-color)!important;border-radius:var(--ui-radius)!important}html body .craft-tabs button.active{background:var(--btn-bg)!important;color:var(--accent-color)!important}html body .tab-content h3{font-size:16px}html body #settingsDropdown{display:none!important}html body #bg-layer{display:block!important;position:fixed;inset:0;z-index:-1;opacity:1!important;background-color:var(--bg-color)!important;background-size:cover!important;background-position:center!important;animation:none!important;pointer-events:none}html body[data-app-background]:not([data-app-background=none]){background:transparent!important}html body[data-app-style=compact]{--ui-radius:6px;--ui-space:18px;--ui-btn:38px;--ui-field:240px}html body[data-app-style=soft]{--ui-radius:18px;--ui-space:30px;--ui-btn:46px;--ui-field:320px}html body[data-app-style=soft] .tab-content{box-shadow:0 15px 55px #0002}
#appearance-dialog{width:min(760px,calc(100vw - 30px));max-height:90vh;overflow:auto;background:var(--card-bg);color:var(--text-bright);border:1px solid var(--border-color);border-radius:16px;padding:28px;box-shadow:0 30px 120px #0009}#appearance-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}#appearance-dialog .ap-header{display:flex;align-items:center;justify-content:space-between;gap:15px}#appearance-dialog h2{font-size:22px;margin:0}#appearance-dialog h3{font-size:15px;margin:26px 0 14px}#appearance-dialog p{font-size:12px;color:var(--text-color);line-height:1.6}#appearance-dialog button{padding:10px 14px;min-height:40px;font-size:13px!important;border-radius:8px!important;background:var(--btn-bg)!important;color:var(--text-bright)!important;border:1px solid var(--border-color)!important}#appearance-dialog button[aria-pressed=true]{border-color:var(--accent-color)!important;box-shadow:inset 0 0 0 1px var(--accent-color)!important}#appearance-dialog .ap-options{display:flex;flex-wrap:wrap;gap:8px}#appearance-dialog .ap-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px}#appearance-dialog .ap-color{display:flex;align-items:center;justify-content:space-between;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-size:13px;gap:10px}#appearance-dialog input[type=color]{width:42px!important;height:30px!important;padding:2px!important;cursor:pointer;clip-path:none!important;flex-shrink:0}#appearance-dialog .ap-swatch{display:inline-block;width:13px;height:13px;border-radius:50%;margin-right:8px;vertical-align:middle}#ap-save-status{min-height:20px;color:var(--accent-color)!important}#appearance-dialog .ap-footer{margin-top:25px;padding-top:18px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:14px}#appearance-dialog .ap-close{min-width:42px}#ap-upload{margin-top:12px;width:100%;font-size:12px}#ap-upload-label{display:block;margin-top:15px;font-size:12px;color:var(--text-color)}
@media(max-width:1000px){html body{padding-left:222px!important;padding-right:22px!important}html body #main-nav{width:200px}html body .main-header{left:200px}html body .modern-footer{width:199px}html body .tab-content{padding:20px!important}.modern-brand img{width:28px;height:28px}}
@media(max-width:720px){html body{padding:80px 12px 25px!important}html body .main-header{left:0;height:60px;min-height:60px}html body #main-nav{width:100%;position:relative;padding:8px!important}html body #main-nav .tab-button{font-size:12px!important;min-height:42px}html body .tab-content{min-height:0;padding:17px!important}html body textarea{min-height:210px}html body .modern-footer{width:100%;background:transparent!important}#appearance-dialog{padding:19px}#appearance-dialog .ap-colors{grid-template-columns:1fr}html body .tab-content button{font-size:12px!important;padding:9px 12px!important}}

/* Readable tool reference */
#info .info-intro{font-size:16px;line-height:1.65;color:var(--text-color);margin:0 0 28px;max-width:900px}
#info .info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#info .info-card{position:relative;padding:26px;border:1px solid var(--border-color);border-radius:var(--ui-radius,10px);background:var(--bg-color);min-width:0}
#info .info-number{display:block;color:var(--accent-color);font-size:14px;font-weight:700;letter-spacing:2px;margin-bottom:16px}
#info .info-card h3,#info .info-break h3{font-size:20px;line-height:1.35;margin:0 0 14px;color:var(--text-bright);text-transform:none;letter-spacing:0}
#info .info-card p,#info .info-break p{font-size:16px;line-height:1.7;margin:0;color:var(--text-bright);overflow-wrap:anywhere}
#info .info-break{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:26px;border:1px solid var(--border-color);border-radius:var(--ui-radius,10px);background:var(--btn-bg)}
#info .info-break h3{margin-bottom:6px}#info .info-break p{color:var(--text-color)}
#info .info-break button{font-size:17px;padding:12px 24px;white-space:nowrap;border:1px solid var(--accent-color)}
@media(max-width:1500px){#info .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){#info .info-grid{grid-template-columns:1fr}#info .info-card{padding:22px}#info .info-break{align-items:flex-start;flex-direction:column}}