.DesignReferenceWorkspace-module__bW5awa__root{width:100%;height:100%;min-height:0;color:var(--text-primary);background:var(--background-primary);flex-direction:column;display:flex;overflow:hidden}.DesignReferenceWorkspace-module__bW5awa__root:fullscreen{width:100vw;height:100vh}.DesignReferenceWorkspace-module__bW5awa__toolbar,.DesignReferenceWorkspace-module__bW5awa__toolbarActions,.DesignReferenceWorkspace-module__bW5awa__viewTabs,.DesignReferenceWorkspace-module__bW5awa__referenceControls,.DesignReferenceWorkspace-module__bW5awa__segmentedControl,.DesignReferenceWorkspace-module__bW5awa__zoomControl,.DesignReferenceWorkspace-module__bW5awa__originalControl,.DesignReferenceWorkspace-module__bW5awa__scoreRow,.DesignReferenceWorkspace-module__bW5awa__compareActions,.DesignReferenceWorkspace-module__bW5awa__comparisonControls,.DesignReferenceWorkspace-module__bW5awa__comparisonSlider,.DesignReferenceWorkspace-module__bW5awa__assetList li,.DesignReferenceWorkspace-module__bW5awa__opacityControl{align-items:center;display:flex}.DesignReferenceWorkspace-module__bW5awa__toolbar{justify-content:space-between;gap:var(--space-2);min-height:2.75rem;padding:var(--space-1) var(--space-2);background:var(--background-secondary);border-bottom:1px solid var(--border-subtle);flex:none;overflow-x:scroll}.DesignReferenceWorkspace-module__bW5awa__toolbarTitle{padding-left:var(--space-2);color:var(--text-secondary);font-weight:600}.DesignReferenceWorkspace-module__bW5awa__toolbarActions,.DesignReferenceWorkspace-module__bW5awa__viewTabs,.DesignReferenceWorkspace-module__bW5awa__segmentedControl,.DesignReferenceWorkspace-module__bW5awa__compareActions{gap:var(--space-1)}.DesignReferenceWorkspace-module__bW5awa__viewTabs button,.DesignReferenceWorkspace-module__bW5awa__segmentedControl button{appearance:none;padding:var(--space-2) var(--space-3);color:var(--text-tertiary);font:inherit;font-size:var(--font-size-xs);border-radius:var(--radius-button);cursor:pointer;background:0 0;border:0;font-weight:600}.DesignReferenceWorkspace-module__bW5awa__viewTabs button:hover,.DesignReferenceWorkspace-module__bW5awa__viewTabs button[aria-selected=true],.DesignReferenceWorkspace-module__bW5awa__segmentedControl button:hover,.DesignReferenceWorkspace-module__bW5awa__segmentedControl button[aria-pressed=true]{color:var(--text-primary);background:var(--surface-secondary)}.DesignReferenceWorkspace-module__bW5awa__viewTabs button[aria-selected=true],.DesignReferenceWorkspace-module__bW5awa__segmentedControl button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--border-default)}.DesignReferenceWorkspace-module__bW5awa__viewTabs button:focus-visible,.DesignReferenceWorkspace-module__bW5awa__segmentedControl button:focus-visible,.DesignReferenceWorkspace-module__bW5awa__referenceControls select:focus-visible,.DesignReferenceWorkspace-module__bW5awa__referenceControls input:focus-visible,.DesignReferenceWorkspace-module__bW5awa__comparisonSlider input:focus-visible,.DesignReferenceWorkspace-module__bW5awa__opacityControl input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.DesignReferenceWorkspace-module__bW5awa__referenceControls{gap:var(--space-3);min-height:2.625rem;padding:var(--space-2) var(--space-3);color:var(--text-tertiary);background:var(--background-elevated);border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-xs);flex-wrap:wrap;flex:none}.DesignReferenceWorkspace-module__bW5awa__zoomControl{gap:var(--space-2)}.DesignReferenceWorkspace-module__bW5awa__zoomControl select{min-height:1.875rem;padding:0 var(--space-2);color:var(--text-primary);background:var(--background-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xs);font:inherit}.DesignReferenceWorkspace-module__bW5awa__originalControl{gap:var(--space-2);cursor:pointer}.DesignReferenceWorkspace-module__bW5awa__originalControl input{accent-color:var(--brand-default)}.DesignReferenceWorkspace-module__bW5awa__viewportDimensions{color:var(--text-tertiary);font-family:var(--font-mono);margin-left:auto}.DesignReferenceWorkspace-module__bW5awa__main{background:linear-gradient(45deg, var(--border-subtle) 25%, transparent 25%), linear-gradient(-45deg, var(--border-subtle) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--border-subtle) 75%), linear-gradient(-45deg, transparent 75%, var(--border-subtle) 75%);background-color:var(--background-secondary);background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0;background-size:1rem 1rem;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.DesignReferenceWorkspace-module__bW5awa__canvasScroller{width:100%;min-width:0;height:100%;min-height:0;padding:var(--space-5);overscroll-behavior:contain;flex:1;position:relative;overflow:auto}.DesignReferenceWorkspace-module__bW5awa__scaledCanvasBounds{margin:0 auto;position:relative}.DesignReferenceWorkspace-module__bW5awa__scaledCanvas{width:var(--reference-width);height:var(--reference-height);background:var(--background-elevated);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);transform:scale(var(--reference-scale));transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden}.DesignReferenceWorkspace-module__bW5awa__referenceMedia,.DesignReferenceWorkspace-module__bW5awa__previewFrame{border:0;width:100%;height:100%;display:block}.DesignReferenceWorkspace-module__bW5awa__referenceMedia{object-fit:fill}.DesignReferenceWorkspace-module__bW5awa__previewFrame{background:var(--background-elevated)}.DesignReferenceWorkspace-module__bW5awa__gestureCapture{z-index:10;cursor:zoom-in;touch-action:none;background:0 0;position:absolute;inset:0}.DesignReferenceWorkspace-module__bW5awa__previewEmpty{align-content:center;justify-items:center;gap:var(--space-2);width:100%;height:100%;padding:var(--space-6);color:var(--text-tertiary);text-align:center;background:var(--background-elevated);display:grid}.DesignReferenceWorkspace-module__bW5awa__previewEmpty h3{color:var(--text-primary)}.DesignReferenceWorkspace-module__bW5awa__previewEmpty span{max-width:24rem}.DesignReferenceWorkspace-module__bW5awa__compareRoot{background:var(--background-secondary);flex-direction:column;width:100%;min-width:0;min-height:0;display:flex}.DesignReferenceWorkspace-module__bW5awa__scoreRow{gap:var(--space-2);min-height:3.75rem;padding:var(--space-2) var(--space-3);background:var(--background-elevated);border-bottom:1px solid var(--border-subtle);flex:none;overflow-x:scroll}.DesignReferenceWorkspace-module__bW5awa__scoreCard{gap:var(--space-1) var(--space-3);min-width:8.5rem;padding:var(--space-2) var(--space-3);background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);grid-template-columns:minmax(0,1fr) auto;max-width:fit-content;display:grid}.DesignReferenceWorkspace-module__bW5awa__scoreCard>span:last-child{color:var(--text-tertiary);grid-column:1/-1}.DesignReferenceWorkspace-module__bW5awa__scoreCard strong{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm)}.DesignReferenceWorkspace-module__bW5awa__compareActions{margin-left:auto}.DesignReferenceWorkspace-module__bW5awa__comparisonControls{gap:var(--space-2) var(--space-4);min-height:3rem;padding:var(--space-2) var(--space-3);color:var(--text-secondary);background:var(--background-elevated);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;flex:none}.DesignReferenceWorkspace-module__bW5awa__comparisonControls>span{color:var(--text-tertiary);margin-left:auto}.DesignReferenceWorkspace-module__bW5awa__comparisonSlider{gap:var(--space-2);min-width:min(24rem,100%);font-weight:600}.DesignReferenceWorkspace-module__bW5awa__comparisonSlider input{width:min(18rem,50vw);accent-color:var(--brand-default);cursor:ew-resize}.DesignReferenceWorkspace-module__bW5awa__comparisonSlider input:disabled{cursor:not-allowed}.DesignReferenceWorkspace-module__bW5awa__comparisonSlider output{min-width:3ch;color:var(--text-primary);font-family:var(--font-mono);text-align:right}.DesignReferenceWorkspace-module__bW5awa__comparisonCanvas,.DesignReferenceWorkspace-module__bW5awa__comparisonLayer{position:absolute;inset:0}.DesignReferenceWorkspace-module__bW5awa__comparisonCanvas{width:100%;height:100%;position:relative}.DesignReferenceWorkspace-module__bW5awa__referenceWipe{z-index:1;clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0);pointer-events:none}.DesignReferenceWorkspace-module__bW5awa__comparisonDivider{z-index:2;top:0;bottom:0;left:var(--comparison-position);background:var(--brand-default);width:2px;box-shadow:0 0 0 1px color-mix(in srgb, var(--background-primary) 70%, transparent);pointer-events:none;position:absolute;transform:translate(-1px)}.DesignReferenceWorkspace-module__bW5awa__comparisonLabel{z-index:3;top:var(--space-3);padding:var(--space-1) var(--space-2);color:var(--text-primary);background:color-mix(in srgb, var(--background-elevated) 88%, transparent);border:1px solid var(--border-default);border-radius:var(--radius-xs);box-shadow:var(--shadow-sm);pointer-events:none;position:absolute}.DesignReferenceWorkspace-module__bW5awa__referenceLabel{left:var(--space-3)}.DesignReferenceWorkspace-module__bW5awa__previewLabel{right:var(--space-3)}.DesignReferenceWorkspace-module__bW5awa__specificationPanel{gap:var(--space-4);max-height:16rem;padding:var(--space-4);background:var(--background-elevated);border-top:1px solid var(--border-default);flex:none;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:auto}.DesignReferenceWorkspace-module__bW5awa__specificationPanel section{min-width:0}.DesignReferenceWorkspace-module__bW5awa__specificationPanel h3{margin-bottom:var(--space-2)}.DesignReferenceWorkspace-module__bW5awa__specificationPanel ul{gap:var(--space-1);margin:var(--space-2) 0 0;padding-left:var(--space-5);color:var(--text-secondary);font-size:var(--font-size-xs);display:grid}.DesignReferenceWorkspace-module__bW5awa__tokenList{gap:var(--space-1);margin:0;display:grid}.DesignReferenceWorkspace-module__bW5awa__tokenList div{gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-xs);grid-template-columns:minmax(0,1fr) auto;display:grid}.DesignReferenceWorkspace-module__bW5awa__tokenList dt{color:var(--text-secondary)}.DesignReferenceWorkspace-module__bW5awa__tokenList dd{color:var(--text-primary);font-family:var(--font-mono);margin:0}.DesignReferenceWorkspace-module__bW5awa__assetList{list-style:none;padding:0!important}.DesignReferenceWorkspace-module__bW5awa__assetList li{justify-content:space-between;gap:var(--space-2)}.DesignReferenceWorkspace-module__bW5awa__overlayDialog{gap:var(--space-3);display:grid;overflow:auto}.DesignReferenceWorkspace-module__bW5awa__opacityControl{gap:var(--space-3);color:var(--text-secondary)}.DesignReferenceWorkspace-module__bW5awa__opacityControl input{width:min(24rem,100%);accent-color:var(--brand-default)}.DesignReferenceWorkspace-module__bW5awa__overlayCanvas{background:var(--background-elevated);border:1px solid var(--border-default);flex:none;max-width:none;position:relative;overflow:hidden}.DesignReferenceWorkspace-module__bW5awa__overlayCanvas>div{position:absolute;inset:0}.DesignReferenceWorkspace-module__bW5awa__referenceOverlay{pointer-events:none}.DesignReferenceWorkspace-module__bW5awa__differenceCanvas .DesignReferenceWorkspace-module__bW5awa__referenceOverlay{mix-blend-mode:difference}@media (max-width:68rem){.DesignReferenceWorkspace-module__bW5awa__toolbar,.DesignReferenceWorkspace-module__bW5awa__referenceControls{align-items:stretch}.DesignReferenceWorkspace-module__bW5awa__toolbar{flex-direction:column}.DesignReferenceWorkspace-module__bW5awa__toolbarActions{justify-content:flex-end}.DesignReferenceWorkspace-module__bW5awa__viewTabs{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.DesignReferenceWorkspace-module__bW5awa__viewportDimensions{margin-left:0}.DesignReferenceWorkspace-module__bW5awa__scoreRow{flex-wrap:wrap;align-items:stretch}.DesignReferenceWorkspace-module__bW5awa__compareActions{width:100%;margin-left:0}.DesignReferenceWorkspace-module__bW5awa__specificationPanel{grid-template-columns:1fr}.DesignReferenceWorkspace-module__bW5awa__comparisonControls>span{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.DesignReferenceWorkspace-module__bW5awa__scaledCanvas{transition:none}}