:root{--modern-ink:#142033;--modern-muted:#5c697c;--modern-blue:#2f5cf4;--modern-line:#dce4ee;--modern-canvas:#f4f7fb;--modern-shadow:0 14px 38px rgba(18,34,57,.08)}
body{color:var(--modern-ink);background:var(--modern-canvas);font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif}
.tools-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);border-bottom:1px solid var(--modern-line);backdrop-filter:blur(18px) saturate(1.3)}
.tools-heading h1,.section-title h2{font-family:inherit;letter-spacing:-.04em}
.tools-heading{padding-block:34px 25px}
.tools-tabs{top:69px;padding:7px;border:1px solid var(--modern-line);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(18,34,57,.06);backdrop-filter:blur(16px)}
.tools-tabs button{min-height:46px;border-radius:12px}
.tools-tabs button[aria-selected="true"]{color:#fff;background:var(--modern-blue);box-shadow:0 8px 20px rgba(47,92,244,.22)}
.motion-workspace,.record-detail,#photo>fieldset,.photo-history,.price-board,#pair>details{border-color:var(--modern-line);border-radius:22px;box-shadow:var(--modern-shadow)}
.camera-stage{border-radius:20px;background:#0f1b2d}
.motion-state-card{border-radius:18px;background:linear-gradient(135deg,#edf2ff,#fff);border:1px solid #ccd8ff}
.photo-mode-menu{gap:12px}
.photo-mode-menu button{border-color:var(--modern-line);border-radius:18px;box-shadow:0 8px 22px rgba(18,34,57,.05)}
.photo-mode-menu button[aria-pressed="true"]{border-color:var(--modern-blue);box-shadow:0 0 0 2px rgba(47,92,244,.12),0 10px 24px rgba(47,92,244,.1)}
button,a,.photo-upload-label{min-height:44px}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{min-height:48px;border-radius:12px!important;font-size:16px}
.primary-action{min-height:50px;border-radius:14px;background:var(--modern-blue);box-shadow:0 10px 24px rgba(47,92,244,.2)}
:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid rgba(47,92,244,.42);outline-offset:3px}
@media(max-width:760px){
  .tools-heading{padding:24px 0 18px}
  .tools-heading h1{font-size:clamp(30px,9vw,42px)}
  .tools-tabs{top:61px;display:flex;gap:6px;margin-inline:-12px;padding:7px 12px;overflow-x:auto;border-inline:0;border-radius:0;scroll-snap-type:x mandatory;scrollbar-width:none}
  .tools-tabs::-webkit-scrollbar{display:none}
  .tools-tabs button{flex:0 0 auto;padding-inline:16px;scroll-snap-align:start}
  .section-title{align-items:flex-start;gap:12px}
  .motion-workspace{border-radius:18px}
  .photo-mode-menu{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .photo-mode-menu button{flex:0 0 150px;scroll-snap-align:start}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}