@import"https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=Barlow:wght@300;400;500;600;700&display=swap";:root{--font-heading: "Oswald", sans-serif;--font-body: "Barlow", sans-serif;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;font-family:var(--font-body);line-height:1.5;font-weight:var(--weight-normal);color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.row-instrument-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:clamp(8px,calc(var(--grid-cell-size, 50px) * .15),24px);font-weight:var(--weight-medium);color:#000;background:#f8f8f81a;border:none;text-align:center;word-break:break-word;border-radius:2px;letter-spacing:.025em;position:relative;overflow:hidden;cursor:default}.row-instrument-display.display-only{opacity:.95}.row-instrument-display.locked{cursor:default;pointer-events:none}.row-instrument-display.has-instrument{padding:2px;background:#f8f8f833}.instrument-image{max-width:90%;max-height:90%;object-fit:contain;pointer-events:none;border-radius:1px}.text-label-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.row-text-label{font-family:var(--font-heading);font-size:inherit;font-weight:var(--weight-medium);color:inherit;letter-spacing:.025em}.row-instrument-display.loading{background:#f8f8f8;cursor:not-allowed}.row-instrument-display.loading:after{content:"";position:absolute;top:50%;left:50%;width:calc(var(--grid-cell-size, 50px) * .2);height:calc(var(--grid-cell-size, 50px) * .2);margin:calc(var(--grid-cell-size, 50px) * -.1) 0 0 calc(var(--grid-cell-size, 50px) * -.1);border:1px solid #ddd;border-top-color:var(--brand-orange);border-radius:50%;animation:spin 1s linear infinite}.row-instrument-display.error{border:1px solid #dc3545;background:#dc35451a;color:#dc3545}.row-instrument-display.error:hover{border-color:#c82333;background:#dc354526}.row-instrument-display[data-row="0"]{background:var(--row-label-0-bg, rgba(248, 248, 248, .1))}.row-instrument-display[data-row="1"]{background:var(--row-label-1-bg, rgba(248, 248, 248, .1))}.row-instrument-display[data-row="2"]{background:var(--row-label-2-bg, rgba(248, 248, 248, .1))}.row-instrument-display[data-row="3"]{background:var(--row-label-3-bg, rgba(248, 248, 248, .1))}.row-instrument-display:focus{outline:2px solid var(--brand-orange);outline-offset:1px}.row-instrument-display:focus:not(:focus-visible){outline:none}.row-instrument-display:focus-visible{outline:2px solid var(--brand-orange);outline-offset:1px}@media (prefers-reduced-motion: reduce){.row-instrument-display,.row-text-label{transition:none}.row-instrument-display.loading:after{animation:none}}@media (max-width: 768px){.row-instrument-display{touch-action:manipulation}}.grid-cell{width:var(--grid-cell-size, 50px);height:var(--grid-cell-size, 50px);border-width:var(--grid-border-width, 1.5px);border-style:var(--grid-border-style, solid);border-color:#41403c;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden}.grid-cell[data-row="0"]{background-color:var(--row-0-color, #ffffff)}.grid-cell[data-row="1"]{background-color:var(--row-1-color, #ffffff)}.grid-cell[data-row="2"]{background-color:var(--row-2-color, #ffffff)}.grid-cell[data-row="3"]{background-color:var(--row-3-color, #ffffff)}.grid-cell[data-row="4"]{background-color:var(--row-4-color, #ffffff)}.grid-cell[data-row="5"]{background-color:var(--row-5-color, #ffffff)}.grid-cell[data-row="6"]{background-color:var(--row-6-color, #ffffff)}.grid-cell[data-row="7"]{background-color:var(--row-7-color, #ffffff)}.grid-cell:hover{border-color:var(--brand-orange);filter:brightness(.95)}.grid-cell.has-image{padding:2px}.grid-cell.has-image:hover{border-color:var(--brand-orange);filter:brightness(.95)}.cell-image{width:100%;height:100%;object-fit:contain;pointer-events:none}.empty-cell-indicator{color:#ccc;user-select:none;display:flex;align-items:center;justify-content:center}.grid-cell:hover .empty-cell-indicator{color:var(--brand-orange)}.grid-cell.loading{background:#f8f8f8;cursor:not-allowed}.grid-cell.loading:after{content:"";position:absolute;top:50%;left:50%;width:calc(var(--grid-cell-size, 50px) * .3);height:calc(var(--grid-cell-size, 50px) * .3);margin:calc(var(--grid-cell-size, 50px) * -.15) 0 0 calc(var(--grid-cell-size, 50px) * -.15);border:1px solid #DDD;border-top-color:var(--brand-orange);border-radius:50%;animation:spin 1s linear infinite}.grid-cell.error{border-color:#dc3545;background:snow}.grid-cell.error:hover{border-color:#c82333}.grid-cell.target-cell{border-color:var(--brand-orange);background:var(--brand-orange-light);box-shadow:0 0 0 2px #d088564d;animation:pulse-target 1.5s ease-in-out infinite alternate;transform:scale(1.05);z-index:10;position:relative}.grid-cell.target-cell:hover{border-color:var(--brand-orange-hover);background:var(--brand-orange-light);transform:scale(1.05)}.target-cell-indicator{position:absolute;top:4px;right:4px;color:var(--brand-orange);z-index:11;animation:flash-icon 1s ease-in-out infinite alternate}@keyframes pulse-target{0%{box-shadow:0 0 0 2px #d088564d}to{box-shadow:0 0 0 4px #d0885680}}@keyframes flash-icon{0%{opacity:.6}to{opacity:1}}.visual-feedback-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;padding:8px;pointer-events:none;z-index:12}.feedback-indicator{display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 8px #0000004d;animation:feedbackFadeIn .4s ease-out;transform-origin:bottom left}.correct-indicator{background:#228b22f2;color:#fff;width:48px;height:48px}.incorrect-indicator{background:#aa210ff2;color:#fff;width:48px;height:48px}.grid-cell.feedback-correct{border-color:#228b22;border-width:2px;box-shadow:0 0 0 2px #228b224d}.grid-cell.feedback-incorrect{border-color:#aa210f;border-width:2px;box-shadow:0 0 0 2px #aa210f4d}.grid-cell.has-feedback{position:relative;z-index:10}@keyframes feedbackFadeIn{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes borderPulse{0%,to{box-shadow:0 0 0 2px #228b224d}50%{box-shadow:0 0 0 4px #228b2280}}@keyframes borderPulseIncorrect{0%,to{box-shadow:0 0 0 2px #aa210f4d}50%{box-shadow:0 0 0 4px #aa210f80}}.correct-icon,.incorrect-icon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.grid-cell:focus{outline:2px solid var(--brand-orange);outline-offset:1px}@media (prefers-reduced-motion: reduce){.grid-cell{transition:none}.grid-cell.loading:after{animation:none}.grid-cell.target-cell{animation:none;box-shadow:0 0 0 2px #d0885680;transform:scale(1.02)}.grid-cell.target-cell:after{animation:none;opacity:1}.feedback-indicator{animation:none;opacity:1;transform:scale(1)}.grid-cell.feedback-correct,.grid-cell.feedback-incorrect{animation:none}}.grid-cell.playback-active{position:relative;z-index:10;transition:all .1s ease-in}.grid-cell.playback-active:focus{outline:3px solid var(--brand-orange, #D08856);outline-offset:2px}.grid-cell.playback-active.playback-effect-default{border:5px solid var(--brand-orange, #D08856)!important;border-radius:10px;box-shadow:0 0 10px #d0885666}.grid-cell.playback-active.playback-effect-pulse-glow{border:5px solid var(--brand-orange, #D08856)!important;border-radius:10px;animation:pulseGlowEffect 1.2s ease-in-out infinite}@keyframes pulseGlowEffect{0%,to{box-shadow:0 0 20px #d08856cc,0 0 40px #d0885699,inset 0 0 20px #d0885633;border-width:5px!important}50%{box-shadow:0 0 40px #d08856,0 0 80px #d08856cc,0 0 120px #d0885666,inset 0 0 30px #d088564d;border-width:8px!important}}.grid-cell.playback-active.playback-effect-sound-waves{border:8px solid var(--brand-orange, #D08856)!important;border-radius:10px;box-shadow:0 0 20px #d08856cc;background-color:#d088561a!important}.grid-cell.playback-active.playback-effect-sound-waves:before,.grid-cell.playback-active.playback-effect-sound-waves:after{content:"";position:absolute;inset:0;border:8px solid var(--brand-orange, #D08856);border-radius:14px;animation:soundWaveRing 1s ease-out infinite;pointer-events:none;z-index:-1}.grid-cell.playback-active.playback-effect-sound-waves:after{animation-delay:.5s}@keyframes soundWaveRing{0%{inset:0;opacity:1;border-width:8px;box-shadow:0 0 #d08856cc}50%{border-width:6px;box-shadow:0 0 10px 5px #d0885699}to{inset:-50px;opacity:0;border-width:2px;box-shadow:0 0 20px 10px #d0885600}}.grid-cell.playback-active.playback-effect-scale-pulse{border:5px solid var(--brand-orange, #D08856)!important;border-radius:10px;box-shadow:0 0 10px #d0885666;animation:scalePulseEffect .8s ease-in-out infinite;transform-origin:center;z-index:20!important}@keyframes scalePulseEffect{0%,to{transform:scale(1);box-shadow:0 0 10px #d0885666}50%{transform:scale(1.15);box-shadow:0 0 30px #d08856cc}}.grid-cell.playback-active.playback-effect-fill-color{border:5px solid var(--brand-orange, #D08856)!important;border-radius:10px;background-color:#d0885699!important;box-shadow:0 0 25px #d08856cc,inset 0 0 40px #d0885666;animation:fillColorPulse 1s ease-in-out infinite}@keyframes fillColorPulse{0%,to{background-color:#d0885699!important;border-color:var(--brand-orange, #D08856)!important}50%{background-color:#d08856d9!important;border-color:#ffa664!important}}.grid-cell.playback-active.playback-effect-shimmer{border:5px solid var(--brand-orange, #D08856)!important;border-radius:10px;box-shadow:0 0 10px #d0885666;overflow:hidden;background:linear-gradient(135deg,#d0885633,#d088564d)}.grid-cell.playback-active.playback-effect-shimmer:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,transparent 0%,transparent 20%,rgba(255,255,255,.9) 35%,rgba(255,220,180,.9) 40%,rgba(255,166,100,.8) 50%,rgba(255,220,180,.9) 60%,rgba(255,255,255,.9) 65%,transparent 80%,transparent 100%);animation:shimmerEffect .8s linear infinite;pointer-events:none;z-index:5}@keyframes shimmerEffect{0%{transform:translate(-50%) translateY(-50%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@media (prefers-reduced-motion: reduce){.grid-cell.playback-active{animation:none!important;transform:none!important}.grid-cell.playback-active:before,.grid-cell.playback-active:after{animation:none!important;opacity:0!important}.grid-cell.playback-active.playback-effect-default,.grid-cell.playback-active.playback-effect-pulse-glow,.grid-cell.playback-active.playback-effect-sound-waves,.grid-cell.playback-active.playback-effect-scale-pulse,.grid-cell.playback-active.playback-effect-shimmer{box-shadow:0 0 15px #d0885699}.grid-cell.playback-active.playback-effect-fill-color{background-color:#d0885666!important;box-shadow:0 0 15px #d0885699}}.grid-cell.magic-reveal-hidden .cell-image{opacity:0;visibility:hidden}.icon-wrapper{color:inherit;transition:opacity .2s ease-in-out;flex-shrink:0;display:inline-block;vertical-align:middle}.icon-wrapper.interactive{cursor:pointer}.icon-wrapper.interactive:hover{opacity:.7}.icon-wrapper.interactive:active{opacity:.5}button .icon-wrapper,.icon-wrapper.button-icon{margin:0;color:inherit}.icon-wrapper.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grid-container{width:100%;height:100%;max-width:100vw;margin:0 auto;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--app-bg-color, #ffffff);background-image:var(--theme-bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat}.grid-layout{width:100%;display:flex;justify-content:center;align-items:flex-start}.grid{display:grid;gap:var(--grid-gap, 2px);background:var(--app-bg-color, #ffffff);grid-template-columns:repeat(var(--grid-columns, 1),var(--grid-cell-size, 50px));grid-template-rows:repeat(var(--grid-rows, 1),var(--grid-cell-size, 50px))}.grid-with-labels{display:flex;align-items:center;justify-content:center;gap:calc(var(--grid-gap, 2px) * 4)}.grid-with-column-labels{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.grid-main-content{display:flex;align-items:center;justify-content:center;gap:calc(var(--grid-gap, 2px) * 4)}.grid-labels{width:var(--grid-label-width);flex-shrink:0;margin-right:calc(var(--grid-gap) * 2);position:relative;z-index:2}.row-label{width:100%;height:var(--grid-cell-size);display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--font-heading);font-size:clamp(10px,calc(var(--grid-cell-size, 50px) * .22),28px);font-weight:var(--weight-medium);color:#000;background:#f8f8f81a;border:none;text-align:center;word-break:break-word;border-radius:2px;letter-spacing:.025em;transition:all .2s ease}.row-label[data-label-length="4"],.row-label[data-label-length="5"],.row-label[data-label-length="6"]{font-size:clamp(9px,calc(var(--grid-cell-size, 50px) * .18),24px)}.row-label[data-label-length="7"],.row-label[data-label-length="8"],.row-label[data-label-length="9"],.row-label[data-label-length="10"]{font-size:clamp(8px,calc(var(--grid-cell-size, 50px) * .15),20px)}.row-label[data-label-length="11"],.row-label[data-label-length="12"],.row-label[data-label-length="13"],.row-label[data-label-length="14"],.row-label[data-label-length="15"],.row-label[data-label-length="16"],.row-label[data-label-length="17"],.row-label[data-label-length="18"],.row-label[data-label-length="19"],.row-label[data-label-length="20"]{font-size:clamp(7px,calc(var(--grid-cell-size, 50px) * .12),16px)}.row-label[data-row="0"]{background:var(--row-label-0-bg, transparent)}.row-label[data-row="1"]{background:var(--row-label-1-bg, transparent)}.row-label[data-row="2"]{background:var(--row-label-2-bg, transparent)}.row-label[data-row="3"]{background:var(--row-label-3-bg, transparent)}.grid-column-labels{display:flex;flex-direction:row;gap:var(--grid-gap, 2px);align-items:center;justify-content:center}.grid-with-labels .grid-column-labels{margin-left:calc(var(--grid-label-width) + calc(var(--grid-gap) * 4))}.column-label{width:var(--grid-cell-size, 50px);display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px;font-family:var(--font-heading);font-size:clamp(6px,calc(var(--grid-cell-size, 50px) * .12),18px);font-weight:var(--weight-medium);color:#666;background:transparent;border:none;min-height:calc(var(--grid-cell-size, 50px) * .28);text-align:center;word-break:break-word;letter-spacing:.025em;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-labels.editing{display:flex;flex-direction:column;gap:var(--grid-gap, 2px);align-items:flex-start}.grid-label-inputs{display:flex;flex-direction:column;gap:var(--grid-gap, 2px);width:100%}.row-label-input{height:var(--grid-cell-size, 50px);padding:4px 8px;border:2px solid var(--brand-orange);border-radius:4px;font-family:var(--font-heading);font-size:clamp(8px,calc(var(--grid-cell-size, 50px) * .15),24px);background:#fff;color:#495057;text-align:center;font-weight:var(--weight-semibold);line-height:1.2;box-sizing:border-box;min-width:calc(var(--grid-cell-size, 50px) * .75);max-width:calc(var(--grid-cell-size, 50px) * 1.2);letter-spacing:.025em}.row-label-input:focus{outline:none;border-color:#b7734a;box-shadow:0 0 0 2px #d0885640}.row-label-input::placeholder{color:#adb5bd;font-weight:400}.grid-label-actions{display:flex;flex-direction:column;gap:4px;margin-top:4px;align-self:flex-start}.save-labels-button,.cancel-labels-button{width:clamp(20px,calc(var(--grid-cell-size, 50px) * .6),40px);height:clamp(20px,calc(var(--grid-cell-size, 50px) * .6),40px);border:none;border-radius:4px;cursor:pointer;font-family:var(--font-body);font-size:clamp(6px,calc(var(--grid-cell-size, 50px) * .14),22px);font-weight:var(--weight-bold);transition:all .2s;display:flex;align-items:center;justify-content:center}.save-labels-button{background:#28a745;color:#fff}.save-labels-button:hover{background:#218838}.cancel-labels-button{background:#6c757d;color:#fff}.cancel-labels-button:hover{background:#5a6268}.edit-labels-button{width:28px;height:28px;border:1px solid #E5E5E5;border-radius:4px;background:#fff;color:#666;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.edit-labels-button:hover:not(:disabled){background:#f5f5f5;color:#333}.edit-labels-button:disabled{opacity:.5;cursor:not-allowed}.grid-column-labels.editing{display:flex;flex-direction:column;gap:calc(var(--grid-gap, 2px) * 2);align-items:center}.grid-column-label-inputs{display:flex;flex-direction:row;gap:var(--grid-gap, 2px);align-items:center}.column-label-input{width:var(--grid-cell-size, 50px);height:calc(var(--grid-cell-size, 50px) * .4);padding:2px 4px;border:2px solid var(--brand-orange);border-radius:4px;font-family:var(--font-heading);font-size:clamp(6px,calc(var(--grid-cell-size, 50px) * .12),18px);background:#fff;color:#495057;text-align:center;font-weight:var(--weight-semibold);line-height:1.2;box-sizing:border-box;letter-spacing:.025em}.column-label-input:focus{outline:none;border-color:#b7734a;box-shadow:0 0 0 1px #d0885640}.column-label-input::placeholder{color:#adb5bd;font-weight:400}.grid-column-label-actions{display:flex;flex-direction:row;gap:6px;align-items:center}.save-column-labels-button,.cancel-column-labels-button{width:clamp(16px,calc(var(--grid-cell-size, 50px) * .4),32px);height:clamp(16px,calc(var(--grid-cell-size, 50px) * .4),32px);border:none;border-radius:4px;cursor:pointer;font-family:var(--font-body);font-size:clamp(5px,calc(var(--grid-cell-size, 50px) * .12),16px);font-weight:var(--weight-bold);transition:all .2s;display:flex;align-items:center;justify-content:center}.save-column-labels-button{background:#28a745;color:#fff}.save-column-labels-button:hover{background:#218838}.cancel-column-labels-button{background:#6c757d;color:#fff}.cancel-column-labels-button:hover{background:#5a6268}.row-label.instrument-mode{padding:0;display:flex;align-items:center;justify-content:center}.row-label.text-mode .row-text-label{display:inherit;font:inherit;color:inherit}.grid-info{position:absolute;left:-9999px;top:-9999px}@media (max-width: 768px){.grid-container{max-width:95vw}}@media (max-width: 480px){.grid-container{max-width:98vw}}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10002;padding:20px}.modal-content{background:#fff;border:1px solid #E5E5E5;border-radius:8px;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px #00000014}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #E5E5E5;background:#fafafa;flex-shrink:0}.modal-title{margin:0;font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:#333;letter-spacing:-.025em}.modal-close{background:none;border:none;font-family:var(--font-body);font-size:24px;color:#666;cursor:pointer;padding:4px;line-height:1;transition:color .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#333}.modal-close:focus{outline:2px solid var(--brand-orange);outline-offset:2px}.modal-body{padding:16px;flex:1}@media (max-width: 768px){.modal-backdrop{padding:10px}.modal-header{padding:10px 12px}.modal-title{font-size:var(--text-lg)}.modal-body{padding:12px}.modal-close{font-size:20px;width:28px;height:28px}}@media (max-width: 480px){.modal-backdrop{padding:5px}.modal-header{padding:10px 12px}.modal-body{padding:12px}}:root{--ds-breakpoint-xs: 0px;--ds-breakpoint-sm: 480px;--ds-breakpoint-md: 768px;--ds-breakpoint-lg: 1024px;--ds-breakpoint-xl: 1440px;--ds-color-brand-orange: #D08856}.ds-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--ds-space-4);overflow-y:auto;opacity:0;animation:ds-fadeIn .2s ease-out forwards}@keyframes ds-fadeIn{0%{opacity:0}to{opacity:1}}.ds-modal-backdrop.ds-modal-show{opacity:1}.ds-modal-backdrop.ds-modal-nonblocking{background-color:#00000080;backdrop-filter:none;align-items:flex-start;padding-top:var(--ds-space-3);pointer-events:auto}.ds-modal-backdrop.ds-modal-nonblocking .ds-modal{pointer-events:auto}.ds-modal{position:relative;width:100%;max-width:var(--ds-modal-max-width);max-height:80vh;background-color:#fff;border:3px solid #D08856;border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden;display:flex;flex-direction:column;pointer-events:auto;z-index:10001;transform:translate(-50%,-60%);opacity:0;animation:ds-slideIn .3s ease-out forwards;position:fixed;top:50%;left:50%}@keyframes ds-slideIn{0%{transform:translate(-50%,-60%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.ds-modal-backdrop.ds-modal-show .ds-modal{transform:scale(1)}.ds-modal.ds-modal-top{position:static!important;top:auto!important;left:auto!important;transform:translateY(-10px)!important;margin:var(--ds-space-4) auto 0;align-self:flex-start;animation:ds-slideDown .3s ease-out forwards!important}@keyframes ds-slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.ds-modal-backdrop.ds-modal-show .ds-modal.ds-modal-top{transform:translateY(0)}.ds-modal-top .ds-modal-body{padding:var(--ds-space-3) var(--ds-space-4);min-height:auto}.ds-modal-top .ds-modal-header{padding:var(--ds-space-2) var(--ds-space-4)}.ds-modal-top .ds-modal-title{font-size:var(--ds-font-size-base)}.ds-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #EDEFEE;background-color:#f8f9fa;flex-shrink:0}.ds-modal-title{font-family:Oswald,sans-serif;font-size:24px;font-weight:600;color:#000f08;margin:0;line-height:var(--ds-line-height-tight)}.ds-modal-close{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s ease;color:#41403c;flex-shrink:0}.ds-modal-close:hover{background-color:#edefee}.ds-modal-close:active{background-color:#d08856;color:#fff}.ds-modal-close:focus{outline:2px solid var(--ds-color-primary);outline-offset:2px;box-shadow:var(--ds-focus-ring-shadow)}.ds-modal-close svg{width:1.25rem;height:1.25rem}.ds-modal-body{flex:1;overflow-y:auto;padding:24px;background-color:#fff;font-family:Barlow,sans-serif;font-size:14px;color:#41403c;line-height:var(--ds-line-height-relaxed);overflow-x:hidden}.ds-modal-body::-webkit-scrollbar{width:8px}.ds-modal-body::-webkit-scrollbar-track{background-color:#f8f9fa;border-radius:4px}.ds-modal-body::-webkit-scrollbar-thumb{background-color:#d08856;border-radius:4px}.ds-modal-body::-webkit-scrollbar-thumb:hover{background-color:#c07746}.ds-modal-body:first-child{padding-top:calc(var(--ds-modal-padding) + var(--ds-space-2))}.ds-modal-body:last-child{padding-bottom:calc(var(--ds-modal-padding) + var(--ds-space-2))}.ds-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ds-space-3);padding:var(--ds-modal-padding);border-top:1px solid var(--ds-color-border-muted);background-color:var(--ds-color-bg-subtle);flex-shrink:0}.ds-modal-footer-start{justify-content:flex-start}.ds-modal-footer-center{justify-content:center}.ds-modal-footer-between{justify-content:space-between}.ds-modal-sm{max-width:min(400px,90vw)}.ds-modal-md{max-width:min(600px,90vw)}.ds-modal-lg{max-width:min(900px,90vw)}.ds-modal-xl{max-width:min(1200px,95vw)}.ds-modal-full{width:100vw;height:100vh;max-width:100%;max-height:100%;border-radius:0}.ds-modal-centered{margin:auto}.ds-modal-position-top .ds-modal-backdrop{align-items:flex-start;padding-top:var(--ds-space-4)}.ds-modal-position-bottom .ds-modal-backdrop{align-items:flex-end;padding-bottom:var(--ds-space-4)}.ds-modal-position-right .ds-modal-backdrop{justify-content:flex-end;align-items:stretch}.ds-modal-position-right .ds-modal{max-width:min(400px,90vw);height:100vh;max-height:100vh;border-radius:var(--ds-radius-lg) 0 0 var(--ds-radius-lg);margin:0}.ds-modal-position-left .ds-modal-backdrop{justify-content:flex-start;align-items:stretch}.ds-modal-position-left .ds-modal{max-width:min(400px,90vw);height:100vh;max-height:100vh;border-radius:0 var(--ds-radius-lg) var(--ds-radius-lg) 0;margin:0}.ds-modal-scrollable{max-height:calc(100vh - var(--ds-space-8))}.ds-modal-scrollable .ds-modal-body{max-height:calc(100vh - var(--ds-space-16));overflow-y:auto}.ds-modal-confirm .ds-modal-body{display:flex;align-items:flex-start;gap:var(--ds-space-3);padding-top:var(--ds-space-6);padding-bottom:var(--ds-space-6)}.ds-modal-confirm-icon{width:3rem;height:3rem;border-radius:var(--ds-radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-modal-confirm-icon svg{width:1.5rem;height:1.5rem}.ds-modal-confirm-icon-danger{background-color:var(--ds-color-bg-danger-subtle);color:var(--ds-color-danger)}.ds-modal-confirm-icon-warning{background-color:var(--ds-color-bg-warning-subtle);color:var(--ds-color-warning-hover)}.ds-modal-confirm-icon-success{background-color:var(--ds-color-bg-success-subtle);color:var(--ds-color-success)}.ds-modal-confirm-icon-info{background-color:var(--ds-color-bg-brand-subtle);color:var(--ds-color-primary)}.ds-modal-confirm-content h3{margin:0 0 var(--ds-space-2) 0;font-family:var(--ds-font-family-heading);font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary)}.ds-modal-confirm-content p{margin:0;color:var(--ds-color-text-secondary)}.ds-modal-loading .ds-modal-body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:8rem;gap:var(--ds-space-4)}.ds-modal-loading-spinner{width:2rem;height:2rem;border:3px solid var(--ds-color-border-muted);border-top-color:var(--ds-color-primary);border-radius:var(--ds-radius-full);animation:ds-modal-spin 1s linear infinite}@keyframes ds-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ds-modal-loading-text{color:var(--ds-color-text-secondary);font-size:var(--ds-font-size-sm)}.ds-modal-error{border:1px solid var(--ds-color-border-danger)}.ds-modal-error .ds-modal-header{background-color:var(--ds-color-bg-danger-subtle);border-bottom-color:var(--ds-color-border-danger)}.ds-modal-error .ds-modal-title{color:var(--ds-color-text-danger)}.ds-modal-success{border:1px solid var(--ds-color-border-success)}.ds-modal-success .ds-modal-header{background-color:var(--ds-color-bg-success-subtle);border-bottom-color:var(--ds-color-border-success)}.ds-modal-success .ds-modal-title{color:var(--ds-color-text-success)}.ds-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:24rem;background-color:var(--ds-color-bg-primary);box-shadow:var(--ds-shadow-xl);transform:translate(100%);transition:transform var(--ds-transition-base);z-index:var(--ds-modal-z-index);display:flex;flex-direction:column}.ds-drawer.ds-drawer-show{transform:translate(0)}.ds-drawer-left{left:0;right:auto;transform:translate(-100%)}.ds-drawer-left.ds-drawer-show{transform:translate(0)}@media (min-width: 1024px){.ds-modal-backdrop{padding:var(--ds-space-6)}.ds-modal{max-height:calc(100vh - var(--ds-space-12))}.ds-modal-lg{max-width:min(900px,85vw)}.ds-modal-xl{max-width:min(1200px,90vw)}}@media (max-width: 768px){.ds-modal-backdrop{padding:var(--ds-space-2)}.ds-modal-header,.ds-modal-body,.ds-modal-footer{padding:var(--ds-space-4)}.ds-modal-title{font-size:var(--ds-font-size-lg)}.ds-modal-footer{flex-direction:column-reverse;gap:var(--ds-space-2)}.ds-modal-footer .ds-btn{width:100%;justify-content:center}.ds-modal-close{width:44px;height:44px;min-width:44px;min-height:44px}.copy-embed-button,.modal-close-button,.ds-modal-tab{min-height:44px;padding:var(--ds-space-3) var(--ds-space-4)}.ds-modal-backdrop{touch-action:manipulation}}@media (max-width: 480px){.ds-modal-backdrop{padding:var(--ds-space-1)}.ds-modal{max-height:calc(100vh - var(--ds-space-2));border-radius:var(--ds-radius-base)}.ds-modal-header,.ds-modal-body,.ds-modal-footer{padding:var(--ds-space-3)}.ds-drawer{max-width:100%}.ds-modal-close{width:48px;height:48px;min-width:48px;min-height:48px}.copy-embed-button,.modal-close-button{min-height:48px;padding:var(--ds-space-4) var(--ds-space-5);font-size:var(--ds-font-size-base)}.ds-modal-tab{min-height:48px;padding:var(--ds-space-4) var(--ds-space-3);font-size:var(--ds-font-size-sm)}}@media (prefers-reduced-motion: reduce){.ds-modal-backdrop,.ds-modal,.ds-drawer{transition:none}.ds-modal-backdrop.ds-modal-show .ds-modal{transform:none}.ds-modal-loading-spinner{animation:none}}@media (prefers-contrast: high){.ds-modal{border:2px solid var(--ds-color-border-strong)}.ds-modal-header,.ds-modal-footer{border-width:2px}}.ds-modal[role=dialog]:focus{outline:none}.ds-modal[data-modal=opening]{animation:ds-modal-fade-in var(--ds-transition-base)}.ds-modal[data-modal=closing]{animation:ds-modal-fade-out var(--ds-transition-base)}@keyframes ds-modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ds-modal-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}:root{--ds-modal-brand-orange: #D08856;--ds-modal-brand-orange-light: #E4A876;--ds-modal-brand-orange-subtle: #F5E5D3;--ds-modal-brand-red: #AA210F;--ds-modal-brand-red-light: #C64A3A;--ds-modal-brand-red-subtle: #F0D4D1;--ds-modal-brand-light: #EDEFEE;--ds-modal-brand-charcoal: #41403C;--ds-modal-brand-black: #000F08}.ds-modal-success{border-left:4px solid var(--ds-modal-brand-orange);background:linear-gradient(135deg,var(--ds-color-bg-primary) 0%,var(--ds-modal-brand-orange-subtle) 100%)}.ds-modal-success .ds-modal-header{background:var(--ds-modal-brand-orange-subtle);border-bottom-color:var(--ds-modal-brand-orange-light)}.ds-modal-success .ds-modal-title{color:var(--ds-modal-brand-charcoal);font-family:var(--ds-font-family-heading);font-weight:600}.ds-modal-success .ds-modal-body{font-family:var(--ds-font-family-body);color:var(--ds-modal-brand-charcoal)}.ds-modal-success .ds-modal-close:hover{background-color:var(--ds-modal-brand-orange-light);color:var(--ds-color-bg-primary)}.ds-modal-success .ds-modal-close:focus{box-shadow:0 0 0 3px var(--ds-modal-brand-orange-light)}.ds-modal-error{border-left:4px solid var(--ds-modal-brand-red);background:linear-gradient(135deg,var(--ds-color-bg-primary) 0%,var(--ds-modal-brand-red-subtle) 100%)}.ds-modal-error .ds-modal-header{background:var(--ds-modal-brand-red-subtle);border-bottom-color:var(--ds-modal-brand-red-light)}.ds-modal-error .ds-modal-title{color:var(--ds-modal-brand-charcoal);font-family:var(--ds-font-family-heading);font-weight:600}.ds-modal-error .ds-modal-body{font-family:var(--ds-font-family-body);color:var(--ds-modal-brand-charcoal)}.ds-modal-error .ds-modal-close:hover{background-color:var(--ds-modal-brand-red-light);color:var(--ds-color-bg-primary)}.ds-modal-error .ds-modal-close:focus{box-shadow:0 0 0 3px var(--ds-modal-brand-red-light)}.ds-modal-default{background:#fff}.ds-modal-default .ds-modal-header{background:var(--ds-modal-brand-light);border-bottom-color:var(--ds-modal-brand-charcoal)}.ds-modal-default .ds-modal-title{color:var(--ds-modal-brand-charcoal);font-family:var(--ds-font-family-heading);font-weight:600}.ds-modal-default .ds-modal-body{font-family:var(--ds-font-family-body);color:var(--ds-modal-brand-charcoal);background:#fff}.ds-modal-default .ds-modal-close:hover{background-color:var(--ds-modal-brand-charcoal);color:var(--ds-color-bg-primary)}.ds-modal-default .ds-modal-close:focus{box-shadow:0 0 0 3px var(--ds-modal-brand-charcoal)}:root{--ds-modal-padding: calc(var(--ds-space-4) * 1.5);--ds-modal-border-radius: var(--ds-space-2);--ds-modal-max-width: 32rem;--ds-modal-backdrop: rgba(0, 15, 8, .5);--ds-modal-z-index: 1000}.ds-modal-header{padding:var(--ds-space-3) var(--ds-space-4);gap:var(--ds-space-2)}.ds-modal-body{padding:var(--ds-space-4)}.ds-modal-footer{padding:var(--ds-space-3) var(--ds-space-4);gap:var(--ds-space-2)}.ds-modal-title{font-family:var(--ds-font-family-heading);font-weight:600;letter-spacing:.025em;line-height:1.2}.ds-modal-body{font-family:var(--ds-font-family-body);font-weight:400;line-height:1.5}.ds-modal-success .ds-modal-title,.ds-modal-error .ds-modal-title,.ds-modal-default .ds-modal-title,.ds-modal-success .ds-modal-body,.ds-modal-error .ds-modal-body,.ds-modal-default .ds-modal-body{color:var(--ds-modal-brand-charcoal)}.ds-modal-tabs{display:flex;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-color-border-muted)}.ds-modal-tab{display:flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-4);border:none;background:transparent;border-radius:var(--ds-radius-sm) var(--ds-radius-sm) 0 0;cursor:pointer;font-family:var(--ds-font-family-body);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-secondary);transition:all var(--ds-transition-base);border-bottom:2px solid transparent;position:relative;top:1px}.ds-modal-tab:hover:not(.ds-modal-tab-active){background-color:var(--ds-color-bg-muted);color:var(--ds-color-text-primary)}.ds-modal-tab-active{background-color:var(--ds-color-bg-primary);color:var(--ds-modal-brand-orange);border-bottom-color:var(--ds-modal-brand-orange);font-weight:var(--ds-font-weight-semibold)}.ds-modal-tab:focus{outline:2px solid var(--ds-modal-brand-orange);outline-offset:2px;position:relative;z-index:1}.ds-modal-tab-content{padding:var(--ds-space-4) 0}@media (max-width: 768px){.ds-modal-tabs{flex-direction:column;gap:var(--ds-space-1);border-bottom:none}.ds-modal-tab{border-radius:var(--ds-radius-base);border-bottom:none;top:0;justify-content:flex-start}.ds-modal-tab-active{background-color:var(--ds-modal-brand-orange-subtle);border:1px solid var(--ds-modal-brand-orange)}}.share-modal-standardized{max-width:600px}.share-modal-description{margin-bottom:var(--ds-space-4);color:var(--ds-color-text-secondary);font-size:var(--ds-font-size-sm);line-height:1.5}.embed-option{margin-bottom:var(--ds-space-4)}.embed-option-title{margin:0 0 var(--ds-space-2) 0;font-family:var(--ds-font-family-heading);font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary)}.embed-option-description{margin:0;color:var(--ds-color-text-secondary);font-size:var(--ds-font-size-sm);line-height:1.4}.embed-code-section{margin:var(--ds-space-4) 0}.embed-code-label{display:block;margin-bottom:var(--ds-space-2);font-family:var(--ds-font-family-body);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary);font-size:var(--ds-font-size-sm)}.embed-code-textarea{width:100%;padding:var(--ds-space-4);border:2px solid var(--ds-color-border-muted);border-radius:var(--ds-radius-base);font-family:var(--ds-font-family-mono);font-size:var(--ds-font-size-xs);resize:vertical;background-color:var(--ds-color-bg-muted);color:var(--ds-color-text-primary);line-height:1.4;transition:border-color var(--ds-transition-base)}.embed-code-textarea:focus{outline:none;border-color:var(--ds-modal-brand-orange);box-shadow:0 0 0 3px #d088561a}.copy-embed-button{display:flex;align-items:center;gap:var(--ds-space-2);background-color:var(--ds-modal-brand-orange);color:#fff;border:none;padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-base);cursor:pointer;margin-top:var(--ds-space-3);font-family:var(--ds-font-family-body);font-weight:var(--ds-font-weight-medium);font-size:var(--ds-font-size-sm);transition:all var(--ds-transition-base)}.copy-embed-button:focus{outline:2px solid var(--ds-modal-brand-orange-light);outline-offset:2px}.copy-embed-button:hover:not(:disabled){background-color:var(--ds-modal-brand-orange-light);transform:translateY(-1px);box-shadow:0 2px 8px #d088564d}.copy-embed-button:disabled{background-color:var(--ds-color-bg-muted);color:var(--ds-color-text-disabled);cursor:not-allowed;transform:none;box-shadow:none}.embed-preview-info{background-color:var(--ds-color-bg-muted);padding:var(--ds-space-4);border-radius:var(--ds-radius-base);margin-top:var(--ds-space-4);border:1px solid var(--ds-color-border-muted)}.embed-details-title{margin:0 0 var(--ds-space-3) 0;font-family:var(--ds-font-family-heading);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-semibold);color:var(--ds-color-text-primary)}.embed-details-list{margin:0;padding-left:var(--ds-space-4);list-style-type:disc}.embed-details-list li{font-size:var(--ds-font-size-xs);margin-bottom:var(--ds-space-1);color:var(--ds-color-text-secondary);line-height:1.4}.embed-feedback{margin-top:var(--ds-space-4);padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-base);font-family:var(--ds-font-family-body);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);text-align:center}.embed-feedback.success{background-color:var(--ds-modal-brand-orange-subtle);color:var(--ds-modal-brand-charcoal);border:1px solid var(--ds-modal-brand-orange)}.embed-feedback.error{background-color:var(--ds-modal-brand-red-subtle);color:var(--ds-modal-brand-charcoal);border:1px solid var(--ds-modal-brand-red)}.share-modal-footer{padding:var(--ds-space-4);border-top:1px solid var(--ds-color-border-muted);text-align:right;background-color:var(--ds-color-bg-muted);margin-top:var(--ds-space-4);margin-left:calc(-1 * var(--ds-space-4));margin-right:calc(-1 * var(--ds-space-4));margin-bottom:calc(-1 * var(--ds-space-4))}.modal-close-button{background-color:var(--ds-color-text-secondary);color:#fff;border:none;padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-base);cursor:pointer;font-family:var(--ds-font-family-body);font-weight:var(--ds-font-weight-medium);font-size:var(--ds-font-size-sm);transition:all var(--ds-transition-base)}.modal-close-button:focus{outline:2px solid var(--ds-color-text-primary);outline-offset:2px}.modal-close-button:hover{background-color:var(--ds-color-text-primary);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.image-option{display:flex;flex-direction:column;align-items:center;padding:12px;border:2px solid transparent;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;min-width:80px;position:relative}.image-option:hover{border-color:var(--brand-orange);background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 8px #d0885633}.image-option.selected{border-color:var(--brand-orange);background:var(--brand-orange-light);box-shadow:0 2px 8px #d088564d}.image-option.loading{cursor:not-allowed;opacity:.7}.image-option.error{cursor:not-allowed;opacity:.5;background:#fff8f8;border-color:#ffe6e6}.image-option.disabled{cursor:not-allowed;opacity:.4;background:#f8f9fa;pointer-events:none}.image-option.disabled:hover{transform:none;box-shadow:none;border-color:transparent;background:#f8f9fa}.image-option:focus{outline:2px solid var(--brand-orange);outline-offset:2px}.image-option-container{width:60px;height:60px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:8px}.image-option-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.image-option-error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#fff0f0;border-radius:4px;font-size:24px}.image-option-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-spinner{width:20px;height:20px;border:2px solid #E5E5E5;border-top-color:var(--brand-orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.image-option-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-normal);color:#666;text-align:center;line-height:1.2;word-break:break-word;max-width:100%}.image-option.selected .image-option-label{color:var(--brand-orange);font-weight:var(--weight-medium)}@media (max-width: 768px){.image-option{padding:8px;min-width:70px}.image-option-container{width:50px;height:50px;margin-bottom:6px}.image-option-label{font-size:.75rem}.image-option-error{font-size:20px}}@media (max-width: 480px){.image-option{padding:6px;min-width:60px}.image-option-container{width:40px;height:40px;margin-bottom:4px}.image-option-label{font-size:.7rem}.loading-spinner{width:16px;height:16px}}@media (prefers-reduced-motion: reduce){.image-option{transition:none}.image-option:hover{transform:none}.loading-spinner{animation:none}}.image-selector-modal{width:90vw;max-width:600px}.image-selector{display:flex;flex-direction:column;gap:20px}.image-selector-info{text-align:center;margin:0}.image-selector-info p{margin:0;color:#666;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal)}.feedback-message{text-align:center;padding:8px 16px;border-radius:4px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);margin:8px 0;animation:slideIn .3s ease-out}.feedback-message.success{background:#d4edda;color:#155724;border:1px solid #C3E6CB}.feedback-message.error{background:#f8d7da;color:#721c24;border:1px solid #F5C6CB}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.image-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;padding:8px 0;max-height:60vh;overflow-y:auto}.image-selector-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #E5E5E5;gap:12px}.remove-button{padding:8px 16px;background:#fff8f0;color:#dc3545;border:1px solid #DC3545;border-radius:4px;font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all .2s;font-weight:var(--weight-medium)}.remove-button:hover{background:#dc3545;color:#fff}.remove-button:focus{outline:2px solid #DC3545;outline-offset:2px}.remove-button:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5;color:#999;border-color:#e5e5e5}.cancel-button{padding:8px 16px;background:#f5f5f5;color:#666;border:1px solid #E5E5E5;border-radius:4px;font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all .2s;font-weight:var(--weight-medium)}.cancel-button:hover{background:#e5e5e5;color:#333}.cancel-button:focus{outline:2px solid var(--brand-orange);outline-offset:2px}.cancel-button:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5;color:#999;border-color:#e5e5e5}.image-selector-error{text-align:center;padding:20px}.image-selector-error p{color:#dc3545;margin:0 0 16px;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal)}.error-button{padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background-color .2s}.error-button:hover{background:#c82333}.error-button:focus{outline:2px solid #DC3545;outline-offset:2px}@media (max-width: 768px){.image-selector-modal{width:95vw;max-width:none}.image-selector{gap:16px}.image-selector-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;max-height:50vh}.image-selector-actions{flex-direction:column;gap:8px}.remove-button,.cancel-button{width:100%;padding:10px}}@media (max-width: 480px){.image-selector-modal{width:98vw}.image-selector{gap:12px}.image-selector-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px;max-height:45vh}.image-selector-info p{font-size:.85rem}}.image-selector-grid::-webkit-scrollbar{width:6px}.image-selector-grid::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.image-selector-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.image-selector-grid::-webkit-scrollbar-thumb:hover{background:#aaa}