.script-import-entry { display: flex; align-items: center; gap: 11px; text-align: left; width: 100%; padding: 13px; margin: 0 0 17px; border: 1px solid #d2c6dd70; border-radius: 12px; background: var(--surface); color: #9a83aa; }
.script-import-entry>.icon { width: 24px; height: 24px; stroke-width: 1.5; }
.script-import-entry>span { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.script-import-entry b { font-size: 13px; font-weight: 500; }
.script-import-entry small { font-size: 9px; line-height: 1.6; color: var(--secondary); }
.script-import-entry>.icon:last-child { width: 15px; height: 15px; }
.phone-screen.script-import-screen { --accent: #a18aae; }
.script-import-page { padding:20px 20px 36px; }
.script-modes { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.script-modes>button { display: flex; flex-direction: row; align-items: center; text-align: left; gap: 10px; padding: 15px 13px; border: 1px solid var(--line); border-radius: 17px; color: var(--secondary); background: var(--surface); min-height: 62px; }
.script-modes>button>span { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 24px; }
.script-modes>button>span>.icon { width: 24px; height: 24px; stroke-width: 1.5; }
.script-modes>button>span>i { width: 21px; height: 21px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); color: #fff; }
.script-modes>button>span>i>.icon { width: 14px; height: 14px; stroke-width: 2; }
.script-modes b { font-size: 14px; font-weight: 550; color: #76707d; }
.script-modes small { font-size: 10px; line-height: 1.7; }
.script-modes>button.selected { border-color: #b5a1c3; color: #a18aae; background: #e9e0ed80; }
.script-modes>button.selected b { color: #74617f; }
.script-scope-note { font-size: 12px; line-height: 1.7; color: var(--secondary); padding: 3px 2px; margin:16px 0 24px; }
.script-scope-note>b { color: #9a83aa; font-weight: 500; }
.script-paste { border-bottom: 1px solid var(--line); padding-bottom: 17px; margin-bottom: 22px; }
.script-paste-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.script-paste-heading>label { font-size: 13px; color: #8c8192; }
.script-paste-heading>button { font-size: 10px; color: var(--accent); padding: 8px 0 8px 10px; min-height: 32px; }
.script-form textarea { display: block; width: 100%; background: var(--surface); color: #6c6871; font-size: 15px; border: 1px solid var(--line); border-radius: 13px; padding: 13px; line-height: 1.9; resize: vertical; min-height: 109px; }
.script-form textarea::placeholder { color: #b1abb5; }
.script-paste>textarea { min-height: 148px; font-size: 11px; }
.script-paste-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; }
.script-paste-footer>span { font-size: 9px; line-height: 1.8; color: var(--secondary); }
.script-paste-footer>button { white-space: nowrap; border-radius: 8px; border: 1px solid #c7b6d2; color: var(--accent); font-size: 11px; padding: 9px 12px; }
.script-file-name { display: block; color: var(--secondary); font-size: 9px; overflow-wrap: anywhere; line-height: 1.8; padding: 8px 1px 0; }
.script-notice { font-size: 10px; line-height: 1.9; padding: 11px 13px; background: #e7e0ec70; color: #9b85a7; border-radius: 10px; margin: 0 0 19px; }
.script-sections { display: flex; flex-direction: column; gap: 21px; }
.script-sections>label { display: flex; flex-direction: column; gap: 11px; }
.script-sections>label>span { font-size: 14px; color: #8c8192; display: flex; align-items: center; gap: 8px; }
.script-sections>label>span>small { font-size: 9px; color: #b9acbf; font-family: monospace; padding-top: 1px; }
.script-form .script-save { margin-top: 25px; background: var(--accent); }
.script-local-note { font-size: 9px; text-align: center; color: var(--secondary); line-height: 1.9; margin: 15px 0 0; }
.script-import-screen button:disabled { opacity: .5; cursor: default; }
.phone-screen.moon.script-import-screen { --app-bg: #14202a; --surface: #202d38; --header-bg: #14202a; --line: #37434d; --accent: #c4b4d6; --secondary: #8e9ba9; color: #e3e8ee; }
.moon.script-import-screen .script-modes>button { color: #8e9ba9; }
.moon.script-import-screen .script-modes>button.selected { background: #b5a3cd1a; border-color: #a899b8; color: #c4b4d6; }
.moon.script-import-screen .script-modes b { color: #c7cbd3; }
.moon.script-import-screen .script-modes>button.selected b { color: #e5dceb; }
.moon.script-import-screen .script-modes>button>span>i { color: #2d2435; }
.moon.script-import-screen .script-scope-note>b { color: #c4b4d6; }
.moon.script-import-screen .script-form textarea { color: #d5dce4; }
.moon.script-import-screen .script-form textarea::placeholder { color: #6f7d8b; }
.moon.script-import-screen .script-sections>label>span,.moon.script-import-screen .script-paste-heading>label { color: #c7cbd3; }
.moon.script-import-screen .script-notice { background: #b5a3cd1a; color: #c4b4d6; }
.moon.script-import-screen .script-save { color: #2d2435; }

/* Structured import fields need their own layout; nested labels are not inline text. */
.script-import-page>.secondary-button { display:block; width:100%; min-height:44px; padding:12px 8px; margin:12px 0 0; font-size:13px; line-height:1.5; }
.script-modes>button>.icon { width:21px; height:21px; flex-shrink:0; }
.script-import-page .script-form { padding-top:0; gap:26px; }
.script-import-page .script-form label { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:10px 8px; min-width:0; font-size:14px; line-height:1.6; color:inherit; }
.script-import-page .script-form :is(input:not([type="checkbox"]),select,textarea) { display:block; grid-column:1 / -1; width:100%; min-width:0; font-size:16px; line-height:1.6; color:inherit; padding:12px 14px; }
.script-import-page .script-form label>small:not(.field-hint) { font-size:11px; font-weight:400; color:var(--secondary); }
.script-import-page .script-form .field-hint { grid-column:1 / -1; font-size:12px; line-height:1.7; color:var(--secondary); margin:0; }
.script-import-page .script-form :is(.role-form-section,.script-paste) { display:flex; flex-direction:column; gap:24px; padding:20px 16px; margin:0; background:var(--surface); border:1px solid var(--line); border-radius:22px; }
.script-import-page .script-form h3 { margin:0; font-size:18px; color:inherit; }
.script-import-page .script-form .role-form-section :is(input:not([type="checkbox"]),select,textarea) { background:var(--app-bg); }
.script-import-page .script-paste-footer { display:flex; flex-wrap:wrap; gap:10px; margin:0; }
.script-import-page .script-paste-footer>button { flex:1 1 110px; min-height:44px; padding:10px; font-size:12px; }
.script-import-page .role-optional { margin:0; padding:18px 16px; background:var(--surface); border:1px solid var(--line); }
.script-import-page .role-optional>summary { line-height:1.7; color:inherit; }
.script-import-page .role-optional>div { display:flex; flex-direction:column; gap:24px; padding-top:22px; }
.script-import-page .script-form .play-switch { display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:16px; padding:8px 0; min-height:44px; }
.script-import-page .play-switch input { width:22px; height:22px; flex-shrink:0; accent-color:var(--accent); }
.script-import-page .active-hour-fields { display:flex; flex-wrap:wrap; gap:16px; }
.script-import-page .active-hour-fields>label { flex:1 1 132px; }
.script-import-page .import-entry-preview { display:flex; flex-direction:column; gap:12px; }
.script-import-page .import-entry-preview>details { margin:0; padding:18px 16px; background:var(--surface); border:1px solid var(--line); }
.script-import-page .import-entry-preview>details>label { margin-top:18px; }
.script-import-page .script-form>.primary-button { min-height:48px; margin-top:2px; font-size:15px; color:var(--app-bg); }
.script-import-page .script-local-note { margin:0; font-size:11px; line-height:1.8; }