.surface-texture-panel{--st-text:#273c45;--st-muted:#647782;--st-line:#dde5e8;--st-bg:#fff;--st-input:#f5f8fa;--st-accent:#296d96;position:fixed;right:18px;top:92px;bottom:45px;width:344px;max-height:calc(100dvh - 140px);display:flex;flex-direction:column;background:var(--st-bg);color:var(--st-text);border:1px solid var(--st-line);border-radius:14px;box-shadow:0 16px 65px #12263530;z-index:1200;font-family:inherit;text-align:left;overflow:hidden}.surface-texture-panel[hidden]{display:none!important}.surface-texture-panel *{box-sizing:border-box}.surface-texture-panel button{cursor:pointer;font:inherit}.surface-texture-panel button:disabled{opacity:.45;cursor:default}.surface-texture-panel button:focus-visible,.surface-texture-panel input:focus-visible,.surface-texture-panel select:focus-visible{outline:2px solid #3985b6;outline-offset:2px}.st-header{padding:17px 18px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid var(--st-line);background:var(--st-bg);flex-shrink:0;min-height:0;height:auto}.st-eyebrow{font-size:9px;letter-spacing:1.6px;color:var(--st-muted);font-weight:700}.st-header h2{margin:4px 0 3px;font-size:20px;font-weight:650;letter-spacing:-.5px;color:var(--st-text)}.st-header p{font-size:11px;margin:0;color:var(--st-muted);max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-header button{width:29px;height:29px;padding:0;border:1px solid var(--st-line);border-radius:7px;background:var(--st-input);font-size:21px;color:var(--st-muted)}.st-body{overflow-y:auto;padding:16px 18px;overscroll-behavior:contain}.st-field{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:550;color:var(--st-muted);margin:0 0 13px}.st-field input,.st-field select{width:100%;min-width:0;border:1px solid var(--st-line);border-radius:7px;background:var(--st-input);color:var(--st-text);padding:9px 10px;font:inherit;font-size:12px;height:36px}.st-section-title{font-size:11px;font-weight:700;margin:4px 0 10px;color:var(--st-text)}.st-two{display:grid;grid-template-columns:1fr 1fr;gap:11px}.st-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:11px}.st-presets button{padding:0;background:var(--st-input);border:1px solid var(--st-line);color:var(--st-text);border-radius:7px;overflow:hidden;min-width:0;text-align:center;display:flex;flex-direction:column;gap:0;height:auto;box-shadow:none}.st-presets button[aria-pressed=true]{border-color:var(--st-accent);box-shadow:0 0 0 1px var(--st-accent)}.st-presets canvas{display:block;width:100%;height:44px}.st-presets span{font-size:9px;padding:6px 1px;width:100%}.st-random-row{display:flex;gap:7px;margin-bottom:19px}.st-random-row button{font-size:10px;padding:8px;border:1px solid var(--st-line);background:var(--st-input);color:var(--st-text);border-radius:6px;min-height:32px}.st-random-row button:first-child{flex:1}.st-check{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--st-text);margin:0 0 12px}.st-check input{accent-color:var(--st-accent)}.st-note{font-size:10px;color:var(--st-muted);line-height:1.65;margin:8px 0}.st-status{font-size:11px;line-height:1.6;padding:10px 11px;background:var(--st-input);border:1px solid var(--st-line);border-radius:7px;margin-top:12px;overflow-wrap:anywhere}.st-status.st-error{color:#a83c31;background:#fff0ed;border-color:#e7c1bb}.st-footer{height:auto;padding:12px 14px;display:flex;flex-direction:column;align-items:stretch;gap:8px;border-top:1px solid var(--st-line);background:var(--st-bg);flex-shrink:0}.st-footer>div{display:flex;gap:7px;justify-content:flex-end}.st-footer button{font-size:11px;border:1px solid var(--st-line);background:var(--st-input);color:var(--st-text);border-radius:7px;padding:9px 11px;min-height:35px}.st-footer .st-apply{background:var(--st-accent);color:white;border-color:var(--st-accent);flex:1}.st-footer>button{align-self:flex-start;padding:3px 0;border:0;background:none;color:var(--st-muted);font-size:10px;min-height:18px}.surface-texture-panel[aria-busy=true] .st-status{background:linear-gradient(90deg,var(--st-input),#edf5fb,var(--st-input))}.dark .surface-texture-panel,.dark-mode .surface-texture-panel,[data-theme=dark] .surface-texture-panel{--st-text:#d7e3ec;--st-muted:#9eafbd;--st-line:#3b4e5d;--st-bg:#21313e;--st-input:#293c4c;--st-accent:#3d83b5}.dark .st-status.st-error{background:#4b302c;color:#ffb8aa;border-color:#815246}@media(max-width:700px){.surface-texture-panel{right:0;left:0;top:auto;bottom:0;width:100%;max-height:72dvh;border-radius:17px 17px 0 0;box-shadow:0 -10px 50px #12263535}.st-header{padding:13px 17px 10px}.st-body{padding:13px 17px}.st-header h2{font-size:18px}.st-presets canvas{height:47px}.st-footer{padding:9px 16px calc(10px + env(safe-area-inset-bottom));gap:5px}.st-footer>div{width:100%}.st-footer button{min-height:39px}.st-two{gap:10px}.st-field input,.st-field select{font-size:16px;min-height:39px}.st-note{font-size:10px}.st-presets span{font-size:10px}.st-random-row button{min-height:37px}}