:root{color-scheme:light;--sip-ink: #17212f;--sip-muted: #64748b;--sip-soft: #f4f6f8;--sip-line: #d9e1ea;--sip-teal: #0e7c7b;--sip-green: #00a676;--sip-blue: #2563eb;--sip-amber: #d99a25;--sip-dark: #07111f;--sip-surface: #ffffff}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:#e9edf2;color:var(--sip-ink);font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid rgba(0,166,118,.45);outline-offset:3px}.sip-shell{display:grid;grid-template-columns:19rem minmax(0,1fr) 18rem;height:100vh;min-height:42rem;overflow:hidden}.sip-rail,.sip-inspector{background:var(--sip-surface);border-color:var(--sip-line);display:flex;flex-direction:column;min-height:0}.sip-rail{border-right:1px solid var(--sip-line);padding:1.15rem;gap:1rem}.sip-inspector{border-left:1px solid var(--sip-line);padding:1rem;gap:1rem;overflow-y:auto}.sip-brand{display:grid;grid-template-columns:3rem 1fr;gap:.85rem;align-items:center}.sip-mark{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid rgba(14,124,123,.28);border-radius:.45rem;background:#effaf7;color:#075f5e;font-weight:900}.sip-brand h1{margin:0;font-size:.95rem;line-height:1.2}.sip-brand p,.eyebrow{margin:0;color:var(--sip-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:0}.drop-zone{display:grid;gap:.25rem;border:1.5px dashed #aebccd;border-radius:.5rem;background:#f8fafc;padding:1.1rem;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--sip-green);background:#f0fbf7;transform:translateY(-1px)}.drop-zone input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}.drop-title{color:var(--sip-ink);font-size:.95rem;font-weight:850}.drop-meta{color:var(--sip-muted);font-size:.8rem}.source-toolbar,.topbar-actions,.order-actions,.toggle-row{display:flex;align-items:center;gap:.55rem}.source-toolbar .plain-button{flex:1}.plain-button,.primary-button,.tool-button{border:1px solid var(--sip-line);border-radius:.45rem;min-height:2.4rem;padding:.55rem .75rem;background:#fff;color:var(--sip-ink);font-weight:800;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.plain-button:hover:not(:disabled),.tool-button:hover:not(:disabled){border-color:#b7c4d3;background:#f7fafc;transform:translateY(-1px)}.danger-button{color:#b42318}.danger-button:hover:not(:disabled){border-color:#f4a29b;background:#fff7f5}.primary-button{border-color:#00a676;background:var(--sip-green);color:#041511}.primary-button:hover:not(:disabled){background:#15bd8d;transform:translateY(-1px)}.tool-button{display:grid;place-items:center;width:2.4rem;padding:0;font-size:1.45rem;line-height:1}.source-panel,.inspector-section{display:flex;flex-direction:column;min-height:0;gap:.75rem}.source-panel{flex:1}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.panel-heading h2{margin:0;font-size:.84rem;text-transform:uppercase;letter-spacing:0}.panel-heading span{color:var(--sip-muted);font-size:.78rem;font-weight:800}.source-list,.filmstrip{min-height:0;overflow:auto}.source-list{display:grid;align-content:start;gap:.55rem}.source-item{border:1px solid var(--sip-line);border-radius:.45rem;background:#fff;padding:.75rem}.source-item strong{display:block;overflow:hidden;color:var(--sip-ink);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.source-item span{color:var(--sip-muted);font-size:.75rem}.sip-workspace{display:grid;grid-template-rows:auto minmax(0,1fr) 9.25rem;min-width:0;min-height:0;background:linear-gradient(rgba(23,33,47,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(23,33,47,.04) 1px,transparent 1px),#eef2f6;background-size:24px 24px}.sip-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(217,225,234,.85);background:#ffffffdb;padding:.95rem 1.2rem}.sip-topbar h2{margin:.12rem 0 0;overflow:hidden;font-size:1.1rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.stage-zone{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;padding:1.15rem}.slide-canvas{position:relative;align-self:center;justify-self:center;width:min(100%,calc((100vh - 15.8rem) * 16 / 9));max-width:84rem;aspect-ratio:16 / 9;overflow:hidden;border:1px solid #b9c5d3;border-radius:.35rem;background:#fff;box-shadow:0 22px 60px #0f172a2e}#slide-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}.empty-state{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.9rem;background:#fff}.empty-state[hidden],#slide-frame[hidden]{display:none!important}.empty-state strong{font-size:1rem}.stage-status{display:flex;justify-content:center;gap:.65rem;padding-top:.75rem;color:#516276;font-size:.78rem;font-weight:800}.stage-status span{border:1px solid rgba(100,116,139,.2);border-radius:99px;background:#ffffffb8;padding:.25rem .6rem}.filmstrip-wrap{border-top:1px solid rgba(217,225,234,.85);background:#ffffffd1;padding:.85rem 1rem;min-width:0}.filmstrip{display:grid;grid-auto-flow:column;grid-auto-columns:10.25rem;gap:.75rem;height:100%;margin:0;padding:0 0 .35rem;list-style:none}.slide-thumb{display:grid;grid-template-rows:1fr auto;height:7rem;border:1px solid var(--sip-line);border-radius:.45rem;overflow:hidden;background:#fff;color:inherit;padding:0;text-align:left}.slide-thumb[aria-current=true]{border-color:var(--sip-green);box-shadow:0 0 0 3px #00a67629}.slide-thumb.is-hidden{opacity:.48}.thumb-preview{display:grid;place-items:center;aspect-ratio:16 / 9;background:linear-gradient(135deg,#0e7c7b1f,#2563eb14),#f8fafc;color:var(--sip-teal);font-size:1.4rem;font-weight:900}.thumb-title{display:block;overflow:hidden;padding:.45rem .55rem;color:var(--sip-ink);font-size:.74rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.field{display:grid;gap:.35rem}.field span,.toggle-row span{color:var(--sip-muted);font-size:.78rem;font-weight:800}.field input[type=text],.field select{width:100%;min-height:2.45rem;border:1px solid var(--sip-line);border-radius:.45rem;background:#fff;color:var(--sip-ink);padding:.5rem .65rem}.field input[type=range]{accent-color:var(--sip-green)}.toggle-row{align-items:stretch}.toggle-row label{display:flex;flex:1;align-items:center;justify-content:center;gap:.45rem;min-height:2.4rem;border:1px solid var(--sip-line);border-radius:.45rem;background:#fff}.order-actions{align-items:stretch}.order-actions .plain-button{flex:1;padding-inline:.45rem}.stage-zone:fullscreen{display:grid;grid-template-rows:1fr;place-items:center;width:100vw;height:100vh;padding:0;background:#05070b}.stage-zone:fullscreen .slide-canvas{width:min(100vw,177.7778vh);height:min(100vh,56.25vw);max-width:none;border:0;border-radius:0;box-shadow:none}.stage-zone:fullscreen .stage-status{display:none}body.sip-presenting{overflow:hidden}body.sip-presenting .sip-rail,body.sip-presenting .sip-inspector,body.sip-presenting .sip-topbar,body.sip-presenting .filmstrip-wrap{display:none}body.sip-presenting .sip-shell,body.sip-presenting .sip-workspace,body.sip-presenting .stage-zone{display:grid;grid-template:1fr / 1fr;width:100vw;height:100vh;min-height:100vh;overflow:hidden}body.sip-presenting .stage-zone{position:fixed;inset:0;z-index:100;place-items:center;padding:0;background:#05070b}body.sip-presenting .slide-canvas{width:min(100vw,177.7778vh);height:min(100vh,56.25vw);max-width:none;border:0;border-radius:0;box-shadow:none}body.sip-presenting .stage-status{display:none}@media(max-width:1180px){.sip-shell{grid-template-columns:17rem minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.sip-inspector{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));max-height:16rem;border-top:1px solid var(--sip-line);border-left:0}}@media(max-width:820px){.sip-shell{grid-template-columns:1fr;grid-template-rows:auto;height:auto;min-height:100vh;overflow:auto}.sip-rail{border-right:0;border-bottom:1px solid var(--sip-line)}.source-panel{max-height:13rem}.sip-workspace{min-height:34rem;grid-template-rows:auto minmax(0,1fr) 8rem}.sip-inspector{grid-column:auto;grid-template-columns:1fr;max-height:none}.sip-topbar{align-items:flex-start;flex-direction:column}.slide-canvas{width:100%}}
