.kaoprao-note-container,.kaoprao-note-container *{box-sizing:border-box;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;-webkit-tap-highlight-color:transparent!important}.kaoprao-note-container{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;margin:2.5rem 0;padding:0!important;overflow:hidden;border:2.5px solid var(--border-dark,#1a1a1a);background:var(--bg-color,#f4f1ea);box-shadow:5px 5px 0 var(--border-dark,#1a1a1a);font-family:var(--font-sans);position:relative}.kaoprao-note-header{width:100%!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:.8rem;padding:.75rem 1.2rem;background:#eae6df;border-bottom:2.5px solid var(--border-dark,#1a1a1a);flex-wrap:wrap!important}.kaoprao-note-title{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.6rem;font-weight:700}.kaoprao-badge{font-family:var(--font-mono,monospace);font-size:.82rem;font-weight:700;padding:.2rem .5rem;border:1.5px solid var(--border-dark,#1a1a1a);background:#f4f1ea;color:#1a1a1a;box-shadow:2px 2px #1a1a1a}.kaoprao-title-text{font-family:var(--font-sans);font-size:1rem;color:#1a1a1a;font-weight:700}.kaoprao-note-tagline{font-family:var(--font-mono,monospace);font-size:.76rem;color:#666056}.kaoprao-note-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.45rem;margin-left:auto;flex-wrap:wrap!important}.kaoprao-btn,.kaoprao-tool-btn{font-family:var(--font-mono,monospace);font-size:.8rem;font-weight:700;padding:.3rem .65rem;background:#f4f1ea;color:#1a1a1a;border:1.5px solid #1a1a1a;cursor:pointer;box-shadow:2.5px 2.5px #1a1a1a;transition:transform .1s ease,box-shadow .1s ease,background .1s ease,color .1s ease;user-select:none}.kaoprao-btn:hover,.kaoprao-tool-btn:hover{transform:translate(-1.5px,-1.5px);box-shadow:4px 4px #1a1a1a;background:#fff}.kaoprao-btn:active,.kaoprao-tool-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #1a1a1a}.kaoprao-tool-btn.active{background:#c84b31;color:#fff;border-color:#1a1a1a;box-shadow:3px 3px #1a1a1a}.kaoprao-note-stage-wrapper{position:relative;width:100%;overflow:hidden;background-color:#f4f1ea;background-image:radial-gradient(#d5d0c7 1.3px,transparent 1.3px);background-size:16px 16px;border-bottom:2px solid #1a1a1a}.kaoprao-stage{position:absolute;inset:0;width:100%;height:100%}.kaoprao-gl-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;z-index:2}.kaoprao-paper{position:absolute;left:50%;top:50%;width:595px;height:842px;background:#fff;border:1.5px solid #1a1a1a;box-shadow:6px 10px 30px rgba(26,26,26,.22);transform-origin:0 0;pointer-events:none;z-index:1}.kaoprao-selection-box{position:absolute;z-index:4;border:2px dashed #c84b31;background:rgba(200,75,49,.12);pointer-events:none;display:none}.kaoprao-ui-hint{position:absolute;left:14px;top:14px;z-index:5;background:#f4f1ea;border:1.5px solid #1a1a1a;color:#1a1a1a;box-shadow:3px 3px #1a1a1a;padding:6px 12px;font-size:.78rem;max-width:440px;pointer-events:none}.kaoprao-ui-hint kbd{background:#eae6df;border:1px solid #1a1a1a;border-radius:3px;padding:1px 5px;font-family:var(--font-mono,monospace);font-size:.72rem;font-weight:700}.kaoprao-toolbar-bar{display:flex!important;flex-direction:row!important;gap:.6rem;align-items:center!important;flex-wrap:wrap!important;justify-content:flex-start;background:#f4f1ea;border-bottom:2.5px solid #1a1a1a;padding:.5rem 1rem;z-index:5;width:100%!important;box-sizing:border-box!important}.kaoprao-tool-group{display:flex!important;flex-direction:row!important;gap:.3rem;align-items:center!important}.kaoprao-color-group{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.35rem}.kaoprao-sep{display:inline-block!important;width:1.5px!important;height:20px!important;background:#1a1a1a!important;margin:0 4px!important}.kaoprao-color-pill{width:22px;height:22px;border-radius:50%;border:1.5px solid #1a1a1a;cursor:pointer;box-shadow:1.5px 1.5px #1a1a1a;transition:transform .1s ease,box-shadow .1s ease}.kaoprao-color-pill:hover{transform:scale(1.15);box-shadow:2.5px 2.5px #1a1a1a}.kaoprao-color-pill.active{transform:scale(1.2);outline:2px solid #1a1a1a;outline-offset:1px}.kaoprao-swatch{width:24px;height:24px;border-radius:50%;border:1.5px solid #1a1a1a;padding:0;cursor:pointer;background:0 0}.kaoprao-size-control{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.4rem;font-family:var(--font-mono,monospace);font-size:.76rem;font-weight:700;color:#1a1a1a;background:#eae6df;padding:.2rem .55rem;border:1.5px solid #1a1a1a;box-shadow:2px 2px #1a1a1a}.kaoprao-size-range{width:70px;accent-color:#c84b31;cursor:pointer}.kaoprao-size-val{min-width:38px;text-anchor:middle}.kaoprao-fallback-block{padding:3rem 1.5rem;background-color:#f4f1ea;background-image:radial-gradient(#d5d0c7 1.3px,transparent 1.3px);background-size:16px 16px;border-bottom:2.5px solid #1a1a1a;text-align:center;display:flex;justify-content:center;align-items:center}.kaoprao-fallback-content{max-width:480px;background:#eae6df;border:2px solid #1a1a1a;box-shadow:4px 4px #1a1a1a;padding:1.5rem}.kaoprao-fallback-content .fallback-badge{background:#c84b31;color:#fff;border:1.5px solid #1a1a1a;box-shadow:2px 2px #1a1a1a;display:inline-block;margin-bottom:.8rem}.kaoprao-fallback-content .fallback-msg{font-family:var(--font-mono,monospace);font-size:.85rem;color:#1a1a1a;margin:0;line-height:1.5}.kaoprao-selection-handle{position:absolute;width:12px;height:12px;background:#c84b31;border:1.5px solid #1a1a1a;box-shadow:1px 1px #1a1a1a;pointer-events:auto}.kaoprao-selection-handle.handle-tl{top:-6px;left:-6px;cursor:nwse-resize}.kaoprao-selection-handle.handle-tr{top:-6px;right:-6px;cursor:nesw-resize}.kaoprao-selection-handle.handle-bl{bottom:-6px;left:-6px;cursor:nesw-resize}.kaoprao-selection-handle.handle-br{bottom:-6px;right:-6px;cursor:nwse-resize}@media(max-width:768px){.kaoprao-note-container{margin:1.5rem 0;border-width:2px;box-shadow:3px 3px 0 var(--border-dark,#1a1a1a)}.kaoprao-note-header{padding:.6rem .8rem;gap:.5rem;flex-direction:column;align-items:flex-start}.kaoprao-note-tagline{font-size:.7rem}.kaoprao-note-actions{width:100%;margin-left:0;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.kaoprao-note-actions .kaoprao-btn{white-space:nowrap;font-size:.72rem;padding:.25rem .45rem}.kaoprao-ui-hint{display:none}.kaoprao-toolbar-floating{position:absolute;left:8px;right:8px;top:8px;padding:4px 6px;gap:.4rem;justify-content:space-between;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.kaoprao-tool-btn,.kaoprao-btn{padding:.25rem .45rem;font-size:.75rem}.kaoprao-size-control{padding:.15rem .35rem;font-size:.7rem}.kaoprao-size-range{width:50px}.kaoprao-color-pill{width:18px;height:18px}.kaoprao-swatch{width:20px;height:20px}}.kaoprao-note-container.is-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;margin:0!important;border:none!important;border-radius:0!important;box-shadow:none!important}.kaoprao-note-container.is-fullscreen .kaoprao-note-stage-wrapper{height:calc(100vh - 48px)!important}.kaoprao-btn.btn-fullscreen.active{background:#c84b31;color:#fff}