#interfaceSettings{width:min(810px,94vw);max-height:94dvh;box-sizing:border-box;padding:16px;border:1px solid #d4e2e2;border-radius:14px;background:#fff;color:#10232b;overflow:auto;font-size:14px;font-weight:400}
#interfaceSettings::backdrop{background:#10232b66}#interfaceSettings.maximized{width:96vw;height:96dvh;max-width:none}
#interfaceSettings .tds-select-search{display:none!important}
#interfaceSettings header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}#interfaceSettings h2{font-size:18px;margin:0}#interfaceSettings header div{display:flex;gap:6px}
#interfaceSettings button{width:auto!important;box-shadow:none;min-height:40px;padding:10px 14px;border-radius:9px;border:1px solid #d5e2e2;background:#eef4f4;color:#10232b;cursor:pointer}#interfaceSettings header button{padding:8px 12px}#interfaceSettings button:focus-visible{outline:3px solid #14847f;outline-offset:2px}
.interface-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.interface-card{background:#eef4f4;border:1px solid #d8e4e4;border-radius:9px;padding:14px;min-width:0}.interface-card h3{font-size:14px;margin:0 0 14px}.interface-card label{display:block;font-size:12px;color:#49616b;margin:10px 0}.interface-card select,.interface-card input[type=color]{width:100%;box-sizing:border-box;background:white;border:1px solid #d5e2e2;border-radius:9px;min-height:42px;padding:8px;color:#10232b}.interface-card input[type=range]{width:100%;accent-color:#087f78;margin:14px 0}.interface-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:42px}.interface-modes label,.interface-colors label{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d6e2e2;border-radius:9px;background:#fff;color:#10232b;cursor:pointer;margin:0;padding:12px 6px}.interface-modes label{min-height:46px}.interface-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.interface-colors i{width:25px;height:25px;border-radius:50%;background:var(--swatch);flex-shrink:0}.interface-modes input,.interface-colors input{position:absolute;opacity:0;width:1px;height:1px}.interface-modes label:has(input:checked),.interface-colors label:has(input:checked){outline:2px solid #087f78;outline-offset:-2px}.interface-modes label:focus-within,.interface-colors label:focus-within{outline:3px solid #087f78}.interface-wide{grid-column:1/-1}.interface-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.interface-check{display:flex!important;align-items:center;gap:8px}.interface-check input{accent-color:#087f78}.interface-footer{display:flex;justify-content:space-between;gap:12px;margin-top:28px}#interfaceSettings .primary{background:#087f78;color:#fff}.interface-status{min-height:20px;color:#9f1239}
body[data-accent=teal]{--blue:#087f78;--accent:#11958c}body{--ui-sidebar-width:280px;--ui-sidebar-color:#0f172a;--ui-weight:400;--ui-highlight:#fb7185}body[data-interface-custom=true] #appView{font-weight:var(--ui-weight)}body[data-interface-custom=true] #sidebar{background:var(--ui-sidebar-color)!important}body[data-interface-custom=true] #nav button:focus-visible{outline:3px solid var(--ui-highlight);outline-offset:-3px}body[data-interface-custom=true] #content button:hover{box-shadow:inset 0 0 0 2px var(--ui-highlight)}
body[data-icon-style="Text only"] #nav button i,body[data-icon-style="Text only"] #nav button svg{display:none}body[data-icon-style="Icons only"] #nav button{max-width:100%;font-size:12px}body[data-icon-style="Icons only"] #nav button small{display:none}
body[data-icon-style="Icons only"] #nav button{font-size:0!important}body[data-icon-style="Icons only"] #nav button>*{display:none!important}body[data-icon-style="Icons only"] #nav button::before{content:attr(data-ui-symbol);font-size:14px;display:inline-grid;place-items:center;min-width:32px;height:32px;border:1px solid currentColor;border-radius:9px}
@media(min-width:901px){body[data-interface-custom=true] #sidebar{width:var(--ui-sidebar-width)!important}body[data-interface-custom=true] #appView .workspace{margin-left:var(--ui-sidebar-width)!important;width:calc(100% - var(--ui-sidebar-width))!important}body[data-interface-custom=true][data-sidebar-visible=false] #sidebar{display:none!important}body[data-interface-custom=true][data-sidebar-visible=false] #appView .workspace{margin-left:0!important;width:100%!important}}
@media(max-width:600px){.interface-grid,.interface-sidebar{grid-template-columns:1fr}.interface-wide{grid-column:auto}.interface-modes{margin-top:10px}.interface-colors{gap:6px}.interface-colors label{font-size:12px}#interfaceSettings{padding:12px;width:96vw}}
@media(max-width:900px){body[data-interface-custom=true][data-sidebar-visible=false] #sidebar{display:none!important}}