.script-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--pal-mix-darken) 60%,transparent);z-index:calc(var(--z-modal) + 5);display:flex;align-items:center;justify-content:center;padding:20px}@keyframes scriptModalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.script-drawer-panel{width:100%;max-width:720px;max-height:85vh;background:var(--card-bg);border-radius:20px;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:scriptModalIn var(--dur-base) var(--ease-out) forwards}@media(prefers-reduced-motion:reduce){.script-drawer-panel{animation-duration:.01ms;animation-delay:0s}}.script-drawer-handle{display:none}.script-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:20px var(--space-5);border-bottom:1px solid var(--border-color);flex-shrink:0}.script-drawer-title{font-size:var(--fs-h5);font-weight:var(--fw-heading);line-height:var(--lh-heading);letter-spacing:var(--letter-spacing);color:var(--text-primary)}.script-drawer-close{flex-shrink:0}.script-drawer-content{flex:1 1;overflow-y:auto;padding:var(--space-5);font-size:var(--fs-text);font-weight:var(--fw-regular);line-height:var(--lh-reading);letter-spacing:var(--letter-spacing);-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:6 3 3;color:var(--text-primary)}@media(min-width:768px){.script-drawer-content{padding:var(--space-6) 40px}}.script-drawer-footer{flex-shrink:0;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color)}.script-button{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:var(--space-2) var(--space-4);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:var(--lh-heading);letter-spacing:var(--letter-spacing);font-family:inherit;white-space:nowrap;color:var(--text-inverse);background:var(--pal-script-button);border:none;border-radius:var(--radius-xs);cursor:pointer;box-shadow:var(--shadow-sm);transition:opacity var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.script-button:hover{opacity:var(--op-hover);box-shadow:var(--shadow-sm)}}.script-button svg{flex-shrink:0}