.canvas-settings-button{flex:none;width:34px;height:34px;margin-left:12px;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:10px;background:#25252c;color:#d7d7df;cursor:pointer}.canvas-settings-button:hover{border-color:#d8bd5e;color:#f4d672;background:#c9a73316}.canvas-settings-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.canvas-tool-tooltip{position:fixed;z-index:2147483646;pointer-events:none;padding:8px 11px;border:1px solid #5b5660;border-radius:8px;background:#29282fed;color:#f2f1f5;box-shadow:0 5px 22px #0006;font:12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap}.canvas-tool-tooltip[hidden]{display:none}
.canvas-settings-dialog{position:fixed;inset:0;margin:auto;width:min(500px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;box-sizing:border-box;padding:24px;border:1px solid #4d4a54;border-radius:18px;background:linear-gradient(145deg,#26262e,#17171e);color:#eeeef3;box-shadow:0 24px 100px #0009;font-family:inherit}.canvas-settings-dialog::backdrop{background:#080910b3;backdrop-filter:blur(5px)}.canvas-settings-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.canvas-settings-dialog header p{font-size:10px;letter-spacing:2px;color:#e7c760;margin:0 0 5px}.canvas-settings-dialog h2{font-size:21px;margin:0;font-weight:600}.canvas-settings-dialog button{font:inherit;cursor:pointer;border:1px solid #4b4a55;color:#e9e9ef;background:#2a2932;border-radius:8px;padding:8px 12px}.canvas-settings-dialog button:disabled{opacity:.4;cursor:default}.canvas-settings-dialog button.settings-close{padding:0;width:32px;height:32px;font-size:23px}.settings-tabs{display:flex;gap:5px;background:#111117;border:1px solid #34333c;padding:4px;border-radius:10px}.settings-tabs button{flex:1;border-color:transparent;background:transparent;font-size:12px}.settings-tabs button[aria-selected=true]{background:#e6c45b;color:#211b08;font-weight:600}.settings-intro{font-size:12px;line-height:1.8;color:#bdbdca;margin:18px 0 14px}.settings-shortcut-list{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.settings-shortcut-list label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-bottom:1px solid #ffffff0d;font-size:12px}.settings-shortcut-list input{width:42px;height:29px;text-align:center;border:1px solid #4d4c58;border-radius:7px;background:#15151c;color:#efe8c5;font:13px ui-monospace,monospace;cursor:pointer;caret-color:transparent}.settings-shortcut-list input:focus{outline:2px solid #edce60;outline-offset:1px}.settings-fixed-keys{font-size:11px;line-height:1.9;color:#aeadba;margin:17px 0}.settings-shortcut-actions{display:flex;justify-content:space-between;gap:10px}.canvas-settings-dialog button.settings-primary{background:#edce60;border-color:#edce60;color:#271f06;font-size:12px;font-weight:600}.settings-shortcut-actions button{font-size:12px}.canvas-settings-dialog [data-settings-message]{min-height:18px;font-size:12px;line-height:1.7;color:#c9dca9;margin:12px 0 0}.canvas-settings-dialog [data-settings-message].is-error{color:#ffa99c}.settings-cache-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.settings-cache-stats>div{border:1px solid #ffffff13;background:#111117;padding:15px 10px;border-radius:10px}.settings-cache-stats span{display:block;font-size:11px;color:#b5b4c2;margin-bottom:8px}.settings-cache-stats strong{font-size:17px;font-weight:500}.canvas-settings-dialog [data-cache-status]{font-size:12px;line-height:1.8;color:#c2c1cc;min-height:24px}.canvas-settings-dialog [data-clear-cache]{width:100%;margin-top:8px}.canvas-settings-dialog section[hidden]{display:none}@media(max-width:420px){.canvas-settings-dialog{padding:20px}.settings-shortcut-list{gap:0 15px}.settings-cache-stats{gap:6px}.settings-cache-stats>div{padding:12px 8px}.settings-cache-stats strong{font-size:15px}.canvas-settings-button{margin-left:7px}}
.top-bar>.user-info:not([hidden]),.top-bar>.guest-auth-actions:not([hidden]){margin-left:auto}
.settings-layout-preview{display:grid;grid-template-columns:minmax(88px,1fr) minmax(70px,1.2fr) minmax(88px,1fr);gap:12px;padding:16px;margin:18px 0;border:1px solid #ffffff16;border-radius:12px;background-color:#111117;background-image:radial-gradient(#66616e60 .7px,transparent .8px);background-size:12px 12px;min-height:170px;box-sizing:border-box}.settings-layout-column{display:grid;grid-template-rows:1fr 1fr;gap:10px}.settings-layout-card{padding:10px 9px;border:1px solid #68616b;border-radius:7px;background:#292832;box-shadow:0 3px 10px #0003;overflow:hidden}.settings-layout-card>span{display:block;color:#e2dfeb;font-size:10px;white-space:nowrap}.settings-layout-card.is-library{border-color:#b1974f;background:#302d24}.settings-layout-thumbs{display:flex;gap:4px;margin-top:9px}.settings-layout-thumbs b{height:16px;flex:1;background:linear-gradient(135deg,#968354,#d6bb6a);opacity:.55;border-radius:3px}.settings-layout-lines{display:block;height:19px;margin-top:8px;background:repeating-linear-gradient(to bottom,#a29ba94d 0,#a29ba94d 3px,transparent 3px,transparent 8px);width:85%;border-radius:2px}.settings-layout-canvas{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;color:#96919e;font-size:10px}.settings-layout-canvas svg{width:38px;height:38px;fill:none;stroke:#a49cacc0;stroke-width:1.4;stroke-linejoin:round}.settings-layout-note{font-size:12px;line-height:1.8;color:#bdbbc7;margin:0 0 18px}.canvas-settings-dialog [data-reset-layout]{width:100%}.canvas-settings-dialog [data-layout-status]{min-height:22px;margin:12px 0 0;font-size:12px;line-height:1.8;color:#cadca9}.canvas-settings-dialog [data-layout-status].is-error{color:#ffa99c}@media(max-width:420px){.settings-tabs button{padding:8px 7px;white-space:nowrap}.settings-layout-preview{padding:12px;gap:8px;grid-template-columns:minmax(75px,1fr) minmax(55px,.8fr) minmax(75px,1fr)}.settings-layout-card{padding:9px 7px}}

.settings-cache-explanation{font-size:11px;line-height:1.85;color:#b6b3c1;margin:0 0 14px}