:root{font-family:'Hiragino Sans','Yu Gothic',sans-serif;color:#0c1826;background:#f4f1ea;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,.primary{border:1px solid #b8c4cb;background:#fff;border-radius:3px;padding:11px 18px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.primary:hover{background:#dcecf4}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid #d77745;outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 4vw;border-bottom:1px solid #cdd2d3}.brand{font-size:23px;font-weight:700;letter-spacing:3px;text-decoration:none;white-space:nowrap;color:#00273d}.brand span{font-size:13px;font-weight:400;letter-spacing:0;margin-left:22px}#account{display:flex;gap:18px;align-items:center;font-size:13px}#account form{margin:0}.library{max-width:1080px;margin:70px auto;padding:0 32px}.eyebrow{font-size:12px;letter-spacing:3px;color:#657180}h1{font-size:clamp(28px,4vw,44px);font-weight:500;letter-spacing:-1px;margin:20px 0 22px}#status{color:#657180;line-height:1.8;margin:0 0 32px}input[type=search]{width:100%;max-width:500px;background:transparent;border:0;border-bottom:1px solid #aab8bd;padding:14px 0;margin-bottom:28px;border-radius:0}.project-list{border-top:2px solid #00273d}.project-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 5px;border-bottom:1px solid #c8d0d3;text-decoration:none}.project-row:hover{background:#fff}.project-row h2{font-size:23px;font-weight:500;margin:0 0 9px}.project-row p{font-size:14px;color:#657180;margin:0}.project-row>span{font-size:14px;color:#00273d;white-space:nowrap}.primary{background:#00273d;color:white;border-color:#00273d;padding:15px 24px}.primary:hover{background:#16435c}.viewer{min-height:100dvh;display:flex;flex-direction:column;background:#e6e8e9}.presentation-title{flex:1;font-size:14px}.stage{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;min-height:0}.canvas{width:min(100%,calc((100dvh - 220px)*16/9));background:white;aspect-ratio:16/9}footer{display:flex;align-items:center;gap:20px;padding:18px 4vw;background:#f4f1ea;flex-wrap:wrap}.page-select label{white-space:nowrap;flex-shrink:0}.page-select{display:flex;align-items:center;gap:12px;min-width:0;flex:1}select{padding:10px;border:1px solid #b8c4cb;background:#fff;max-width:560px;min-width:0;width:100%}nav{display:flex;align-items:center;gap:16px}.version{width:100%;font-size:11px;color:#657180}.media-error{height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;line-height:1.8;background:#fff;padding:40px}.error{margin:0;padding:12px 4vw;color:#a03320}.fullscreen header{padding:10px 24px}.fullscreen .stage{padding:8px}.fullscreen footer{padding:8px 24px}.fullscreen .canvas{width:min(100%,calc((100dvh - 160px)*16/9))}@media(max-width:700px){header{flex-wrap:wrap;gap:12px;padding:18px}.library{margin:40px auto;padding:0 20px}#account{flex-wrap:wrap;gap:10px}.project-row h2{font-size:19px}.project-row>span{font-size:12px}.presentation-title{order:3;flex-basis:100%}.stage{padding:8px}.canvas{width:100%}footer{padding:14px;gap:12px}.page-select{flex-basis:100%}nav{width:100%;justify-content:space-between}.version{line-height:1.8}.viewer header .brand span{display:none}}