:root{--bg-color: #121212;--text-color: #c0bfc6;--toolbar-bg: #232329;--button-hover-bg: #403e6a55;--button-active-bg: #403e6a;--shadow-color: rgba(0, 0, 0, .4)}body{margin:0;background-color:var(--bg-color);color:var(--text-color);font-family:Segoe UI,sans-serif}.top-toolbar{position:fixed;top:10px;left:50%;transform:translate(-50%);background:var(--toolbar-bg);border-radius:12px;padding:8px 12px;display:flex;gap:8px;box-shadow:0 0 10px var(--shadow-color);z-index:100}.top-toolbar button{background:none;border:none;padding:6px 10px;border-radius:8px;color:var(--text-color);font-size:16px;cursor:pointer;transition:background .2s,transform .1s}.top-toolbar button:hover{background:var(--button-hover-bg);transform:scale(1.1)}.top-toolbar button.active{background:var(--button-active-bg);color:#fff}.toolbar-hint{text-align:center;color:#999;font-size:12px;margin-top:60px}#canvas{display:block;background-color:var(--bg-color);cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#controls{position:fixed;top:80px;left:10px;background:var(--toolbar-bg);padding:10px;border-radius:8px;z-index:99}#controls input,#controls button{display:block;margin-bottom:8px;padding:6px 10px;background:var(--button-active-bg);border:none;color:var(--text-color);border-radius:5px;width:160px}#loadDialog{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000}#loadDialog>div{background-color:#242424;padding:20px;border-radius:10px;max-width:80%;max-height:80%;overflow:auto;display:flex;flex-direction:column;align-items:center}#loadDialog h3{margin-bottom:15px}#savedList{width:100%;display:flex;flex-direction:column;align-items:center}.entry{display:flex;flex-direction:column;align-items:center;margin-bottom:10px;width:100%}.entry span{text-align:center}.entry div{margin-top:5px}.entry button{margin-left:5px;background:var(--button-active-bg);color:var(--text-color);border:none;border-radius:3px;padding:4px 8px;cursor:pointer}#loadDialog button{margin-top:10px;padding:6px 12px;cursor:pointer;border-radius:5px;border:none;background:var(--button-active-bg);color:var(--text-color)}.custom-alert{position:fixed;top:65px;left:50%;transform:translate(-50%);background-color:var(--toolbar-bg);color:var(--text-color);padding:12px 20px;border-radius:12px;box-shadow:0 4px 12px #00000026;z-index:1000;cursor:pointer;opacity:0;transition:opacity .3s ease}.custom-alert.visible{opacity:1}.custom-alert.hidden{opacity:0}.alert-content{display:flex;align-items:center;justify-content:center}.pen-settings-bar{position:fixed;top:65px;left:50%;transform:translate(-50%);background:var(--toolbar-bg);border-radius:12px;padding:8px 12px;display:flex;gap:16px;box-shadow:0 0 10px var(--shadow-color);z-index:99}.pen-settings-bar label{display:flex;align-items:center;gap:8px;color:var(--text-color)}.pen-settings-bar input[type=color]{width:30px;height:30px;border:none;background:none;cursor:pointer}.pen-settings-bar input[type=range]{width:100px}.pen-settings-bar span{min-width:30px;text-align:right}