*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{-webkit-user-select:none;user-select:none;background:#2b2722;font-family:system-ui,sans-serif}.canvas-wrap{touch-action:none;position:fixed;inset:0}.toolbar{padding:8px calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.toolbar button,.toolbar label{color:#f6f2e9;white-space:nowrap;background:#4a443c;border:none;border-radius:12px;padding:8px 12px;font-size:20px}.toolbar .chip{padding:8px 10px;font-size:15px}.fullscreen{background:#000;position:fixed;inset:0}.fullscreen video{object-fit:contain;width:100%;height:100%}.tune{color:#f6f2e9;grid-template-columns:140px 1fr 320px;gap:12px;height:100%;padding:12px;display:grid}.tune-photos{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.tune-photos button{color:#f6f2e9;background:#4a443c;border:none;border-radius:8px;padding:6px;font-size:13px}.tune-thumb img{border-radius:6px;width:100%;display:block}.tune-preview{min-width:0;position:relative}.tune-preview>div:first-child{height:100%}.tune-mini{pointer-events:none;border-radius:8px;width:170px;height:240px;position:absolute;bottom:8px;right:8px;overflow:hidden;box-shadow:0 4px 16px #00000080}.tune-status{background:#2b2722b3;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;bottom:8px;left:8px}.tune-controls{flex-direction:column;gap:10px;font-size:13px;display:flex;overflow-y:auto}.tune-controls label{flex-direction:column;gap:4px;display:flex}.tune-controls label.tune-row{flex-direction:row;align-items:center;gap:8px}.tune-controls select,.tune-controls button{color:#f6f2e9;background:#4a443c;border:none;border-radius:8px;padding:8px;font-size:14px}.tune-controls textarea{color:#b8b0a2;background:#1f1c18;border:none;border-radius:8px;padding:8px;font-family:ui-monospace,monospace;font-size:11px}.fps-overlay{top:calc(8px + env(safe-area-inset-top));color:#9f9;pointer-events:none;background:#00000080;border-radius:8px;padding:4px 8px;font-family:ui-monospace,monospace;font-size:11px;position:fixed;left:8px}.engine-badge{top:calc(8px + env(safe-area-inset-top));color:#f6f2e98c;pointer-events:none;background:#2b272299;border-radius:8px;padding:4px 8px;font-size:11px;position:fixed;right:8px}.status-banner{top:env(safe-area-inset-top);text-align:center;color:#f6f2e9;padding:10px;font-size:14px;position:fixed;left:0;right:0}.toolbar button.tool-armed{color:#1c1916;background:#c8922e}.cut-overlay{z-index:50;touch-action:none;background:#12100dd1;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.cut-overlay canvas{touch-action:none;cursor:crosshair;background:#ffffff0d;border-radius:8px}.cut-overlay .hint{color:#f6f2e9d9;font-size:14px}.cut-overlay .cut-style{gap:8px;display:flex}.cut-overlay .cut-style button{color:#f6f2e9b3;background:0 0;border:1px solid #f6f2e940;border-radius:12px;padding:8px 14px;font-size:15px}.cut-overlay .cut-style button.active{color:#1c1916;background:#c8922e;border-color:#c8922e}.cut-overlay .cut-actions{gap:12px;display:flex}.cut-overlay .cut-actions button{color:#f6f2e9;background:#4a443c;border:none;border-radius:12px;padding:8px 16px;font-size:16px}.library{box-sizing:border-box;background:#20242b;width:100%;height:100%;padding:28px;overflow-y:auto}.library-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-items:start;gap:36px;display:grid}.zine-card{aspect-ratio:148/210;position:relative}.zine-card-open{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;display:block}.zine-card-open img{object-fit:contain;filter:drop-shadow(0 6px 12px #00000073);width:100%;height:100%}.zine-thumb-empty{filter:drop-shadow(0 6px 12px #00000073);background:#f3efe6;border-radius:6px;width:100%;height:100%}.zine-card-new{color:#6f7787;cursor:pointer;background:#ffffff0a;border:none;border-radius:8px;font-size:40px}.zine-del{color:#fff;cursor:pointer;opacity:.8;background:#00000080;border:none;border-radius:6px;padding:2px 6px;position:absolute;top:6px;right:6px}.zine-create{color:#cdd3df;background:#ffffff0a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.stepper{align-items:center;gap:10px;font-size:18px;display:flex}.stepper button{color:#e8e6e0;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;width:28px;height:28px;font-size:18px}.stepper-label{opacity:.6;font-size:11px}.zine-create-go{color:#fff;cursor:pointer;background:#4a5468;border:none;border-radius:6px;padding:6px 14px}.library-clear{color:#fff;cursor:pointer;background:#78282899;border:none;border-radius:8px;padding:8px 12px;font-size:13px;position:fixed;bottom:14px;right:14px}.trash-zone{color:#ffffff80;pointer-events:none;z-index:40;background:linear-gradient(90deg,#c832324d,#0000);justify-content:center;align-items:center;width:14%;min-width:56px;font-size:30px;transition:background .15s,color .15s;display:flex;position:fixed;top:0;bottom:0;left:0}.trash-zone.armed{color:#fff;background:linear-gradient(90deg,#dc2d2dcc,#dc2d2d14)}.trash-confirm{z-index:60;color:#f6f2e9;background:#12100db8;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:16px;display:flex;position:fixed;inset:0}.trash-confirm .trash-actions{gap:12px;display:flex}.trash-confirm button{color:#f6f2e9;background:#4a443c;border:none;border-radius:12px;padding:8px 18px;font-size:16px}.trash-confirm button.danger{color:#fff;background:#c83232}