:root{font-family:system-ui,sans-serif;color:#183d35;background:#f3f6f2}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:16px;padding:18px 24px;background:#fff;border-bottom:1px solid #dae3d9}header strong{flex:1}a{color:#245e4f}small,.eyebrow{font-size:10px;letter-spacing:2px;color:#717e62}small{margin-left:12px}button,.button,select,input,textarea{font:inherit}button,.button{border:1px solid #cedbd0;background:#fff;color:#214d40;padding:10px 13px;border-radius:9px;cursor:pointer}button:hover,.button:hover{background:#e6eee3}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #bf922e;outline-offset:2px}main{display:grid;grid-template-columns:235px minmax(350px,1fr) 230px;min-height:90vh}aside{background:#fff;padding:22px;border-right:1px solid #dae3d9}h1{font-size:29px;line-height:1.1;letter-spacing:-1px}h2{font-size:14px;margin-top:25px}p{font-size:13px;line-height:1.6}label{display:block;font-size:12px;margin:14px 0 6px}input:not([type=checkbox]):not([type=range]),select,textarea{display:block;width:100%;padding:9px;border:1px solid #cedbd0;border-radius:6px;background:#fff;color:#173e34}input[type=color]{height:38px}input[type=range]{width:100%;accent-color:#276d58}#library{display:grid;grid-template-columns:1fr 1fr;gap:6px}#library button{font-size:12px;padding:10px 4px}.hint,.notice{color:#758275;font-size:11px}#layers{display:grid;gap:5px}#layers button{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#layers .selected{background:#1b5747;color:white}.workspace{padding:22px;min-width:0}.bar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:20px}.bar span{font-size:13px}.bar div{display:flex;gap:5px;flex-wrap:wrap}.bar button{font-size:11px}.canvasWrap{border-radius:12px;overflow:hidden;box-shadow:0 14px 45px #1e45351a;background:white}canvas{display:block;width:100%;touch-action:none}.transport{display:flex;align-items:center;gap:12px;padding:18px 0;flex-wrap:wrap}.transport #scrub{flex:1;min-width:100px}.transport output{font-size:12px}.transport label{margin:0;display:flex;align-items:center;gap:5px}.transport #duration{width:65px}.story{padding:5px 20px 12px;background:#e9efe5;border-radius:12px}#status{font-size:12px}fieldset{padding:0;border:0;min-width:0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inspector{border-left:1px solid #dae3d9}.inspector button{margin-top:14px}#play,#save{background:#1d5847;color:white}#empty{font-size:13px;margin:20px 0}#fields:disabled{opacity:.4}@media(max-width:1100px){main{grid-template-columns:190px minmax(300px,1fr)}.inspector{grid-column:1/-1}#fields{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}}@media(max-width:650px){header{flex-wrap:wrap;padding:12px}header strong{flex-basis:65%}main{display:flex;flex-direction:column}aside{padding:16px}h1{margin:8px 0}#library{grid-template-columns:repeat(4,1fr)}#layers{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:12px}#fields{grid-template-columns:repeat(2,1fr)}.bar{align-items:flex-start}.transport{gap:8px}}