.cc-app{--cc-surface: #fcfcfb;--cc-surface-raised: #ffffff;--cc-surface-sunken: #f1f1ee;--cc-ink: #161618;--cc-ink-muted: #5d5d63;--cc-ink-faint: #9b9ba2;--cc-edge: #e7e7e3;--cc-edge-strong: #cdcdc7;--cc-accent: #161618;--cc-accent-ink: #fcfcfb;--cc-accent-hover: #2a2a2e;--cc-focus-ring: #4a4a4f;--cc-shadow-soft: 0 1px 2px rgba(22, 22, 24, .05);--cc-shadow-panel: 0 -10px 28px -20px rgba(22, 22, 24, .18);--cc-radius-sm: 6px;--cc-radius-md: 10px;--cc-radius-lg: 14px;--cc-space-1: 4px;--cc-space-2: 8px;--cc-space-3: 12px;--cc-space-4: 16px;--cc-space-5: 24px;--cc-space-6: 32px;--cc-space-7: 48px;--cc-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--cc-font-size-xs: 12px;--cc-font-size-sm: 13px;--cc-font-size-base: 15px;--cc-font-size-lg: 17px;--cc-font-size-xl: 21px;--cc-line-height: 1.45;--cc-line-height-tight: 1.2;--cc-ease: cubic-bezier(.2, 0, 0, 1);--cc-duration: .2s;--cc-canvas-target: 1.2;--cc-panel-min: 320px;--cc-panel-max: 520px;--cc-content-cap: 640px;--cc-panel-h: clamp( var(--cc-panel-min), calc(100dvh - 100vw / var(--cc-canvas-target)), var(--cc-panel-max) );--cc-panel-w: clamp( var(--cc-panel-min), calc(100vw - 100dvh * var(--cc-canvas-target)), var(--cc-panel-max) );--cc-step-pad-x: var(--cc-space-4);--cc-step-pad-y: var(--cc-space-2);--cc-step-body-pad-y: var(--cc-space-3);--cc-step-body-gap: var(--cc-space-3);--cc-step-title-size: var(--cc-font-size-lg)}.cc-app{font-family:var(--cc-font);font-size:var(--cc-font-size-base);line-height:var(--cc-line-height);color:var(--cc-ink);background:var(--cc-surface);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cc-app *,.cc-app *:before,.cc-app *:after{box-sizing:border-box}.cc-app button,.cc-app input,.cc-app select,.cc-app textarea{font:inherit}.cc-field{display:flex;flex-direction:column;gap:6px}.cc-field__label{font-size:var(--cc-font-size-xs);font-weight:500;color:var(--cc-ink-muted);letter-spacing:.01em}.cc-field__hint{font-size:var(--cc-font-size-xs);color:var(--cc-ink-faint)}.cc-input{height:38px;padding:0 12px;border-radius:var(--cc-radius-md);border:1px solid var(--cc-edge);background:var(--cc-surface-raised);color:var(--cc-ink);font-size:var(--cc-font-size-base);transition:border-color var(--cc-duration) var(--cc-ease),box-shadow var(--cc-duration) var(--cc-ease);font-variant-numeric:tabular-nums;width:100%}.cc-input::placeholder{color:var(--cc-ink-faint)}.cc-input:hover:not(:disabled):not(:focus){border-color:var(--cc-edge-strong)}.cc-input:focus{outline:none;border-color:var(--cc-focus-ring);box-shadow:0 0 0 3px #4a4a4f2e}.cc-input:disabled{background:var(--cc-surface-sunken);color:var(--cc-ink-faint);cursor:not-allowed}.cc-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:32px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%235d5d63' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M3 4.5L6 7.5L9 4.5'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px;cursor:pointer}.cc-segmented{display:inline-flex;align-items:stretch;padding:3px;border-radius:var(--cc-radius-md);background:var(--cc-surface-sunken);border:1px solid var(--cc-edge);min-width:0}.cc-segmented--full{display:flex;width:100%}.cc-segmented__option{flex:1 1 0;min-width:0;min-height:32px;padding:0 12px;border:0;background:transparent;border-radius:6px;font-size:var(--cc-font-size-sm);font-weight:500;color:var(--cc-ink-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background var(--cc-duration) var(--cc-ease),color var(--cc-duration) var(--cc-ease),box-shadow var(--cc-duration) var(--cc-ease)}.cc-segmented__option:hover:not([aria-pressed=true]):not(:disabled){color:var(--cc-ink)}.cc-segmented__option[aria-pressed=true]{background:var(--cc-surface-raised);color:var(--cc-ink);box-shadow:var(--cc-shadow-soft)}.cc-segmented__option:focus-visible{outline:2px solid var(--cc-focus-ring);outline-offset:2px}.cc-segmented__option:disabled{opacity:.4;cursor:not-allowed}.cc-swatch-grid{display:grid;grid-template-columns:repeat(var(--cc-swatch-cols, 7),minmax(0,1fr));gap:6px}.cc-swatch{position:relative;aspect-ratio:1;border-radius:var(--cc-radius-sm);border:1px solid rgba(0,0,0,.06);background:var(--cc-swatch-bg, #ccc);cursor:pointer;padding:0;transition:transform var(--cc-duration) var(--cc-ease)}.cc-swatch:hover:not([aria-pressed=true]){transform:translateY(-1px)}.cc-swatch[aria-pressed=true]:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:calc(var(--cc-radius-sm) + 3px);border:2px solid var(--cc-accent);pointer-events:none}.cc-swatch:focus-visible{outline:2px solid var(--cc-focus-ring);outline-offset:2px}.cc-swatch-picker{display:flex;flex-direction:column;gap:8px}.cc-swatch-caption{font-size:var(--cc-font-size-xs);color:var(--cc-ink-muted)}.cc-add-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--cc-space-2)}.cc-starter-row{display:flex;gap:var(--cc-space-2)}.cc-starter-card{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--cc-edge);border-radius:var(--cc-radius-md);background:transparent;color:var(--cc-ink-muted);cursor:pointer;text-align:left;transition:border-color var(--cc-duration) var(--cc-ease),background var(--cc-duration) var(--cc-ease),color var(--cc-duration) var(--cc-ease)}.cc-starter-card__icon{flex:0 0 auto;color:var(--cc-ink-faint);transition:color var(--cc-duration) var(--cc-ease)}.cc-starter-card[aria-pressed=true] .cc-starter-card__icon,.cc-starter-card:hover:not(:disabled) .cc-starter-card__icon{color:var(--cc-ink)}.cc-starter-card__body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px}.cc-starter-card:hover:not(:disabled){border-color:var(--cc-edge-strong);color:var(--cc-ink)}.cc-starter-card[aria-pressed=true]{border-color:var(--cc-edge-strong);background:var(--cc-surface-raised);color:var(--cc-ink);box-shadow:var(--cc-shadow-soft)}.cc-starter-card:focus-visible{outline:2px solid var(--cc-focus-ring);outline-offset:2px}.cc-starter-card__name{font-size:var(--cc-font-size-sm);font-weight:500}.cc-starter-card__meta{font-size:var(--cc-font-size-xs);color:var(--cc-ink-faint);font-variant-numeric:tabular-nums}.cc-icon-btn{flex:0 0 auto;width:36px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--cc-edge);border-radius:var(--cc-radius-sm);background:transparent;color:var(--cc-ink-muted);cursor:pointer;transition:border-color var(--cc-duration) var(--cc-ease),color var(--cc-duration) var(--cc-ease),opacity var(--cc-duration) var(--cc-ease)}.cc-icon-btn:hover:not(:disabled){border-color:var(--cc-edge-strong);color:var(--cc-ink)}.cc-icon-btn:focus-visible{outline:2px solid var(--cc-focus-ring);outline-offset:2px}.cc-icon-btn:disabled{opacity:.35;cursor:not-allowed}.cc-position-row{display:flex;align-items:center;gap:var(--cc-space-2)}.cc-position-presets{display:inline-flex;gap:2px;flex:0 0 auto}.cc-position-row .cc-input{flex:1 1 0;min-width:0}.cc-position-row>.cc-number-row{flex:1 1 0;min-width:0}.cc-number-row{display:flex;align-items:center;gap:var(--cc-space-2)}.cc-number-input{flex:1 1 0;min-width:0;text-align:center}.cc-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--cc-font-size-sm);color:var(--cc-ink);-webkit-user-select:none;user-select:none}.cc-toggle input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;border:1.5px solid var(--cc-edge-strong);border-radius:5px;background-color:var(--cc-surface-raised);background-repeat:no-repeat;background-position:center;background-size:12px 12px;cursor:pointer;transition:background-color var(--cc-duration) var(--cc-ease),border-color var(--cc-duration) var(--cc-ease)}.cc-toggle:hover input:not(:disabled){border-color:var(--cc-ink-faint)}.cc-toggle input:checked{background-color:var(--cc-ink-muted);border-color:var(--cc-ink-muted);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fcfcfb' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>")}.cc-toggle:hover input:checked:not(:disabled){background-color:var(--cc-ink);border-color:var(--cc-ink)}.cc-toggle input:focus-visible{outline:2px solid var(--cc-focus-ring);outline-offset:2px}.cc-toggle:has(input:disabled){color:var(--cc-ink-faint);cursor:not-allowed}.cc-toggle input:disabled{cursor:not-allowed;opacity:.5}.cc-opening-row{border:1px solid var(--cc-edge);border-radius:var(--cc-radius-md);background:var(--cc-surface);overflow:hidden;transition:border-color var(--cc-duration) var(--cc-ease)}.cc-opening-row[data-expanded=true]{border-color:var(--cc-edge-strong)}.cc-opening-row__head{display:flex;align-items:center;gap:var(--cc-space-1);padding:6px 6px 6px 10px}.cc-opening-row__toggle{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:10px;padding:4px 0;background:transparent;border:0;cursor:pointer;text-align:left;color:inherit;font:inherit}.cc-opening-row__toggle:focus-visible{outline:2px solid var(--cc-focus-ring);outline-offset:2px;border-radius:var(--cc-radius-sm)}.cc-opening-row__chevron{flex:0 0 auto;color:var(--cc-ink-faint);transition:transform var(--cc-duration) var(--cc-ease),color var(--cc-duration) var(--cc-ease)}.cc-opening-row__toggle[aria-expanded=true] .cc-opening-row__chevron{transform:rotate(180deg);color:var(--cc-ink)}.cc-opening-row__title{font-size:var(--cc-font-size-sm);font-weight:600;color:var(--cc-ink);flex:0 0 auto;white-space:nowrap}.cc-opening-row__summary{flex:1 1 0;min-width:0;font-size:var(--cc-font-size-xs);color:var(--cc-ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.cc-opening-row__remove{flex:0 0 auto;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:var(--cc-radius-sm);color:var(--cc-ink-faint);cursor:pointer;transition:background var(--cc-duration) var(--cc-ease),color var(--cc-duration) var(--cc-ease)}.cc-opening-row__remove:hover:not(:disabled){background:var(--cc-surface-sunken);color:var(--cc-ink)}.cc-opening-row__remove:focus-visible{outline:2px solid var(--cc-focus-ring);outline-offset:2px}.cc-opening-row__body{display:flex;flex-direction:column;gap:var(--cc-space-3);padding:var(--cc-space-3);border-top:1px solid var(--cc-edge)}@media(prefers-reduced-motion:reduce){.cc-input,.cc-segmented__option,.cc-swatch,.cc-toggle input,.cc-opening-row,.cc-opening-row__chevron,.cc-opening-row__remove{transition:none}}.cc-request{display:flex;flex-direction:column;gap:var(--cc-space-3)}.cc-request__intro{margin:0;font-size:var(--cc-font-size-sm);color:var(--cc-ink-muted)}.cc-request__row{display:flex;gap:var(--cc-space-3)}.cc-request__row>.cc-field{flex:1 1 0;min-width:0}.cc-request__textarea{height:auto;padding:8px 12px;resize:vertical;min-height:56px;line-height:1.4}.cc-request__error{font-size:var(--cc-font-size-sm);color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--cc-radius-md);padding:10px 12px}.cc-request-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--cc-space-2);padding:var(--cc-space-5) var(--cc-space-3)}.cc-request-success__icon{width:48px;height:48px;border-radius:999px;background:#ecfdf5;color:#047857;display:inline-flex;align-items:center;justify-content:center}.cc-request-success__title{font-size:var(--cc-font-size-lg);font-weight:600;color:var(--cc-ink)}.cc-request-success__body{margin:0;max-width:32ch;font-size:var(--cc-font-size-sm);color:var(--cc-ink-muted)}.cc-summary{display:flex;flex-direction:column;gap:var(--cc-space-2)}.cc-summary-row{border:1px solid var(--cc-edge);border-radius:var(--cc-radius-md);background:var(--cc-surface);overflow:hidden;transition:border-color var(--cc-duration) var(--cc-ease)}.cc-summary-row[data-expanded=true]{border-color:var(--cc-edge-strong)}.cc-summary-row__head{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:0;cursor:pointer;text-align:left;color:inherit;font:inherit}.cc-summary-row__head:focus-visible{outline:2px solid var(--cc-focus-ring);outline-offset:2px;border-radius:var(--cc-radius-md)}.cc-summary-row__chevron{flex:0 0 auto;color:var(--cc-ink-faint);transition:transform var(--cc-duration) var(--cc-ease),color var(--cc-duration) var(--cc-ease)}.cc-summary-row__head[aria-expanded=true] .cc-summary-row__chevron{transform:rotate(180deg);color:var(--cc-ink)}.cc-summary-row__label{flex:0 0 auto;font-size:var(--cc-font-size-sm);font-weight:600;color:var(--cc-ink)}.cc-summary-row__summary{flex:1 1 0;min-width:0;text-align:right;font-size:var(--cc-font-size-xs);color:var(--cc-ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.cc-summary-row__body{display:flex;flex-direction:column;gap:var(--cc-space-3);padding:var(--cc-space-3) var(--cc-space-3) var(--cc-space-3) 36px;border-top:1px solid var(--cc-edge)}.cc-summary-row__edit{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--cc-edge);border-radius:var(--cc-radius-sm);background:transparent;color:var(--cc-ink-muted);font-size:var(--cc-font-size-xs);font-weight:500;cursor:pointer;transition:border-color var(--cc-duration) var(--cc-ease),color var(--cc-duration) var(--cc-ease)}.cc-summary-row__edit:hover{border-color:var(--cc-edge-strong);color:var(--cc-ink)}.cc-summary-row__edit:focus-visible{outline:2px solid var(--cc-focus-ring);outline-offset:2px}.cc-summary-pairs{margin:0;display:grid;grid-template-columns:max-content 1fr;column-gap:var(--cc-space-4);row-gap:6px;font-size:var(--cc-font-size-sm)}.cc-summary-pairs dt{color:var(--cc-ink-muted)}.cc-summary-pairs dd{margin:0;color:var(--cc-ink);text-align:right;font-variant-numeric:tabular-nums}.cc-summary-color{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}.cc-summary-swatch{width:14px;height:14px;border-radius:4px;border:1px solid rgba(0,0,0,.1);flex:0 0 auto}.cc-summary-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:var(--cc-font-size-sm)}.cc-summary-list li{display:flex;align-items:center;gap:8px}.cc-summary-list__title{flex:0 0 auto;color:var(--cc-ink);font-weight:500}.cc-summary-list__meta{flex:1 1 0;min-width:0;text-align:right;font-size:var(--cc-font-size-xs);color:var(--cc-ink-muted);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-summary-empty{font-size:var(--cc-font-size-sm);color:var(--cc-ink-faint);font-style:italic}@media(prefers-reduced-motion:reduce){.cc-summary-row,.cc-summary-row__chevron,.cc-summary-row__edit{transition:none}}.cc-viewer-stack{position:absolute;top:0;right:0;bottom:0;left:0}.cc-viewer-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--cc-space-3);background:#e8e4df;color:var(--cc-ink-muted);font-size:var(--cc-font-size-sm);animation:cc-viewer-loading-fade .36s var(--cc-ease) both;pointer-events:none}.cc-viewer-loading__spinner{width:28px;height:28px;border-radius:50%;border:2px solid rgba(22,22,24,.12);border-top-color:var(--cc-ink-muted);animation:cc-viewer-loading-spin .9s linear infinite}.cc-viewer-loading__label{letter-spacing:.01em}@keyframes cc-viewer-loading-spin{to{transform:rotate(360deg)}}@keyframes cc-viewer-loading-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.cc-viewer-loading{animation:none}.cc-viewer-loading__spinner{animation:none;border-top-color:var(--cc-ink-faint)}}.cc-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;min-height:0;background:var(--cc-surface)}.cc-viewer{position:relative;flex:1 1 auto;min-height:0;min-width:0;background:var(--cc-surface-sunken);overflow:hidden}.cc-panel{position:relative;flex:0 0 var(--cc-panel-h);height:var(--cc-panel-h);display:flex;flex-direction:column;justify-content:center;background:var(--cc-surface);border-top:1px solid var(--cc-edge);box-shadow:var(--cc-shadow-panel);container-type:size;container-name:cc-panel}.cc-panel-content{flex:1 1 auto;min-height:0;min-width:0;width:100%;max-width:var(--cc-content-cap);margin:0 auto;display:flex;flex-direction:column}.cc-step-header{flex:0 0 auto;display:flex;align-items:baseline;justify-content:space-between;gap:var(--cc-space-3);padding:var(--cc-step-pad-y) var(--cc-step-pad-x)}.cc-step-title{font-size:var(--cc-step-title-size);font-weight:600;line-height:var(--cc-line-height-tight);letter-spacing:-.01em;margin:0;color:var(--cc-ink)}.cc-step-meta{display:flex;align-items:center;gap:var(--cc-space-2);flex:0 0 auto}.cc-step-indicator{flex:0 0 auto;font-size:var(--cc-font-size-sm);font-weight:500;color:var(--cc-ink-muted);font-variant-numeric:tabular-nums;letter-spacing:.02em}.cc-findings-anchor{position:relative;z-index:20}.cc-findings-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;border:1px solid #f97316;background:#fff7ed;color:#c2410c;font:inherit;font-size:var(--cc-font-size-xs);font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--cc-duration) var(--cc-ease),border-color var(--cc-duration) var(--cc-ease),color var(--cc-duration) var(--cc-ease)}.cc-findings-chip:hover{background:#ffedd5;border-color:#ea580c;color:#9a3412}.cc-findings-chip:focus-visible{outline:2px solid var(--cc-focus-ring);outline-offset:2px}.cc-findings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:transparent}.cc-findings-popover{position:absolute;bottom:calc(100% + 8px);right:0;z-index:20;width:min(320px,calc(100vw - 24px));max-height:60vh;overflow-y:auto;background:var(--cc-surface-raised);border:1.5px solid #f97316;border-radius:var(--cc-radius-md);box-shadow:inset 0 0 24px -6px #f9731638}.cc-findings-list{margin:0;padding:12px 16px;font-size:var(--cc-font-size-sm);color:var(--cc-ink);list-style:none}.cc-findings-list li{display:flex;align-items:flex-start;gap:8px}.cc-findings-list li+li{margin-top:8px}.cc-findings-list__icon{flex:0 0 auto;margin-top:2px;color:#c2410c}.cc-step-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10px);mask-image:linear-gradient(to bottom,transparent 0,#000 10px)}.cc-step-body{padding:var(--cc-step-body-pad-y) var(--cc-step-pad-x);display:flex;flex-direction:column;gap:var(--cc-step-body-gap)}.cc-step-footer{margin-top:auto;flex:0 0 auto;display:flex;gap:var(--cc-space-2);padding:var(--cc-step-pad-y) var(--cc-step-pad-x);padding-bottom:calc(var(--cc-step-pad-y) + env(safe-area-inset-bottom,0px));background:var(--cc-surface)}.cc-btn{flex:1 1 0;min-height:44px;padding:0 var(--cc-space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--cc-space-2);font-size:var(--cc-font-size-base);font-weight:500;border-radius:var(--cc-radius-md);border:1px solid transparent;background:transparent;color:var(--cc-ink);cursor:pointer;transition:background var(--cc-duration) var(--cc-ease),border-color var(--cc-duration) var(--cc-ease),color var(--cc-duration) var(--cc-ease),opacity var(--cc-duration) var(--cc-ease)}.cc-btn:focus-visible{outline:2px solid var(--cc-focus-ring);outline-offset:2px}.cc-btn-ghost{color:var(--cc-ink-muted);border-color:var(--cc-edge)}.cc-btn-ghost:hover:not(:disabled){border-color:var(--cc-edge-strong);color:var(--cc-ink)}.cc-btn-primary{color:var(--cc-ink);border-color:var(--cc-edge-strong);font-weight:600}.cc-btn-primary:hover:not(:disabled){border-color:var(--cc-ink-faint)}.cc-btn-warning{color:#c2410c;border-color:#f97316;background:#fff7ed;font-weight:600}.cc-btn-warning:hover:not(:disabled){background:#ffedd5;border-color:#ea580c;color:#9a3412}.cc-btn-icon{flex:0 0 auto;width:44px;padding:0}.cc-btn-add{flex:0 0 auto;min-height:38px;padding:0 14px 0 10px;gap:6px;font-size:var(--cc-font-size-sm);font-weight:500}.cc-btn:disabled{opacity:.45;cursor:not-allowed}@media(min-aspect-ratio:6/5){.cc-shell{flex-direction:row}.cc-panel{flex:0 0 var(--cc-panel-w);width:var(--cc-panel-w);height:auto;border-top:0;border-left:1px solid var(--cc-edge);box-shadow:-10px 0 28px -20px #1616182e}.cc-panel-content{max-width:none;max-height:var(--cc-content-cap)}}@container cc-panel (min-width: 640px) or (min-height: 640px){.cc-panel-content{--cc-step-pad-y: var(--cc-space-4);--cc-step-body-pad-y: var(--cc-space-4);--cc-step-body-gap: var(--cc-space-4);--cc-step-title-size: var(--cc-font-size-xl)}}.cc-hint-overlay{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:50;max-width:calc(100% - 32px);display:inline-flex;align-items:flex-start;gap:var(--cc-space-3);padding:8px 12px;border-radius:14px;background:#fff7edf5;color:#9a3412;border:1px solid #f97316;font-size:var(--cc-font-size-sm);font-weight:500;line-height:1.35;box-shadow:0 8px 20px -10px #16161840;pointer-events:auto;animation:cc-hint-overlay-in .18s var(--cc-ease) both}.cc-hint-overlay__text{white-space:normal;overflow-wrap:anywhere}.cc-hint-overlay__dismiss{flex:0 0 auto;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:#c2410c;font-size:18px;line-height:1;cursor:pointer}.cc-hint-overlay__dismiss:hover{background:#f973162e;color:#9a3412}@keyframes cc-hint-overlay-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.cc-hint-overlay{animation:none}}.cc-spin{animation:cc-spin .9s linear infinite}@keyframes cc-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cc-btn{transition:none}.cc-spin{animation:none}}.cc-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#1616188c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.cc-picker__card{display:flex;align-items:stretch;gap:var(--cc-space-3, 12px);padding:var(--cc-space-5, 24px);background:var(--cc-surface-raised, #ffffff);border-radius:var(--cc-radius-lg, 14px);box-shadow:0 20px 50px #16161840}.cc-picker__button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--cc-space-3, 12px);padding:18px 24px;min-width:132px;border:1px solid var(--cc-edge-strong, #cdcdc7);border-radius:var(--cc-radius-md, 10px);background:var(--cc-surface-sunken, #f1f1ee);color:var(--cc-ink, #161618);font:inherit;cursor:pointer;transition:border-color var(--cc-duration, .2s) var(--cc-ease, ease),box-shadow var(--cc-duration, .2s) var(--cc-ease, ease),transform var(--cc-duration, .2s) var(--cc-ease, ease)}.cc-picker__button:hover,.cc-picker__button:focus-visible{border-color:var(--cc-accent, #161618);outline:none;transform:translateY(-1px);box-shadow:0 6px 16px #1616181f}.cc-picker__flag{display:block;width:80px;height:auto}.cc-picker__label{font-size:13px;line-height:1;color:var(--cc-ink, #161618)}