:root{color-scheme:dark;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#f8f4ea;background:radial-gradient(circle at top left,rgba(255,153,102,.16),transparent 26%),radial-gradient(circle at top right,rgba(83,174,255,.14),transparent 28%),linear-gradient(135deg,#0d1320,#121c2d 45%,#18253a);background-attachment:fixed;--surface: rgba(11, 18, 30, .78);--surface-soft: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--text-main: #f8f4ea;--text-muted: #8fa3be;--accent: #ff9b5e;--accent-strong: #ff7a29;--success: #6ce2a8;--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .15);--shadow: 0 8px 32px rgba(0, 0, 0, .32), 0 1px 0 rgba(255, 255, 255, .05) inset;--radius-sm: .75rem;--radius-md: 1.25rem;--radius-lg: 1.75rem;--transition: .14s ease}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}code{font-family:SFMono-Regular,SF Mono,Consolas,Liberation Mono,monospace;font-size:.85em}.auth-shell{min-height:100vh;position:relative;display:grid;place-items:center;padding:3rem 1.5rem;overflow:hidden}.auth-aura{position:absolute;width:28rem;height:28rem;border-radius:999px;filter:blur(60px);opacity:.45;pointer-events:none}.auth-aura-left{left:-8rem;top:2rem;background:#ff7a2952}.auth-aura-right{right:-8rem;bottom:1rem;background:#53aeff42}.auth-card{position:relative;z-index:1;width:min(100%,34rem);padding:2.25rem;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow)}.auth-card h1{margin:1rem 0 .5rem;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.03em;line-height:1.2}.auth-card p{margin:0 0 1.5rem;color:var(--text-muted);font-size:.95rem}.brand-mark{display:inline-flex;flex-direction:column;gap:.15rem}.brand-mark span{font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:1.4rem;letter-spacing:.1em;text-transform:uppercase}.brand-mark small,.eyebrow{color:#f0b791;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;margin:0}.app-shell{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:.5rem;padding:0 1.25rem;height:3.25rem;background:#080e18e0;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0}.topbar-brand{display:flex;align-items:center;gap:.6rem;flex-shrink:0;margin-right:.5rem}.brand-mark-inline{flex-direction:row;align-items:center}.brand-mark-inline span{font-size:1.1rem;letter-spacing:.12em}.topbar-sep{color:var(--border-strong);font-size:1rem;margin:0 .1rem}.top-nav{display:flex;align-items:center;gap:.1rem;flex:1;overflow-x:auto;min-width:0}.nav-item{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .72rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:.83rem;white-space:nowrap;transition:color var(--transition),background var(--transition),border-color var(--transition)}.nav-item:hover{color:var(--text-main);background:var(--surface-soft);border-color:var(--border)}.nav-item.is-active{color:var(--text-main);background:linear-gradient(135deg,#ff9b5e2e,#53aeff1f);border-color:#ff9b5e4d}.nav-icon{font-size:.88rem;line-height:1;opacity:.8}.topbar-end{display:flex;align-items:center;gap:.55rem;flex-shrink:0;margin-left:auto}.topbar-user{display:flex;align-items:center;gap:.45rem;min-width:0}.topbar-user-info{display:grid;gap:.05rem;min-width:0}.topbar-user-info strong{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:11rem}.avatar{flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#111826;font-weight:700;font-size:.76rem;display:grid;place-items:center}.role-badge{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.main-stage{display:grid;gap:1.25rem;align-content:start;padding:1.5rem 1.75rem;min-width:0;flex:1}.page-title-bar{padding-bottom:.5rem;border-bottom:1px solid var(--border)}.page-title-bar h1{margin:0;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:1.75rem;letter-spacing:-.02em;line-height:1.2}.api-badge{font-family:SFMono-Regular,SF Mono,monospace;font-size:.75rem;padding:.35rem .65rem;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border);color:var(--text-muted)}.status-dot{font-size:.78rem;padding:.35rem .65rem;border-radius:999px;border:1px solid var(--border);color:var(--text-muted)}.status-dot.loading{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.notice{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slide-in .2s ease}@keyframes slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notice-success{background:#6ce2a81a;border-color:#6ce2a84d;color:#b6f5d4}.notice-error{background:#ff6b6b1a;border-color:#ff6b6b4d;color:#ffd0d0}.notice-dismiss{background:none;border:none;color:inherit;opacity:.6;padding:.1rem .3rem;border-radius:4px;line-height:1;flex-shrink:0;transition:opacity var(--transition)}.notice-dismiss:hover{opacity:1}.stack-form{display:grid;gap:1rem}.stack-form label,.entry-field-stack label{display:grid;gap:.4rem}.stack-form span,.entry-field-stack>label>span{font-size:.88rem;font-weight:500;color:var(--text-main);display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.hint{font-size:.75rem;color:var(--text-muted);font-weight:400}.required-star{color:var(--accent);font-weight:700}.field-type-tag{font-family:SFMono-Regular,SF Mono,monospace;font-size:.7rem;padding:.15rem .45rem;border-radius:999px;background:#ffffff12;border:1px solid var(--border);color:var(--text-muted);letter-spacing:.03em}.field-hint{display:block;color:var(--text-muted);font-size:.78rem;font-weight:400;margin-top:.1rem}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff0a;color:var(--text-main);padding:.75rem .9rem;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:#ff9b5e99;background:#ffffff0f;box-shadow:0 0 0 3px #ff9b5e1f}.code-textarea{font-family:SFMono-Regular,SF Mono,Consolas,monospace;font-size:.82rem}.field-description-input{font-size:.85rem;color:var(--text-muted)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:999px;border:none;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#0d1320;font-weight:700;font-size:.92rem;transition:opacity var(--transition),transform var(--transition),box-shadow var(--transition);box-shadow:0 2px 12px #ff7a294d}.primary-button:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 4px 20px #ff7a2966}.primary-button:disabled{opacity:.55;cursor:not-allowed}.primary-button.cta-button{margin-top:1rem}.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1rem;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--text-main);font-size:.88rem;transition:border-color var(--transition),background var(--transition),transform var(--transition)}.ghost-button:hover:not(:disabled){border-color:var(--border-strong);background:#ffffff14;transform:translateY(-1px)}.ghost-button:disabled{opacity:.5;cursor:not-allowed}.compact-button{padding:.35rem .65rem;font-size:.75rem;border-radius:999px}.link-button{text-decoration:none}.ghost-button.danger{border-color:#ff6b6b4d;color:#ffb3b3}.ghost-button.danger:hover:not(:disabled){background:var(--danger-soft);border-color:#ff6b6b99}.danger-button{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;border-radius:999px;border:1px solid rgba(255,107,107,.5);background:#ff6b6b2e;color:#ffb3b3;font-size:.88rem;font-weight:600;transition:background var(--transition),border-color var(--transition)}.danger-button:hover{background:#ff6b6b47;border-color:#ff6b6bb3}.icon-button{padding:.55rem .7rem;flex-shrink:0;font-size:.8rem}.confirm-delete-group{display:flex;gap:.5rem;align-items:center}.view-grid{display:grid;gap:1.25rem;grid-template-columns:minmax(17rem,22rem) minmax(0,1fr)}.overview-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.overview-stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.overview-api-key-panel{grid-column:1 / -1}.hero-card{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(16rem,.8fr);gap:1.5rem;padding:1.75rem;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.hero-card h2{margin:.5rem 0 .6rem;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:clamp(1.4rem,2.5vw,2.2rem);letter-spacing:-.025em;line-height:1.25}.hero-card p{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.6}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;align-content:start}.metric-card{display:grid;gap:.3rem;padding:1rem;border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--border)}.metric-card.metric-card-accent{background:#ff9b5e14;border-color:#ff9b5e40}.metric-card.metric-card-accent strong{color:var(--accent)}.metric-card span{font-size:.75rem;color:var(--text-muted);letter-spacing:.03em}.metric-card strong{font-size:2rem;font-weight:700;line-height:1}.panel{display:grid;gap:1rem;align-content:start;padding:1.25rem;border-radius:var(--radius-lg);min-width:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.panel h3{margin:.2rem 0 0;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:1.05rem;letter-spacing:-.02em}.panel-list,.panel-editor{min-height:32rem}.panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.panel-header.compact{align-items:center}.list-stack{display:grid;gap:.5rem}.list-card{display:grid;gap:.2rem;width:100%;padding:.85rem 1rem;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;transition:border-color var(--transition),background var(--transition),transform var(--transition)}.list-card:hover{background:#ffffff0f;border-color:var(--border-strong);transform:translate(2px)}.list-card.is-selected{background:linear-gradient(135deg,#ff9b5e24,#53aeff1a);border-color:#ff9b5e59}.list-card-main{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.list-card-main strong{font-size:.92rem}.slug-tag{font-size:.72rem;padding:.1rem .45rem;border-radius:999px;background:#ffffff0f;border:1px solid var(--border);color:var(--text-muted)}.field-count,.entry-meta{font-size:.75rem;color:var(--text-muted)}.entry-meta code{color:var(--text-muted)}.status-badge{display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px}.status-published{background:#6ce2a826;border:1px solid rgba(108,226,168,.35);color:#a6f0cc}.status-draft{background:#ffffff0f;border:1px solid var(--border);color:var(--text-muted)}.filter-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.filter-bar input,.filter-bar select{font-size:.85rem;padding:.6rem .8rem}.field-designer{display:grid;gap:.85rem;padding:1rem;border-radius:var(--radius-md);background:#ffffff06;border:1px solid var(--border)}.field-stack{display:grid;gap:.6rem}.field-row{display:grid;gap:.5rem;padding:.85rem;border-radius:var(--radius-sm);background:#ffffff06;border:1px solid rgba(255,255,255,.07)}.field-row-main{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(7rem,auto) auto auto;gap:.6rem;align-items:center}.field-row-main input,.field-row-main select{font-size:.85rem;padding:.55rem .75rem}.drag-handle{color:var(--text-muted);cursor:grab;-webkit-user-select:none;user-select:none;line-height:1}.entry-field-stack{display:grid;gap:.85rem}.entry-list-card{position:relative;padding-left:2.6rem;cursor:pointer}.entry-select-checkbox{position:absolute;left:.85rem;top:.9rem;width:1rem;height:1rem;padding:0}.bulk-bar{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.55rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff06}.bulk-bar span{color:var(--text-muted);font-size:.78rem;margin-right:.25rem}.bulk-bar .ghost-button{padding:.38rem .7rem;font-size:.78rem}.history-panel{display:grid;gap:.8rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.history-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.75rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff06}.history-row>div{display:grid;gap:.15rem;min-width:0}.action-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding-top:.25rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.checkbox-row{display:inline-flex;gap:.5rem;align-items:center;color:var(--text-main);white-space:nowrap}.checkbox-row input[type=checkbox]{width:1rem;height:1rem;padding:0;flex-shrink:0}.field-checkbox{padding:.65rem .9rem;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border)}.endpoint-stack{display:grid;gap:.6rem}.endpoint-card{display:grid;gap:.35rem;padding:.9rem 1rem;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border)}.endpoint-card strong{font-size:.88rem}.endpoint-card code{color:var(--text-muted);font-size:.78rem}.endpoint-pill{font-size:.75rem;padding:.3rem .7rem;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap}.endpoint-pill-live{background:#6ce2a814;border-color:#6ce2a84d;color:#a6f0cc}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.85rem}.media-card{display:grid;gap:.7rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff06;min-width:0}.media-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:calc(var(--radius-sm) - .25rem);border:1px solid var(--border);background:#0000003d}.media-card-meta{display:grid;gap:.45rem}.media-card-meta code{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-table{display:grid;gap:.5rem}.audit-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(10rem,auto) minmax(10rem,auto);gap:1rem;align-items:center;padding:.75rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff06}.audit-row>div{display:grid;gap:.15rem;min-width:0}.audit-row span,.audit-row time{color:var(--text-muted);font-size:.82rem}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;border-radius:var(--radius-sm);border:1px dashed rgba(255,255,255,.14);text-align:center;color:var(--text-muted);font-size:.88rem}.empty-state .ghost-button{font-size:.82rem;padding:.45rem .9rem}.role-badge-pill{display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px}.role-admin{background:#ff9b5e2e;border:1px solid rgba(255,155,94,.4);color:#ffcfa0}.role-editor{background:#53aeff24;border:1px solid rgba(83,174,255,.35);color:#a8d8ff}.role-viewer{background:#ffffff0f;border:1px solid var(--border);color:var(--text-muted)}.role-desc{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.5}.role-explainer{padding:.75rem 1rem;border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--border)}.read-only-notice{margin:0;padding:.65rem 1rem;border-radius:var(--radius-sm);background:#ff9b5e14;border:1px solid rgba(255,155,94,.2);color:#f0b791;font-size:.85rem}.md-editor-wrapper{display:grid;gap:.4rem}.md-editor-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}.md-tabs{display:flex;gap:.1rem;background:#ffffff0a;border:1px solid var(--border);border-radius:999px;padding:.2rem}.md-tab{padding:.3rem .8rem;border-radius:999px;border:none;background:transparent;color:var(--text-muted);font-size:.8rem;transition:background var(--transition),color var(--transition)}.md-tab.active{background:#ffffff1a;color:var(--text-main)}.md-editor-body{display:grid;gap:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.md-body-split{grid-template-columns:1fr 1fr}.md-textarea{border:none!important;border-radius:0!important;box-shadow:none!important;border-right:1px solid var(--border)!important;resize:none;min-height:20rem}.md-body-write .md-textarea,.md-body-preview .md-preview{border-right:none!important}.md-preview{padding:1rem 1.25rem;overflow-y:auto;min-height:20rem;max-height:32rem}.prose{font-size:.92rem;line-height:1.7;color:var(--text-main)}.prose h1,.prose h2,.prose h3,.prose h4{font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;letter-spacing:-.02em;margin:1.2em 0 .4em;line-height:1.25}.prose h1{font-size:1.6rem}.prose h2{font-size:1.3rem}.prose h3{font-size:1.1rem}.prose p{margin:.75em 0}.prose a{color:var(--accent);text-decoration:underline}.prose code{background:#ffffff14;border:1px solid var(--border);border-radius:4px;padding:.1em .4em;font-size:.85em}.prose pre{background:#00000059;border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;overflow-x:auto;margin:1em 0}.prose pre code{background:none;border:none;padding:0;font-size:.85rem}.prose blockquote{border-left:3px solid var(--accent);margin:1em 0;padding:.5em 1em;color:var(--text-muted);font-style:italic}.prose ul,.prose ol{padding-left:1.5em;margin:.75em 0}.prose li{margin:.25em 0}.prose hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}.prose img{max-width:100%;border-radius:var(--radius-sm)}.prose strong{font-weight:700}.prose em{font-style:italic}.prose del{text-decoration:line-through;color:var(--text-muted)}@media(max-width:1100px){.view-grid,.hero-card,.form-grid,.filter-bar,.overview-grid{grid-template-columns:1fr}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-api-key-panel{grid-column:1}}@media(max-width:820px){.topbar{padding:.5rem .75rem;height:auto;flex-wrap:wrap;gap:.4rem}.top-nav{order:3;flex-basis:100%;overflow-x:auto;padding-bottom:.25rem}.topbar-end{margin-left:auto}.topbar-user-info{display:none}.main-stage{padding:1rem}.field-row-main{grid-template-columns:1fr 1fr}.field-row-main .drag-handle{grid-column:1 / -1}.audit-row{grid-template-columns:1fr}.hero-stats,.action-row{flex-wrap:wrap}}@media(max-width:560px){.auth-card{padding:1.5rem}.hero-stats{grid-template-columns:1fr 1fr}}.project-back-btn{font-size:.78rem;color:var(--text-muted)}.project-switcher{position:relative}.project-switcher-trigger{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--accent);padding:.22rem .5rem;background:#ff9b5e1a;border:1px solid rgba(255,155,94,.2);border-radius:.4rem;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.project-switcher-trigger:hover{background:#ff9b5e2e;border-color:#ff9b5e59}.project-switcher-chevron{color:var(--accent);opacity:.7;flex-shrink:0}.project-switcher-dropdown{position:absolute;top:calc(100% + .4rem);left:0;z-index:200;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:.6rem;box-shadow:0 8px 32px #00000080;overflow:hidden}.project-switcher-search{padding:.5rem;border-bottom:1px solid var(--border)}.project-switcher-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:.35rem;color:var(--text);font-size:.82rem;padding:.35rem .6rem;outline:none}.project-switcher-input:focus{border-color:var(--accent)}.project-switcher-list{max-height:240px;overflow-y:auto;padding:.25rem}.project-switcher-option{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.45rem .6rem;border-radius:.35rem;font-size:.82rem;color:var(--text);background:transparent;border:none;cursor:pointer;text-align:left;transition:background .1s}.project-switcher-option:hover{background:var(--surface-raised)}.project-switcher-option.is-active{background:#ff9b5e1a;color:var(--accent)}.project-switcher-option-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-switcher-option-slug{font-size:.72rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.project-switcher-option.is-active .project-switcher-option-slug{color:#ff9b5e99}.project-switcher-empty{padding:.75rem .6rem;font-size:.82rem;color:var(--text-muted);text-align:center}.api-key-box{display:flex;flex-direction:column;gap:.35rem;padding:.85rem 1rem;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-sm)}.api-key-value{font-family:SFMono-Regular,SF Mono,monospace;font-size:.82rem;color:var(--accent);word-break:break-all}.date-tz-wrapper{display:flex;align-items:center;gap:.5rem}.date-tz-wrapper input[type=datetime-local]{flex:1}.tz-badge{font-size:.72rem;color:var(--text-muted);white-space:nowrap;padding:.2rem .5rem;border:1px solid var(--border);border-radius:var(--radius-sm)}.ai-generate-bar{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.ai-generate-bar .primary-button{font-size:.8rem;padding:.3rem .75rem;border-radius:var(--radius-sm);white-space:nowrap}.ai-prompt-select{font-size:.82rem;padding:.3rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);max-width:180px}.image-field-wrapper{display:flex;flex-direction:column;gap:.5rem}.image-field-label{font-size:.8rem;font-weight:500;color:var(--text-muted);display:flex;align-items:center;gap:.4rem}.image-field-preview{display:flex;flex-direction:column;gap:.4rem}.image-thumbnail{max-width:100%;max-height:220px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg)}.image-field-url{display:flex;gap:.4rem;align-items:center}.image-url-input{flex:1;font-size:.75rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.25rem .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-upload-btn{display:inline-flex;align-items:center;cursor:pointer;padding:.35rem .75rem;font-size:.82rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:background .15s;width:fit-content}.image-upload-btn:hover{background:var(--border)}.field-error{font-size:.78rem;color:var(--danger, #e05);margin:0}.image-field-actions{display:flex;gap:.5rem;flex-wrap:wrap}.image-alt-label{display:grid;gap:.35rem}.image-alt-label span{font-size:.82rem;color:var(--text-muted)}.image-picker-backdrop{position:fixed;inset:0;background:#0009;z-index:200;display:flex;align-items:center;justify-content:center}.image-picker-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(860px,92vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.image-picker-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.85rem;font-weight:600;flex-shrink:0}.image-picker-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.85rem}.image-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;padding:.75rem;overflow-y:auto}.image-picker-item{aspect-ratio:1;border-radius:var(--radius-sm);border:2px solid transparent;overflow:hidden;cursor:pointer;background:var(--bg);padding:0;transition:border-color .15s}.image-picker-item img{width:100%;height:100%;object-fit:cover;display:block}.image-picker-item:hover{border-color:var(--border)}.image-picker-item.selected{border-color:var(--accent, #7c6af7)}
