.sketch-overlay{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;background:var(--aura-bg-overlay, rgba(0, 0, 0, .5));pointer-events:auto;overscroll-behavior:contain}.aura-sketch{--sk-bg: #fff;--sk-fg: #161616;--sk-border: #ddd;--sk-hover: #f1f1f1;position:relative;box-sizing:border-box;width:min(800px,78dvh,calc(100vw - 48px));height:min(800px,78dvh,calc(100vw - 48px));background:var(--sk-bg);color:var(--sk-fg);border:1px solid var(--sk-border);border-radius:28px;display:flex;flex-direction:column;padding:14px;box-shadow:0 8px 32px #0002;font-family:system-ui,sans-serif;outline:none;overflow:hidden}.aura-sketch.dark{--sk-bg: #212121;--sk-fg: #fff;--sk-border: #444;--sk-hover: #333}.aura-sketch.sketch-image-editor{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none}.aura-sketch :where(button:not(.sketch-composer *)){display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:50%;color:inherit;width:42px;height:42px;font:24px system-ui;cursor:pointer;flex-shrink:0}.aura-sketch :where(button:not(.sketch-composer *):disabled){opacity:.35;cursor:default}.aura-sketch :where(button:not(.sketch-composer *):hover:not(:disabled)),.aura-sketch :where(button:not(.sketch-composer *)[aria-pressed=true]){background:var(--sk-hover)}.aura-sketch :where(button:not(.sketch-composer *):focus-visible){outline:2px solid #3478f6;outline-offset:3px}.sketch-header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-shrink:0;z-index:3}.sketch-header>div:last-child{display:flex}.sketch-tools{position:relative;display:flex;padding:4px;border:1px solid var(--sk-border);border-radius:40px;box-shadow:0 2px 6px #0001;background:var(--sk-bg)}.sketch-shapes{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(4,42px);padding:10px;border:1px solid var(--sk-border);border-radius:20px;background:var(--sk-bg);box-shadow:0 4px 12px #0003}.sketch-workspace{container-type:size;position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px 34px}.sketch-board{position:relative;flex-shrink:0;touch-action:none;user-select:none;overflow:hidden}.sketch-viewport{container-type:size;width:100%;height:100%;overflow:auto;overscroll-behavior:contain}.sketch-scroll-content{display:grid;place-items:center;width:max-content;min-width:100%;min-height:100%}.sketch-board canvas{display:block;width:100%;height:100%}.sketch-zoom{position:absolute;top:72px;right:18px;z-index:4;font-size:16px}.sketch-zoom summary{list-style:none;cursor:pointer;padding:12px 18px;border:1px solid var(--sk-border);border-radius:28px;background:var(--sk-bg);box-shadow:0 2px 6px #0002}.sketch-zoom summary::-webkit-details-marker{display:none}.sketch-zoom-menu{position:absolute;right:0;top:calc(100% + 8px);width:160px;max-height:calc(100dvh - 180px);overflow:auto;padding:10px;border:1px solid var(--sk-border);border-radius:24px;background:var(--sk-bg);box-shadow:0 4px 16px #0002}.aura-sketch .sketch-zoom-menu button{width:100%;height:40px;padding:0 12px;justify-content:space-between;border-radius:12px;font-size:16px}.sketch-toolbar-color input{display:block;width:30px;height:30px;padding:0;border:0;background:transparent;cursor:pointer}.sketch-toolbar-color input::-webkit-color-swatch-wrapper{padding:2px}.sketch-toolbar-color input::-webkit-color-swatch{border:0;border-radius:50%}.sketch-composer{width:min(800px,100%);align-self:center;flex-shrink:0;max-height:35dvh;overflow:auto;padding:4px;box-sizing:border-box;font-family:var(--aura-font-family, system-ui, sans-serif)}.sketch-composer>div{margin-left:0!important}.sketch-size{position:absolute;left:2px;top:50%;transform:translateY(-50%);writing-mode:vertical-lr;direction:rtl;height:min(240px,55%);width:22px;accent-color:var(--sk-fg);z-index:2}.sketch-selection{position:absolute;outline:1.5px dashed #3478f6;pointer-events:none}.sketch-handle{position:absolute;width:10px;height:10px;background:#fff;border:1.5px solid #3478f6;transform:translate(-50%,-50%);pointer-events:auto;touch-action:none}.sketch-handle.nw{left:0;top:0;cursor:nwse-resize}.sketch-handle.n{left:50%;top:0;cursor:ns-resize}.sketch-handle.ne{left:100%;top:0;cursor:nesw-resize}.sketch-handle.e{left:100%;top:50%;cursor:ew-resize}.sketch-handle.se{left:100%;top:100%;cursor:nwse-resize}.sketch-handle.s{left:50%;top:100%;cursor:ns-resize}.sketch-handle.sw{left:0;top:100%;cursor:nesw-resize}.sketch-handle.w{left:0;top:50%;cursor:ew-resize}.sketch-text{position:absolute;resize:both;background:transparent;border:1.5px dashed #3478f6;padding:0;outline:none;font-family:sans-serif;line-height:1.25;box-sizing:border-box;min-width:30px;min-height:24px;white-space:pre-wrap;overflow:auto;user-select:text}.sketch-cursor{position:absolute;border:1px solid #fff;box-shadow:0 0 0 1px #111;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-sizing:border-box}.sketch-footer{display:flex;align-items:center;justify-content:center;gap:16px;min-height:50px;flex-shrink:0}.sketch-colors{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:5px}.sketch-colors button,.sketch-custom{width:24px;height:24px;border:1px solid #8887;border-radius:50%;flex-shrink:0}.sketch-colors button[aria-pressed=true]{outline:2px solid #3478f6;outline-offset:3px}.sketch-custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);overflow:hidden}.sketch-custom input{opacity:0;width:100%;height:100%;cursor:pointer}.aura-sketch .sketch-save{background:var(--sk-fg);color:var(--sk-bg);width:48px;height:48px}.sketch-status{position:absolute;bottom:76px;left:50%;transform:translate(-50%);background:var(--sk-bg);border:1px solid var(--sk-border);padding:8px 14px;border-radius:12px;z-index:4;font-size:14px;max-width:85%}.sketch-shade{position:absolute;inset:0;background:#0006;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:8}.sketch-confirm{box-sizing:border-box;width:min(520px,85%);padding:32px;background:var(--sk-bg);border:1px solid var(--sk-border);border-radius:24px;text-align:center}.sketch-confirm h2{font-size:28px}.sketch-confirm p{opacity:.7;margin-bottom:32px}.sketch-confirm button{white-space:nowrap;width:100%;border-radius:40px;background:var(--sk-fg);color:var(--sk-bg);font-size:17px;margin-top:12px;height:48px}.sketch-confirm button.danger{border:1px solid #f65b60;color:#f65b60;background:transparent}@media (max-width: 600px){.aura-sketch{width:calc(100vw - 16px);height:calc(100dvh - 32px);padding:8px;border-radius:20px}.aura-sketch :where(button:not(.sketch-composer *)){width:34px;height:38px}.sketch-header{gap:2px}.sketch-tools{padding:2px}.sketch-header>div:last-child{flex-direction:column}.sketch-workspace{padding:8px 24px}.sketch-colors{gap:9px}.sketch-colors button,.sketch-custom{width:23px;height:23px}.sketch-footer{gap:6px}.sketch-confirm{padding:22px}.sketch-shapes{grid-template-columns:repeat(4,36px)}}