:root {--color-studio-bg: #f3efed;--color-studio-paper:#fff;--color-studio-ink:#262329;--color-studio-line:#ddd4d8;--color-studio-muted:#70666c;--color-slide-bg:#fff8ee;--color-slide-ink:#302e29;--color-slide-accent:#8b1e3f;--fs-studio-ui:13px;--fs-slide-title:clamp(24px,2.3vw,42px);--fs-slide-body:clamp(14px,1.1vw,19px)}
*{box-sizing:border-box}body{margin:0;background:var(--color-studio-bg);color:var(--color-studio-ink);font-family:var(--font);font-size:var(--fs-studio-ui)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--color-studio-line);background:var(--color-studio-paper);border-radius:9px;padding:9px 12px;color:var(--color-studio-ink)}button:hover{border-color:var(--color-primary)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--color-primary);color:var(--color-studio-paper)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}input,select,textarea{width:100%;padding:9px;border:1px solid var(--color-studio-line);border-radius:8px;background:var(--color-studio-paper);color:var(--color-studio-ink)}textarea{resize:vertical}label{display:block;margin:12px 0;line-height:1.7}hr{border:0;border-top:1px solid var(--color-studio-line);margin:22px 0}h2{font-size:18px;margin:0 0 15px}.studio-header{height:80px;display:flex;align-items:center;gap:10px;padding:12px 22px;background:var(--color-studio-paper);border-bottom:1px solid var(--color-studio-line)}.studio-brand{display:flex;align-items:center;text-decoration:none;color:inherit;flex:none;margin-right:25px}.studio-brand img{width:42px;height:46px;object-fit:contain}.studio-brand span{font-family:var(--font-heading);font-size:24px}.studio-brand b{color:var(--color-primary)}.studio-brand small{display:block;font:11px var(--font);margin-top:4px}#project-title{max-width:360px;border:0;background:var(--color-studio-bg)}#saved{margin-right:auto;font-size:11px;color:var(--color-studio-muted)}.studio-notice{padding:9px 24px;background:var(--color-surface-blue);font-size:11px}.studio-workspace{display:grid;grid-template-columns:180px minmax(0,1fr) 300px;height:calc(100dvh - 114px)}#slides-nav{overflow:auto;padding:20px 14px;border-right:1px solid var(--color-studio-line)}.thumb{display:block;width:100%;text-align:left;margin-bottom:12px;padding:10px;min-height:90px;background:var(--color-slide-bg);color:var(--color-slide-ink);border-top:5px solid var(--color-slide-accent)}.thumb.active{outline:2px solid var(--color-primary)}.thumb small{display:block;margin-bottom:10px}.thumb strong{font-family:var(--font-heading);font-size:11px;line-height:1.4}#slides{overflow:auto;padding:34px clamp(18px,3vw,75px)}.slide-wrap{max-width:1100px;margin:0 auto 38px;scroll-margin-top:20px}.slide-meta{display:flex;justify-content:space-between;padding:0 3px 10px;color:var(--color-studio-muted);font-size:11px}.slide{background:var(--color-slide-bg);color:var(--color-slide-ink);aspect-ratio:16/9;display:flex;overflow:hidden;border:1px solid var(--color-studio-line);border-radius:5px;position:relative}.slide-wrap.active .slide{outline:2px solid var(--color-primary);outline-offset:5px}.slide-picture{width:39%;object-fit:cover;cursor:pointer;flex-shrink:0}.slide-copy{padding:5%;display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;overflow:hidden}.slide h2{font-family:var(--font-heading);font-size:var(--fs-slide-title);line-height:1.2;margin:0 0 22px;overflow-wrap:anywhere}.slide .slide-text{font-size:var(--fs-slide-body);line-height:1.65;white-space:pre-line;overflow-wrap:anywhere;margin:0}.slide .eyebrow{color:var(--color-slide-accent);font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:20px}.slide.reverse{flex-direction:row-reverse}.slide.text .slide-picture,.slide.cards .slide-picture{display:none}.slide.text{border-top:9px solid var(--color-slide-accent)}.slide.cards .slide-copy{justify-content:flex-start}.slide.cards .slide-text{padding:20px;border-left:5px solid var(--color-slide-accent);background:transparent}[contenteditable]:focus{outline:1px dashed var(--color-slide-accent)}#inspector{padding:22px 18px;overflow:auto;background:var(--color-studio-paper);border-left:1px solid var(--color-studio-line)}.actions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.hint{font-size:11px;line-height:1.6;color:var(--color-studio-muted)}#theme-preview{height:55px;border-radius:7px;background:var(--color-slide-bg);border-left:12px solid var(--color-slide-accent);color:var(--color-slide-ink);padding:16px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--color-studio-ink);color:var(--color-studio-paper);padding:14px 22px;border-radius:10px;display:none;z-index:1000}dialog{border:0;border-radius:0;background:var(--color-studio-ink);color:var(--color-studio-paper);width:100vw;height:100dvh;max-width:none;max-height:none;padding:20px;margin:0}dialog #screen{height:calc(100% - 100px);display:flex;align-items:center;justify-content:center}dialog .slide{width:min(90vw,calc((100dvh - 130px)*16/9));flex:none}dialog footer{display:flex;align-items:center;justify-content:center;gap:20px;margin:15px}#close-player{float:right}dialog .slide h2{font-size:clamp(24px,3vw,60px)}dialog .slide .slide-text{font-size:clamp(16px,1.5vw,28px)}.overflow-warning{color:var(--color-primary);font-weight:700}
@media(max-width:1100px){.studio-workspace{grid-template-columns:120px minmax(0,1fr) 240px}.studio-header{padding:10px}.studio-brand{margin:0}.studio-brand span{font-size:18px}#saved{display:none}.slide h2{font-size:22px}.slide .slide-text{font-size:13px}}@media(max-width:760px){.studio-header{height:auto;flex-wrap:wrap}.studio-brand{width:100%}#project-title{flex:1}.studio-workspace{height:auto;display:flex;flex-direction:column}#slides-nav{display:flex;gap:12px;overflow:auto;padding:12px}.thumb{min-width:130px;width:130px;margin:0}#slides{overflow:visible;padding:22px 12px}#inspector{border:0}.slide h2{font-size:20px}.slide .slide-text{font-size:12px}.slide-copy{padding:5%}.slide-wrap{margin-bottom:30px}.studio-notice{line-height:1.6}.slide .eyebrow{margin-bottom:10px;font-size:8px}}