*{box-sizing:border-box}body{margin:0;background:var(--bg,#EEE9DF);color:var(--ink,#242B31);font:15px/1.6 system-ui,"PingFang SC",sans-serif}button,input,textarea,select{font:inherit;color:inherit}button,select{cursor:pointer}button{border:1px solid #0003;background:var(--paper);border-radius:7px;padding:8px 12px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header.toolbar{padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #0002;background:var(--paper)}.toolbar strong{font-size:17px;letter-spacing:-.03em}.toolbar div{display:flex;flex-wrap:wrap;gap:8px}.workspace{display:grid;grid-template-columns:190px minmax(0,1fr) 270px;gap:20px;padding:22px}.sidebar{display:grid;align-content:start;gap:10px}.sidebar>span{font-size:11px;opacity:.65}#slideList{display:grid;gap:8px}#slideList button{text-align:left;line-height:1.4;font-size:12px}#slideList button[aria-current=true]{color:var(--paper);background:var(--ink)}.reorder{display:flex;flex-wrap:wrap;gap:5px}.reorder button{font-size:11px;padding:7px 9px}.canvas-area{min-width:0}.piki-slide{position:relative;aspect-ratio:16/9;padding:clamp(26px,4vw,64px);background:var(--paper);border-radius:12px;overflow:hidden;box-shadow:0 16px 42px #0002;display:flex;flex-direction:column;isolation:isolate}.piki-slide[hidden]{display:none}.piki-slide .kicker{font-size:clamp(8px,.9vw,13px);font-weight:700;letter-spacing:.12em;opacity:.65}.piki-slide h1{font-size:clamp(22px,3.8vw,56px);line-height:1.12;letter-spacing:-.045em;margin:16px 0;max-width:91%;overflow-wrap:anywhere}.slide-body{font-size:clamp(11px,1.45vw,22px);line-height:1.65;max-width:86%;margin:4px 0 20px}.piki-slide footer{margin-top:auto;padding-top:18px;font:9px ui-monospace,monospace;opacity:.55}.art{position:absolute;right:7%;bottom:15%;width:34%;height:52%;z-index:-1}.art-part{position:absolute;display:block;border-radius:28%;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.part-0{width:76%;height:78%;right:0;bottom:0;background:var(--accent);transform:rotate(12deg)}.part-1{width:63%;height:62%;left:0;top:0;background:var(--secondary);border-radius:50%}.part-2{width:35%;height:34%;right:4%;top:6%;background:var(--paper);border-radius:50%}.part-3{width:10%;height:12%;right:27%;top:18%;background:var(--ink);border-radius:50%}.part-4{width:10%;height:12%;right:9%;top:18%;background:var(--ink);border-radius:50%}.art-label{position:absolute;bottom:-15%;right:0;font:8px ui-monospace,monospace;opacity:.5}.layout-cover h1,.layout-cover .slide-body{max-width:58%}.layout-cover h1{font-size:clamp(28px,4.8vw,70px)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:14px;margin:12px 0}.cards article{padding:20px 18px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:12px;background:color-mix(in srgb,var(--bg) 55%,var(--paper))}.cards h2{font-size:clamp(13px,1.6vw,24px);line-height:1.3;margin:0 0 14px}.cards p{font-size:clamp(10px,1.2vw,18px);margin:0;line-height:1.6}.layout-compare .cards article:nth-child(2){background:var(--ink);color:var(--paper)}.process,.timeline{list-style:none;margin:22px 0;padding:0;display:flex;gap:14px}.process li,.timeline li{flex:1;min-width:0;border-top:3px solid var(--accent);padding:16px 4px}.process b,.timeline b{display:block;font-size:clamp(26px,3vw,45px);color:var(--accent);line-height:1.2;margin-bottom:14px}.process span,.timeline span{font-size:clamp(11px,1.5vw,22px)}.timeline{gap:0;border-top:1px solid #0003}.timeline li{border:0;position:relative;padding-top:24px}.timeline li:before{content:'';position:absolute;top:-6px;width:11px;height:11px;border-radius:50%;background:var(--accent)}.metrics{display:flex;gap:15px;margin-top:22px}.metrics article{flex:1;min-width:0;border-left:2px solid var(--accent);padding:12px 17px}.metrics strong{display:block;font-size:clamp(24px,3.4vw,48px);line-height:1.2;color:var(--accent);overflow-wrap:anywhere}.metrics span{display:block;font-size:clamp(10px,1.2vw,18px);margin-top:15px}.layout-quote blockquote{font-size:clamp(22px,3.5vw,50px);line-height:1.35;letter-spacing:-.04em;margin:26px 0 20px;border-left:6px solid var(--accent);padding-left:26px;max-width:92%}.layout-image img{max-width:75%;max-height:55%;object-fit:contain;align-self:flex-end;border-radius:18px}.layout-image .art{position:relative;align-self:flex-end;right:auto;bottom:auto;width:53%;height:42%;min-height:150px;margin-top:-30px}.layout-image .slide-body{max-width:70%}.bullets{font-size:clamp(11px,1.4vw,20px);padding-left:22px;margin:10px 0}.transport{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px}.transport span{font:11px ui-monospace,monospace}.inspector{padding:18px;background:var(--paper);border-radius:12px;display:grid;align-content:start;gap:11px}.inspector label{display:grid;gap:5px;font-size:10px;font-weight:700}.inspector input,.inspector textarea,.inspector select{width:100%;min-width:0;border:1px solid #0002;border-radius:6px;background:#fff8;padding:8px;font-size:12px}.inspector textarea{resize:vertical;min-height:80px}.inspector small{font-size:10px;opacity:.65}#status{font-size:11px}.notes-panel{background:var(--paper);border:1px solid #0002;padding:20px;border-radius:10px}.notes-panel h2{font-size:14px;margin:0 0 12px}#notesText{white-space:pre-wrap;font-size:14px}.present .workspace{display:block;padding:18px}.present .sidebar,.present .inspector,.present .toolbar{display:none}.present .canvas-area{width:min(1200px,100%);margin:auto}.present .piki-slide{border-radius:5px}.present .piki-slide h1{font-size:clamp(28px,5vw,72px)}.present .slide-body{font-size:clamp(14px,2vw,28px)}body[data-theme=confetti] .piki-slide:before{content:'';position:absolute;right:3%;top:5%;width:70px;height:70px;background:var(--accent);border-radius:50%;box-shadow:-90px 36px 0 -22px var(--secondary),-26px 120px 0 -15px var(--ink);z-index:-1}body[data-theme=cutpaper] .cards article{box-shadow:7px 8px 0 color-mix(in srgb,var(--accent) 40%,transparent);transform:rotate(-1deg);border-radius:2px}body[data-theme=sketch] .cards article,body[data-theme=sketch] .piki-slide{border:2px solid var(--ink);border-radius:10px 18px 12px 22px}body[data-theme=field] .piki-slide{border-radius:30px}body[data-theme=cobalt] .layout-cover{background:var(--bg);color:var(--paper)}body[data-theme=editorial] h1,body[data-theme=brand] h1{font-family:Georgia,"Songti SC",serif;font-weight:500}body[data-theme=glass] .cards article{background:color-mix(in srgb,var(--paper) 60%,transparent);box-shadow:0 10px 25px #436c8c15;border-color:#fff9}body[data-theme=brand] .layout-cover{background:var(--bg);color:var(--paper)}body[data-theme=visual] .process li{border:1px solid var(--accent);padding:17px;border-radius:10px}body[data-theme=narrative] .layout-image{background:var(--bg)}body[data-theme=research] .kicker,body[data-theme=proposal] .kicker{font-family:ui-monospace,monospace}body[data-theme=brief] h1{font-family:Georgia,"Songti SC",serif}body[data-theme=review] .timeline li:before{border-radius:2px}@media(max-width:1100px){.workspace{grid-template-columns:145px minmax(0,1fr)}.inspector{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){header.toolbar{align-items:start;flex-direction:column;padding:14px}.workspace{display:block;padding:14px}.sidebar{margin-bottom:18px}#slideList{display:flex;overflow:auto}#slideList button{flex:none;max-width:160px}.reorder{margin-top:5px}.inspector{margin-top:15px;display:grid;grid-template-columns:1fr 1fr}.piki-slide{padding:22px}.piki-slide h1{font-size:25px}.slide-body{font-size:12px}.cards{gap:8px}.cards article{padding:12px 10px}.process,.timeline{gap:8px}.layout-cover h1{font-size:33px}.layout-image .art{min-height:70px}.piki-slide footer{font-size:7px}.metrics article{padding:8px}.layout-quote blockquote{padding-left:14px}.transport{padding:15px}.present .workspace{padding:8px}.present .piki-slide h1{font-size:28px}}@media print{@page{size:landscape;margin:0}.toolbar,.sidebar,.inspector,.transport,.notes-panel{display:none!important}body{background:white}.workspace{display:block;padding:0}.piki-slide,.piki-slide[hidden]{display:flex!important;width:100vw;height:100vh;aspect-ratio:auto;box-shadow:none;border-radius:0;break-after:page;padding:6vw}.piki-slide h1{font-size:6vw}.slide-body{font-size:2.5vw}.cards h2{font-size:3vw}.cards p,.process span,.timeline span,.metrics span{font-size:2.2vw}.metrics strong{font-size:5vw}.piki-slide footer{font-size:1vw}.layout-quote blockquote{font-size:5vw}.art{height:48%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.sidebar{background:var(--paper);color:var(--ink);border-radius:12px;padding:16px}.transport{background:var(--paper);color:var(--ink);border-radius:10px;margin-top:16px}@media print{.transport{display:none!important}}
@media screen{.canvas-area{container-type:inline-size}.piki-slide{padding:5cqw}.piki-slide .kicker{font-size:1.45cqw}.piki-slide h1{font-size:5cqw;margin:1.8cqw 0}.slide-body{font-size:2.2cqw;margin:.5cqw 0 2cqw}.piki-slide footer{padding-top:1.5cqw;font-size:1.2cqw}.layout-cover h1{font-size:7cqw}.cards{gap:1.8cqw;margin:1.5cqw 0}.cards article{padding:2cqw}.cards h2{font-size:2.5cqw;margin-bottom:1.4cqw}.cards p{font-size:1.9cqw}.process,.timeline{gap:1.8cqw;margin:2cqw 0}.process li,.timeline li{padding:2cqw .5cqw}.process b,.timeline b{font-size:4cqw;margin-bottom:1.4cqw}.process span,.timeline span{font-size:2.2cqw}.metrics{gap:1.8cqw;margin-top:2cqw}.metrics article{padding:1.5cqw 2cqw}.metrics strong{font-size:5cqw}.metrics span{font-size:2cqw;margin-top:1.5cqw}.layout-quote blockquote{font-size:5cqw;margin:2cqw 0;padding-left:3cqw}.layout-image img,.layout-image .art{position:absolute;right:6%;bottom:14%;width:50%;height:40%;min-height:0;margin:0;max-width:50%;max-height:40%}.present .piki-slide h1{font-size:5cqw}.present .slide-body{font-size:2.2cqw}.present .layout-cover h1{font-size:7cqw}}
@media screen{body[data-theme=visual] .process li{padding:2cqw}}