.hc-container{background-color:var(--bg-surface);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative}.hc-container:fullscreen{background-color:var(--bg-surface)}.hc-toolbar{background-color:var(--bg-panel);border-bottom:1px solid var(--border-subtle);scrollbar-width:none;z-index:10;flex-shrink:0;align-items:center;gap:2px;padding:4px 8px;display:flex;position:relative;overflow:auto visible}.hc-toolbar::-webkit-scrollbar{display:none}.hc-toolbar-separator{background-color:var(--border-subtle);flex-shrink:0;width:1px;height:20px;margin:0 4px}.hc-tool-btn{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;outline:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex;position:relative}.hc-tool-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.hc-tool-btn.active{background-color:var(--accent-muted,#6366f126);color:var(--accent)}.hc-tool-btn:disabled{opacity:.3;cursor:not-allowed}.hc-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:all .15s}.hc-color-swatch:hover{transform:scale(1.2)}.hc-color-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--bg-panel), 0 0 0 4px var(--accent)}.hc-size-slider{appearance:none;background:var(--border-default);border-radius:2px;outline:none;flex-shrink:0;width:80px;height:4px}.hc-size-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:2px solid var(--bg-panel);border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.hc-size-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:2px solid var(--bg-panel);border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.hc-dropdown{background-color:var(--bg-surface);border:1px solid var(--border-default);position-area:block-end span-inline-end;position-try-fallbacks:flip-block, flip-inline;border-radius:8px;min-width:120px;margin:4px 0 0;padding:4px;inset:auto;box-shadow:0 4px 16px #00000026}.hc-dropdown:popover-open{flex-direction:column;display:flex}.hc-dropdown-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:12px;transition:background-color .1s;display:flex}.hc-dropdown-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.hc-dropdown-item.active{background-color:var(--accent-muted,#6366f126);color:var(--accent)}.hc-canvas-area{z-index:1;flex:1;min-height:500px;position:relative;overflow:hidden}.hc-canvas-area canvas{touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.hc-canvas-base{z-index:1}.hc-canvas-overlay{z-index:2}.hc-canvas-area[data-tool=pen],.hc-canvas-area[data-tool=highlighter]{cursor:crosshair}.hc-canvas-area[data-tool=eraser]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Crect x='2' y='2' width='16' height='16' rx='2' fill='none' stroke='%23888' stroke-width='1.5'/%3E%3C/svg%3E") 10 10,auto}.hc-canvas-area[data-tool=shape]{cursor:crosshair}.hc-canvas-area[data-tool=text]{cursor:text}.hc-canvas-area[data-tool=laser]{cursor:crosshair}.hc-canvas-area[data-readonly=true]{pointer-events:none;opacity:.8}.hc-bg-blank{background-color:var(--bg-surface)}.hc-bg-dot_grid{background-color:var(--bg-surface);background-image:radial-gradient(circle, var(--border-subtle) 1px, transparent 1px);background-size:24px 24px}.hc-bg-lined{background-color:var(--bg-surface);background-image:linear-gradient(var(--border-subtle) 1px, transparent 1px);background-size:100% 32px}.hc-bg-graph{background-color:var(--bg-surface);background-image:linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);background-size:24px 24px}.hc-hint{z-index:5;pointer-events:none;opacity:.5;flex-direction:column;align-items:center;gap:12px;transition:opacity .4s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hc-hint.hidden{opacity:0}.hc-hint-icon{color:var(--text-tertiary);font-size:48px}.hc-hint-text{color:var(--text-tertiary);font-size:14px;font-weight:500}.hc-text-input{z-index:20;pointer-events:auto;border:1px dashed var(--accent);color:var(--text-primary);resize:none;background:0 0;border-radius:4px;outline:none;min-width:100px;padding:4px 8px;font-family:inherit;font-size:16px;position:absolute}.dossier-container{font-family:Inter,system-ui,-apple-system,sans-serif}.dossier-container:fullscreen{background-color:var(--bg-inset)}.dossier-header-bg{-webkit-backdrop-filter:blur(8px);background-color:var(--bg-surface)}.dossier-group-content{will-change:grid-template-rows, opacity}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.DossierSplitContainer{position:relative}.DossierSplitHandle{cursor:col-resize;background:var(--border-subtle);z-index:5;flex-shrink:0;justify-content:center;align-items:center;width:5px;transition:background .15s;display:flex;position:relative}.DossierSplitHandle:hover,.DossierSplitHandle:active{background:var(--accent)}.DossierSplitHandle-grip{background:var(--text-tertiary);opacity:.5;border-radius:2px;width:3px;height:28px;transition:opacity .15s}.DossierSplitHandle:hover .DossierSplitHandle-grip{opacity:1;background:#fff}.DossierSplitPanel{border:2px solid #0000;transition:border-color .15s}.DossierSplitPanel--active{border-color:var(--accent)}.dossier-header-container{container:dossier-header/inline-size}.dossier-show-md,.dossier-show-sm{display:none!important}@container dossier-header (width<=768px){.dossier-hide-md{display:none!important}.dossier-show-md{display:flex!important}}@container dossier-header (width<=500px){.dossier-hide-sm{display:none!important}.dossier-show-sm{display:flex!important}}