:root{--app-top-offset: 1.5rem;--color-page-bg-start: #fffefe;--color-page-bg-end: #f5f5f7;--color-text: #333;--color-text-heading: #2c3e50;--color-text-muted: #555;--color-text-icon: #8e8e93;--color-surface: #ffffff;--color-primary: #1525ff;--color-accent: #ffbf1c;--color-button: #1d1d1f;--color-button-text: #ffffff;--color-button-disabled: #bdc3c7;--color-border: #e0e0e0;--color-error-text: #c0392b;--color-error-muted: #7f8c8d;--color-success-bg: #e4f8f0;--color-success: #27ae60;--color-review-bg: #fff8e1;--color-review: #f39c12;--color-danger-bg: #f8e4e4;--color-danger: #e74c3c;--color-camera-bg: #000;--color-warning: #d35400;--color-guide-good: #16a34a;--color-qr-bg: #ffffff;--color-qr-corners: #273e47;--color-design-button: #34495e;--color-design-button-hover: #4e6d8d;--color-design-control-border: #95a5a6;--color-design-select-bg: #ecf0f1}*,*:before,*:after{box-sizing:border-box}html{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:15px;line-height:1.6;background:var(--color-page-bg-start);background:linear-gradient(180deg,var(--color-page-bg-start) 0%,var(--color-page-bg-end) 100%);color:var(--color-text);display:flex;flex-direction:column;align-items:center;min-height:100vh}.site-header{width:100%;padding-left:15px;margin-bottom:15px;box-sizing:border-box;height:40px}h1{margin-top:0;margin-bottom:20px;color:var(--color-text-heading);text-align:center}.intro-container,.finish-container{background-color:var(--color-surface);padding:30px 15px;border-radius:12px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:480px;text-align:center;margin-top:calc(20px + var(--app-top-offset))}.intro-container h2,.finish-container h2{margin-top:0;color:var(--color-text-heading);font-size:1.5em}.steps-list{list-style:none;padding:0;margin:30px auto;display:flex;flex-direction:column;align-items:center;gap:25px}.step-item{display:flex;align-items:center;gap:20px;max-width:350px;text-align:left}.step-item[hidden]{display:none}.step-item .icon{flex-shrink:0;width:48px;height:48px;background-color:var(--color-page-bg-end);border-radius:50%;display:flex;align-items:center;justify-content:center}.step-item .icon svg{width:24px;height:24px;stroke:var(--color-text-icon);stroke-width:2}.step-item p{margin:0;color:var(--color-text-muted);font-size:.9em;line-height:1.5}.get-started-btn{display:block;width:100%;margin:0 auto;padding:11px 40px;font-size:1.1em;font-weight:700;cursor:pointer;border:none;background-color:var(--color-button);color:var(--color-button-text);border-radius:8px;transition:background-color .3s ease;position:relative;border:2px solid rgba(0,0,0,0)}.get-started-btn:hover:not(:disabled){border:2px solid var(--color-accent);color:var(--color-accent)}.get-started-btn:disabled{background-color:var(--color-button-disabled);cursor:not-allowed}.get-started-btn.is-loading{color:transparent!important;cursor:not-allowed;background-color:var(--color-button-disabled);background-image:linear-gradient(to right,var(--color-button),var(--color-button));background-repeat:no-repeat;background-size:var(--progress, 0%) 100%;transition:background-size .1s ease-out}.get-started-btn.is-loading:after{content:"";display:block;width:1.5em;height:1.5em;border:3px solid color-mix(in srgb,var(--color-surface) 40%,transparent);border-top-color:var(--color-surface);border-radius:50%;animation:button-spin .8s linear infinite;position:absolute;left:50%;top:50%;margin-left:-.75em;margin-top:-.75em}@keyframes button-spin{to{transform:rotate(360deg)}}.desktop-intro-message{margin-top:30px;padding-top:25px;border-top:1px solid var(--color-border);text-align:center}.desktop-intro-message p{margin:0 0 15px;font-weight:500;color:var(--color-text-heading);font-size:1.1em}#qrCodeContainer{display:inline-block;border-radius:8px;background:var(--color-surface);padding:8px;box-shadow:0 2px 8px #0000001a;line-height:0}.unsupported-message p:first-child{color:var(--color-error-text)}.unsupported-reason{margin:0;font-size:.85em;font-weight:400;color:var(--color-error-muted);word-break:break-word}.unsupported-reason:empty{display:none}.finish-icon{width:80px;height:80px;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.finish-icon svg{width:40px;height:40px;stroke-width:3;display:none}#finishMessage{font-size:1.1em;color:var(--color-text);margin-bottom:5px}#finishInstruction{font-size:1em;color:var(--color-text-muted);margin-top:0;margin-bottom:25px}#finishActions{margin-top:20px}.finish-container.status-success .finish-icon{background-color:var(--color-success-bg)}.finish-container.status-success .finish-icon svg{stroke:var(--color-success)}.finish-container.status-success #successIcon{display:block}.finish-container.status-review .finish-icon{background-color:var(--color-review-bg)}.finish-container.status-review .finish-icon svg{stroke:var(--color-review)}.finish-container.status-review #reviewIcon{display:block}.finish-container.status-error .finish-icon{background-color:var(--color-danger-bg)}.finish-container.status-error .finish-icon svg{stroke:var(--color-danger)}.finish-container.status-error #errorIcon{display:block}.finish-container.status-error.is-retryable #errorIcon{display:none}.finish-container.status-error.is-retryable #errorSorryIcon{display:block;width:56px;height:56px;color:var(--color-danger);fill:currentColor;stroke:none;stroke-width:0}.powered-by{margin:15px auto 20px;text-align:center;color:var(--color-text-icon);font-size:.8em}#cameraHost{display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);container-type:size;container-name:camera;position:relative;width:100%;max-width:640px;max-height:95%;margin-top:var(--app-top-offset);margin-bottom:0;background-color:var(--color-camera-bg);border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026;--camera-header-h: clamp(9rem, 28dvh, 12rem)}#cameraHost>canvas,#cameraHost>.camera-preview,#cameraHost>.camera-ui,#cameraHost>.poa-backdrop,#cameraHost>.poa-instruction-overlay,#cameraHost>.session-restart-overlay{grid-area:1 / 1;min-width:0;min-height:0}#cameraHost>canvas,#cameraHost>.camera-preview{display:none;position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden}#cameraHost>canvas{object-fit:cover}#cameraHost>.camera-ui{--camera-header-h: clamp(9rem, 28dvh, 12rem);display:grid;grid-template-rows:calc(env(safe-area-inset-top) + var(--camera-header-h)) minmax(0,1fr) auto;height:100%;pointer-events:none;z-index:5}.camera-ui__header{padding:env(safe-area-inset-top) .25rem 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.5rem;padding-bottom:.5rem;z-index:19}.camera-ui__status-icon-container{height:40px;display:flex;align-items:center;justify-content:center}@keyframes fadeInDownWithWiggle{0%{opacity:0;transform:translateY(-15px)}50%{opacity:1;transform:translateY(0)}65%{transform:translateY(0) rotate(3deg)}80%{transform:translateY(0) rotate(-3deg)}to{opacity:1;transform:translateY(0)}}#cameraHost .message-overlay-base-style{width:min(72%,360px);overflow:visible;display:none;flex:0 1 auto;flex-direction:column;align-items:center;gap:.22em;padding:0 .25rem;font-size:1.1em;font-weight:500;text-align:center;text-shadow:none;margin-top:.5rem}#cameraHost .message-overlay-base-style .message-overlay-title{width:100%;white-space:pre-line;line-height:1.2;font-size:1rem;font-weight:600}#cameraHost .message-overlay-base-style .message-overlay-title.text-wiggle{will-change:transform,opacity;animation:fadeInDownWithWiggle .7s ease-in-out forwards}#cameraHost .message-overlay-base-style .message-overlay-message{width:100%;white-space:pre-line;line-height:1.2;font-size:.86rem;font-weight:500}#cameraHost .message-overlay-base-style .message-overlay-message.text-wiggle{will-change:transform,opacity;animation:fadeInDownWithWiggle .7s ease-in-out forwards}#cameraHost .message-overlay-base-style .message-overlay-guidance{width:100%;margin-top:auto;white-space:pre-line;word-break:break-word;overflow-wrap:anywhere;line-height:1.25;font-size:.8rem;font-weight:450;color:color-mix(in srgb,var(--color-text-heading) 90%,transparent)}#cameraHost .message-overlay-base-style.ov-showing{display:flex}#cameraHost .message-overlay-base-style.message-type-info,#cameraHost .message-overlay-base-style.message-type-info .message-overlay-title,#cameraHost .message-overlay-base-style.message-type-info .message-overlay-message,#cameraHost .message-overlay-base-style.message-type-warning,#cameraHost .message-overlay-base-style.message-type-warning .message-overlay-title,#cameraHost .message-overlay-base-style.message-type-warning .message-overlay-guidance{color:var(--color-text-heading)}#cameraHost .message-overlay-base-style.message-type-warning .message-overlay-message{color:var(--color-warning)}.camera-ui__stage{display:grid;place-items:center;position:relative;min-height:0}@keyframes borderPulse{0%{border-color:var(--color-primary)}25%{border-color:var(--color-accent)}50%{border-color:var(--color-primary)}75%{border-color:var(--color-accent)}to{border-color:var(--color-primary)}}.document-guide-overlay-style,.head-guide-overlay-style,.a4-document-guide-overlay-style{grid-area:1 / 1;align-self:start;justify-self:center;pointer-events:none;z-index:6;display:none;box-shadow:0 0 0 1000px color-mix(in srgb,var(--color-surface) 90%,transparent);margin-top:.5rem;position:relative}.document-guide-overlay-style:after,.head-guide-overlay-style:after,.a4-document-guide-overlay-style:after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--color-primary);animation:borderPulse 6s ease-in-out infinite;pointer-events:none}.document-guide-overlay-style{width:76%;aspect-ratio:1.59;border-radius:16px}.head-guide-overlay-style{width:60%;border-radius:50%;aspect-ratio:.75}.a4-document-guide-overlay-style{width:min(92%,calc((100cqh - env(safe-area-inset-top,0px) - var(--app-top-offset, 0px) - var(--camera-header-h) - 7rem) * 210 / 297));height:auto;aspect-ratio:210 / 297;border-radius:2px}.document-guide-overlay-style.ov-showing,.head-guide-overlay-style.ov-showing,.a4-document-guide-overlay-style.ov-showing{display:block}.document-guide-overlay-style.guide-good:after,.head-guide-overlay-style.guide-good:after,.a4-document-guide-overlay-style.guide-good:after{border-color:var(--color-guide-good);border-width:4px;animation:none}#cameraHost .processing-spinner-style{display:block;visibility:hidden;position:absolute;pointer-events:none}#cameraHost .processing-spinner-style.ov-showing{visibility:visible}#cameraHost .processing-spinner-icon{display:block;width:40px;height:40px}#cameraHost .processing-spinner-icon .spinner-ring{fill:var(--color-primary);transform-origin:50% 50%}#cameraHost .processing-spinner-style.ov-showing:not(.success) .spinner-ring{animation:button-spin .8s linear infinite}#cameraHost .processing-spinner-icon .success-bg{fill:var(--color-primary);transform-origin:50% 50%;transform:scale(0);opacity:0;will-change:transform,opacity;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}#cameraHost .processing-spinner-icon .check{fill:none;stroke:var(--color-surface);stroke-width:80;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:700;stroke-dashoffset:700;transition:stroke-dashoffset .5s ease-out .2s}#cameraHost .processing-spinner-style.success .spinner-ring{animation:none;transform:scale(0) rotate(90deg);opacity:0;transition:transform .3s ease-in,opacity .3s ease-in}#cameraHost .processing-spinner-style.success .success-bg{transform:scale(1);opacity:1}#cameraHost .processing-spinner-style.success .check{stroke-dashoffset:0}@keyframes card-turn-around-flip{0%{transform:perspective(400px) rotateY(0)}50%{transform:perspective(400px) rotateY(180deg)}to{transform:perspective(400px) rotateY(360deg)}}#cameraHost .card-turn-around-style{display:block;visibility:hidden;position:absolute;pointer-events:none}#cameraHost .card-turn-around-style.ov-showing{visibility:visible}#cameraHost .card-turn-around-style .card-turn-around-icon{display:block;width:40px;height:40px;color:var(--color-primary);transform-style:preserve-3d}#cameraHost .card-turn-around-style.ov-showing .card-turn-around-icon{animation:card-turn-around-flip 2s ease-in-out infinite}@keyframes smile-mouth{0%{transform:scaleY(.1);animation-timing-function:ease-in-out}33.33%{transform:scaleY(1);animation-timing-function:linear}to{transform:scaleY(1)}}@keyframes filling-circle-drain{0%{stroke-dashoffset:0}to{stroke-dashoffset:157.1}}#cameraHost .filling-circle-style{display:block;visibility:hidden;position:absolute;pointer-events:none}#cameraHost .filling-circle-style.ov-showing{visibility:visible}#cameraHost .filling-circle-icon{display:block;width:40px;height:40px}#cameraHost .filling-circle-icon .filling-circle-track{fill:var(--color-border)}#cameraHost .filling-circle-icon .filling-circle-fill{stroke:var(--color-warning);stroke-dasharray:157.1;stroke-dashoffset:0}#cameraHost .filling-circle-style.ov-showing .filling-circle-fill{animation:filling-circle-drain 5s linear forwards}#cameraHost .smile-animation-style{display:block;visibility:hidden;position:absolute;pointer-events:none}#cameraHost .smile-animation-style.ov-showing{visibility:visible}#cameraHost .smile-animation-style .smile-animation-icon{display:block;width:44px;height:44px}#cameraHost .smile-animation-style .stroke-main{stroke:var(--color-primary);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;fill:none}#cameraHost .smile-animation-style .eye{fill:var(--color-primary)}#cameraHost .smile-animation-style .mouth{d:path("M 110 165 Q 150 215 190 165");transform-origin:150px 165px;transform:scaleY(.1)}#cameraHost .smile-animation-style.ov-showing .mouth{animation:smile-mouth 4.5s infinite}.camera-ui__footer{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));pointer-events:none}#cameraHost .video-overlay-capture-button{width:clamp(55px,11cqw,75px);height:auto;aspect-ratio:1;z-index:11;cursor:pointer;display:none;transition:transform .2s ease;pointer-events:auto}#cameraHost .video-overlay-capture-button.ov-showing{display:block}#cameraHost .video-overlay-capture-button circle{fill:var(--color-button);transition:all .2s ease-out}#cameraHost .video-overlay-capture-button .button-ring{stroke:var(--color-button);fill:none}#cameraHost .video-overlay-capture-button:active{transform:scale(.95)}#cameraHost .poa-backdrop{display:none;position:relative;z-index:2;box-sizing:border-box;width:100%;height:100%;background-color:var(--color-surface);pointer-events:none}#cameraHost .poa-backdrop.ov-showing{display:block}#cameraHost .poa-instruction-overlay{display:none;position:relative;z-index:40;box-sizing:border-box;width:100%;height:100%;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));background-color:var(--color-surface);align-items:flex-start;justify-content:center;overflow:auto;pointer-events:auto}#cameraHost .poa-instruction-overlay.ov-showing{display:flex}#cameraHost .poa-instruction-card{background-color:var(--color-surface);padding:30px 15px;border-radius:12px;width:100%;max-width:480px;text-align:center;margin-top:calc(20px + var(--app-top-offset, 0px))}#cameraHost .poa-instruction-card h2{margin:0 0 16px;color:var(--color-text-heading);font-size:1.5em}#cameraHost .poa-instruction-notice{margin:0 0 16px;color:var(--color-warning);font-size:.95em;line-height:1.5;text-align:left;font-weight:500;white-space:pre-wrap}#cameraHost .poa-instruction-notice:empty{display:none}#cameraHost .poa-fallback-capture-notice{display:block;width:fit-content;max-width:100%;margin:0 auto 16px;padding-left:1.25em;text-align:left;list-style-position:outside;white-space:normal}#cameraHost .poa-fallback-capture-notice li{margin:0}#cameraHost .poa-fallback-capture-notice strong{font-weight:700}#cameraHost .poa-instruction-content{margin:0 0 30px;text-align:left}#cameraHost .poa-instruction-lead,#cameraHost .poa-instruction-fallback-lead{margin:0 0 12px;color:var(--color-text-muted);font-size:.95em;line-height:1.5}#cameraHost .poa-fallback-address{color:var(--color-text-heading);font-style:italic;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}#cameraHost .poa-instruction-fallback-section{display:none;margin-top:20px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--color-text-muted) 25%,transparent)}#cameraHost .poa-instruction-fallback-section.ov-showing{display:block}#cameraHost .poa-instruction-doc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}#cameraHost .poa-instruction-doc-list--empty{display:none}#cameraHost .poa-instruction-doc-list li{position:relative;margin:0;padding:12px 14px 12px 38px;border-radius:10px;background:color-mix(in srgb,var(--color-text-heading) 6%,var(--color-surface));color:var(--color-text-heading);font-size:.95em;line-height:1.35;font-weight:500}#cameraHost .poa-instruction-doc-list li:before{content:"";position:absolute;left:14px;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);background:var(--color-accent, #2563eb)}#cameraHost .poa-instruction-doc-list--fallback li{background:color-mix(in srgb,var(--color-text-heading) 4%,var(--color-surface));font-weight:400}#cameraHost .poa-instruction-card .get-started-btn{display:block;width:100%;margin:0 auto}#cameraHost .poa-instruction-card .get-started-btn+.get-started-btn{margin-top:12px}#cameraHost #poaNoDocumentsButton{display:none}#cameraHost #poaNoDocumentsButton.ov-showing{display:block}#cameraHost .poa-secondary-btn{display:block;width:100%;margin:12px auto 0;background:transparent;color:var(--color-text-heading);border:1px solid color-mix(in srgb,var(--color-text-heading) 20%,transparent);font-weight:500}#cameraHost .poa-field-label{display:block;margin:16px 0 8px;font-size:.875rem;font-weight:600;color:var(--color-text-heading);text-align:left}#cameraHost .poa-address-input{width:100%;box-sizing:border-box;padding:12px;border-radius:8px;border:1px solid color-mix(in srgb,var(--color-text-heading) 18%,transparent);font:inherit;resize:vertical;min-height:88px}#cameraHost .poa-doc-type-fieldset{border:0;margin:16px 0 32px;padding:0;display:flex;flex-direction:column;gap:10px;text-align:left}#cameraHost .poa-doc-type-option{position:relative;display:flex;align-items:center;gap:12px;margin:0;padding:16px 14px;border-radius:10px;border:2px solid transparent;background:color-mix(in srgb,var(--color-text-heading) 6%,var(--color-surface));color:var(--color-text-heading);font-size:1rem;font-weight:500;line-height:1.35;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}#cameraHost .poa-doc-type-option input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#cameraHost .poa-doc-type-radio{flex-shrink:0;width:20px;height:20px;border-radius:50%;border:2px solid color-mix(in srgb,var(--color-text-heading) 35%,transparent);background:var(--color-surface);box-sizing:border-box;position:relative;transition:border-color .15s ease,background-color .15s ease}#cameraHost .poa-doc-type-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--color-accent, #2563eb);transform:scale(0);transition:transform .15s ease}#cameraHost .poa-doc-type-text{flex:1}#cameraHost .poa-doc-type-option:has(input:checked){border-color:var(--color-accent, #2563eb);background:color-mix(in srgb,var(--color-accent, #2563eb) 12%,var(--color-surface))}#cameraHost .poa-doc-type-option:has(input:checked) .poa-doc-type-radio{border-color:var(--color-accent, #2563eb)}#cameraHost .poa-doc-type-option:has(input:checked) .poa-doc-type-radio:after{transform:scale(1)}#cameraHost .poa-doc-type-option:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent, #2563eb) 35%,transparent)}#cameraHost .poa-fallback-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}#cameraHost .poa-secondary-action-btn{background:transparent;color:var(--color-text-heading);border:1px solid color-mix(in srgb,var(--color-text-heading) 20%,transparent)}#cameraHost .session-restart-overlay{display:none;position:relative;z-index:40;box-sizing:border-box;width:100%;height:100%;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));background-color:var(--color-surface);align-items:center;justify-content:center;overflow:auto;pointer-events:auto}#cameraHost .session-restart-overlay.ov-showing{display:flex}#cameraHost .session-restart-card{background-color:var(--color-surface);padding:30px 15px;border-radius:12px;width:100%;max-width:480px;text-align:center}#cameraHost .session-restart-card h2{margin:24px 0 0;color:var(--color-text-heading);font-size:1.25em;font-weight:500}#cameraHost .session-restart-spinner{width:48px;height:48px;margin:0 auto;border:3px solid color-mix(in srgb,var(--color-text-muted) 25%,transparent);border-top-color:var(--color-button);border-radius:50%;animation:session-restart-spin .8s linear infinite}@keyframes session-restart-spin{to{transform:rotate(360deg)}}#cameraHost .camera-powered-by{color:color-mix(in srgb,var(--color-button) 40%,transparent);font-size:.8em;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:10;pointer-events:none;margin:0;padding:0;white-space:nowrap}@container camera (orientation: landscape){#cameraHost,.camera-ui{--camera-header-h: clamp(6.5rem, 22cqh, 9rem)}.message-overlay-base-style{width:min(68%,340px)}.document-guide-overlay-style{width:55%}.a4-document-guide-overlay-style{width:auto;height:min(82%,64cqh);max-width:36%;aspect-ratio:210 / 297}.head-guide-overlay-style{width:auto;height:70cqh}.video-overlay-capture-button{width:clamp(45px,8cqw,65px)}.processing-spinner-icon,.card-turn-around-icon,.filling-circle-icon{width:36px;height:36px}.smile-animation-icon{width:40px;height:40px}}body.camera-active{overflow:hidden;padding:0}body.camera-active .site-header,body.camera-active h1,body.camera-active .powered-by{display:none}body.camera-active #cameraHost{position:fixed;top:0;left:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin-top:0;border-radius:0;z-index:1000}body.camera-active #cameraHost>.camera-ui{grid-template-rows:calc(env(safe-area-inset-top) + var(--app-top-offset) + var(--camera-header-h)) minmax(0,1fr) auto}body.camera-active #cameraHost>canvas,body.camera-active #cameraHost>.camera-preview{border-radius:0}#designControls{position:fixed;bottom:0;left:0;width:100%;background-color:color-mix(in srgb,var(--color-text-heading) 90%,transparent);color:var(--color-button-text);padding:15px 10px 10px;z-index:2000;box-shadow:0 -2px 10px #0003;display:none;font-size:12px;border-top-left-radius:12px;border-top-right-radius:12px;transition:transform .3s ease-in-out}#designControls.collapsed{transform:translateY(calc(100% - 40px))}#designControlsToggle{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:120px;height:30px;background-color:color-mix(in srgb,var(--color-text-heading) 90%,transparent);border-top-left-radius:8px;border-top-right-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}#designControlsToggle svg{width:24px;height:24px;stroke:var(--color-button-text);stroke-width:2;transition:transform .3s ease-in-out}#designControls.collapsed #designControlsToggle svg{transform:rotate(180deg)}#designControls fieldset{border:1px solid var(--color-error-muted);border-radius:4px;margin:5px;padding:8px}#designControls legend{padding:0 5px;font-weight:700}#designControls .controls-grid{display:flex;flex-wrap:wrap;gap:8px}#designControls button{padding:5px 10px;font-size:12px;border:1px solid var(--color-design-control-border);background-color:var(--color-design-button);color:var(--color-button-text);border-radius:4px;cursor:pointer}#designControls button:hover{background-color:var(--color-design-button-hover)}#designControls .design-nav-row{align-items:center}#designControls .design-state-label{flex:1 1 100%;min-width:140px;font-size:11px;opacity:.9;word-break:break-all}#designControls .design-select{width:100%;max-width:320px;padding:6px 8px;font-size:12px;border-radius:4px;border:1px solid var(--color-design-control-border);background:var(--color-design-select-bg);color:var(--color-text-heading)}#designControls .design-intro-steps label{display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}#design-intro-steps[hidden]{display:none}