.savori-audio-panel{position:fixed;z-index:10040;right:max(14px,env(safe-area-inset-right));bottom:calc(82px + env(safe-area-inset-bottom));width:min(370px,calc(100vw - 28px));padding:14px;border:1px solid rgba(232,192,92,.6);border-radius:20px;background:rgba(3,48,39,.97);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.3);backdrop-filter:blur(16px)}
.savori-audio-panel[hidden]{display:none}.sag-head{display:flex;gap:11px;align-items:center}.sag-orb{display:grid;place-items:center;flex:0 0 40px;height:40px;border:1px solid #e9c65f;border-radius:50%;color:#f6d36e;font:700 18px Georgia,serif;box-shadow:0 0 0 5px rgba(240,203,93,.08)}
.sag-head div{min-width:0}.sag-head small{display:block;color:#d3aa43;font-size:9px;font-weight:800;letter-spacing:.16em}.sag-head strong{display:block;margin-top:3px;font-size:16px}.sag-head p{margin:2px 0 0;color:#b8cec7;font-size:11px}.sag-progress{height:3px;margin:11px 1px;background:rgba(255,255,255,.12);border-radius:9px;overflow:hidden}.sag-progress i{display:block;height:100%;background:#f4cd62;transition:width .25s ease}
.sag-controls{display:grid;grid-template-columns:1fr 1.45fr 1fr .8fr;gap:6px}.sag-controls button{min-height:38px;border:1px solid rgba(242,205,99,.32);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;font-size:12px;font-weight:800}.sag-controls .sag-pause{background:#f1cc66;color:#082e27}.sag-controls .sag-summary{grid-column:1/-1;background:#fff;color:#07382e}.sag-controls button:disabled{opacity:.35}
.savori-canvas-help{position:fixed;z-index:9990;right:14px;bottom:calc(86px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 13px 6px 7px;border:1px solid #caa23f;border-radius:99px;background:#063c31;color:#fff;box-shadow:0 9px 28px rgba(0,0,0,.22)}.savori-canvas-help span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#efc961;color:#07382e;font:800 14px Georgia,serif}.savori-canvas-help b{font-size:12px}
.savori-audio-focus{position:relative;outline:3px solid rgba(244,204,92,.92)!important;outline-offset:5px;box-shadow:0 0 0 10px rgba(244,204,92,.12)!important;transition:outline .2s,box-shadow .2s}
.savori-audio-summary{width:min(680px,calc(100vw - 28px));max-height:min(760px,88dvh);padding:0;border:1px solid #d3b45a;border-radius:24px;background:#fbf7ed;color:#0a2d24;box-shadow:0 28px 80px rgba(0,22,16,.35)}.savori-audio-summary::backdrop{background:rgba(0,25,19,.66);backdrop-filter:blur(5px)}.savori-audio-summary article{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:88dvh}.savori-audio-summary header{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;border-bottom:1px solid #e2d8c4}.savori-audio-summary header small{color:#9a721d;font-size:9px;font-weight:900;letter-spacing:.16em}.savori-audio-summary h2{margin:4px 0 0;font:700 25px Georgia,"Noto Serif KR",serif}.savori-audio-summary header button{width:42px;height:42px;border:1px solid #b9aa8d;border-radius:50%;background:transparent;font-size:25px}.sag-summary-body{overflow:auto;padding:14px 20px}.sag-summary-body section{padding:14px 2px;border-bottom:1px solid #e2d8c4}.sag-summary-body b{display:block;margin-bottom:7px;color:#8e671a;font-size:12px}.sag-summary-body p{margin:0;font-size:14px;line-height:1.75}.savori-audio-summary footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px 20px calc(13px + env(safe-area-inset-bottom));border-top:1px solid #e2d8c4;background:#fffdf8}.savori-audio-summary footer button{min-height:46px;border:1px solid #0b3a2f;border-radius:999px;background:#fff;color:#0b3a2f;font-weight:900}.savori-audio-summary footer button:last-child{background:#0b3a2f;color:#fff}
@media(max-width:760px){#passportCard,.passport-content,.sticky-preview,.af-preview-wrap{scroll-margin-top:124px}.savori-audio-panel{left:8px;right:8px;bottom:calc(var(--bottom-nav-h,66px) + 8px + env(safe-area-inset-bottom));width:auto;border-radius:17px;padding:11px}.sag-head{gap:8px}.sag-orb{flex-basis:34px;height:34px;font-size:15px}.sag-head strong{font-size:14px}.sag-controls{grid-template-columns:.85fr 1.35fr .85fr .7fr}.sag-controls button{min-height:36px;font-size:10px}.sag-controls .sag-summary{min-height:40px;font-size:12px}.savori-canvas-help{right:8px;bottom:calc(var(--bottom-nav-h,66px) + 9px + env(safe-area-inset-bottom))}.savori-audio-panel:not([hidden])~.savori-canvas-help{display:none}.savori-audio-summary{position:fixed;inset:auto 0 0 0;width:100%;max-width:none;max-height:86dvh;margin:0;border-width:1px 0 0;border-radius:24px 24px 0 0}.savori-audio-summary article{max-height:86dvh}.savori-audio-summary header{padding:16px}.savori-audio-summary h2{font-size:21px}.sag-summary-body{padding:8px 16px}.sag-summary-body section{padding:12px 0}.sag-summary-body p{font-size:13px}.savori-audio-summary footer{padding:11px 14px calc(11px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.savori-audio-focus,.sag-progress i{transition:none}}