:root{color-scheme:light;font-family:Inter,system-ui,sans-serif;background:#f7f8fa;color:#111827}*{box-sizing:border-box}body,html,#root{margin:0;min-height:100%}.app-shell{max-width:1440px;margin:0 auto;padding:24px}.app-header{margin-bottom:24px;padding:18px 20px;border-radius:18px;background:#fff;box-shadow:0 1px 2px #0f172a0f}.app-header h1{margin:0 0 8px;font-size:clamp(2rem,2.4vw,2.6rem)}.app-header p{margin:0;color:#475569}.editor-shell{display:grid;gap:18px;grid-template-columns:1fr}.panel{padding:18px;border-radius:18px;background:#fff;box-shadow:0 1px 2px #0f172a0f}.panel h2{margin-top:0}label,fieldset{display:block;margin-bottom:16px}label input,label textarea,label select,fieldset input,fieldset textarea,fieldset select{width:100%;margin-top:8px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;font:inherit}textarea{min-height:100px;resize:vertical}button{appearance:none;border:1px solid transparent;border-radius:999px;background:#2563eb;color:#fff;padding:10px 16px;cursor:pointer;transition:background-color .2s ease}button:hover{background:#1d4ed8}button[type=button].save-button{width:100%;margin-top:12px}.objective-row,.story-row{display:grid;gap:12px;margin-bottom:12px}.story-row-fields{display:grid;gap:12px}.remove-story-button{justify-self:start;padding:8px 12px;border-radius:999px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.remove-story-button:hover{background:#fecaca}.objective-row input,.story-row input,.story-row textarea{width:100%}.import-panel{max-width:400px}.upload-toggle-row{display:flex;justify-content:flex-end;margin-bottom:12px}.upload-toggle-button,.upload-hide-button{border-radius:999px;padding:6px 12px;min-width:120px;background:#eff6ff;color:#1e3a8a;border:1px solid #dbeafe}.upload-hide-button{width:36px;height:36px;min-width:auto;padding:0;display:grid;place-items:center;background:#f8fafc;color:#475569}.upload-hide-button:hover,.upload-toggle-button:hover{background:#dbeafe}.import-panel .info-row,.database-panel .contracts-list,.string-search{margin-top:12px}.database-actions-row{display:flex;justify-content:flex-start;margin-top:12px}.add-contract-button{border-radius:999px;padding:10px 16px;background:#eff6ff;color:#1e3a8a;border:1px solid #dbeafe;cursor:pointer}.add-contract-button:hover{background:#dbeafe}.string-search{position:sticky;top:0}.json-actions-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.json-actions-row button,.json-import-button{border-radius:999px;padding:10px 16px;background:#eff6ff;color:#1e3a8a;border:1px solid #dbeafe;cursor:pointer}.json-actions-row button:hover,.json-import-button:hover{background:#dbeafe}.json-import-button{display:inline-flex;align-items:center;justify-content:center;position:relative}.json-import-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.import-panel .info-row span{display:inline-block;margin-right:12px;color:#475569}.strings-list{display:grid;gap:10px;max-height:620px;overflow-y:auto;padding:8px 0}.string-entry{padding:12px;border:1px solid #dbeafe;border-radius:14px;background:#f8fbff;display:grid;gap:10px}.group-header{display:flex;align-items:center;gap:10px;padding-bottom:6px;border-bottom:1px solid #e2e8f0;margin-bottom:10px}.string-copy{cursor:pointer;display:grid;gap:4px}.string-copy:hover .string-text{text-decoration:underline}.string-text{font-size:.96rem;color:#111827}.string-id{font-size:.78rem;color:#475569}.string-actions{display:flex;flex-wrap:wrap;gap:8px}.button-secondary,.secondary-button{background:#f8fafc;color:#1d4ed8;border:1px solid #93c5fd}.string-entry button,.secondary-button{height:36px}.strings-list button{justify-content:flex-start;background:#eff6ff;color:#1e3a8a;border-radius:12px;border:1px solid #dbeafe}.contracts-list{display:grid;gap:8px;max-height:240px;overflow-y:auto;padding:8px 0}.contract-item-row{display:grid;grid-template-columns:1fr auto;gap:8px}.contract-item-button,.contract-delete-button{border-radius:12px;padding:10px 12px;border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a;cursor:pointer;text-align:left}.contract-delete-button{background:#fee2e2;color:#991b1b;border-color:#fecaca}.contract-delete-button:hover{background:#fecaca}.contract-preview{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.image-preview{display:block;margin:12px 0 0;max-width:100%;border-radius:14px;border:1px solid #e2e8f0}.image-browser{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:16px 0}.image-thumb{width:100%;text-align:left;padding:8px;border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc;color:#0f172a;display:flex;flex-direction:column;gap:8px;cursor:pointer}.image-thumb:hover{border-color:#93c5fd;background:#eff6ff}.image-thumb.selected{border-color:#2563eb;box-shadow:0 0 0 2px #3b82f62e}.image-thumb img{width:100%;height:72px;object-fit:cover;border-radius:10px}.image-thumb span{font-size:.8rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:960px){.editor-shell{grid-template-columns:1.2fr 1.4fr 1fr}}