:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f0e8;--ink:#1c1c1c;--muted:#6e6a61;--panel:#fffdfa;--line:#ded8cc;--accent:#2364aa;--accent-dark:#174574;--danger:#bd3434;--radius-object:8px;--radius-control:6px;--shadow:0 14px 36px #231f1a1f}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.auth-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-object);box-shadow:var(--shadow);gap:18px;width:100%;max-width:420px;padding:26px;display:grid}.auth-panel h1{margin:0;font-size:28px;line-height:1.1}.auth-panel p{color:var(--muted);margin:0;line-height:1.45}.form-grid{gap:12px;display:grid}.field{gap:6px;display:grid}.field span{color:var(--muted);font-size:13px}.input,.textarea,.select{border:1px solid var(--line);border-radius:var(--radius-control);color:var(--ink);background:#fff;width:100%;min-height:42px;padding:10px 12px}.textarea{resize:vertical;min-height:96px}.button{background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-control);color:#fff;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 14px;font-weight:700;display:inline-flex}.button:hover{background:var(--accent-dark)}.button.secondary{border-color:var(--line);color:var(--ink);background:#fff}.button.danger{background:var(--danger);border-color:var(--danger)}.error{color:var(--danger);min-height:18px;font-size:14px}.canvas-app{height:100vh;position:relative;overflow:hidden}.canvas-topbar,.canvas-toolbar,.zoom-controls,.inspector,.floating-error{border:1px solid var(--line);box-shadow:var(--shadow);z-index:100;background:#fffdfaf0;position:fixed}.canvas-topbar{border-radius:var(--radius-object);align-items:center;gap:12px;padding:10px 12px;display:flex;top:16px;left:16px}.brand{letter-spacing:0;font-size:17px;font-weight:800}.canvas-toolbar{border-radius:var(--radius-object);flex-direction:column;gap:8px;padding:8px;display:flex;top:78px;left:16px}.zoom-controls{border-radius:var(--radius-object);align-items:center;gap:8px;padding:8px;display:flex;bottom:16px;right:16px}.zoom-slider{accent-color:var(--accent);width:150px}.zoom-value{color:var(--muted);text-align:right;min-width:44px;font-size:13px}.zoom-reset{min-height:40px;padding:8px 10px}.icon-button{border:1px solid var(--line);border-radius:var(--radius-control);color:var(--ink);background:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-button:hover,.icon-button.active{border-color:var(--accent);color:var(--accent)}.canvas-viewport{touch-action:none;width:100%;height:100%;overflow:auto}.canvas-stage{cursor:grab;touch-action:none;background-color:#f8f5ee;background-image:linear-gradient(#231f1a14 1px,#0000 1px),linear-gradient(90deg,#231f1a14 1px,#0000 1px);background-size:48px 48px;position:relative}.canvas-stage:active{cursor:grabbing}.canvas-content{touch-action:none;transform-origin:0 0;width:7000px;height:5000px;position:relative}.canvas-guide{background:var(--accent);opacity:.72;pointer-events:none;z-index:80;position:absolute}.guide-x{width:1px;top:0;bottom:0}.guide-y{height:1px;left:0;right:0}.canvas-empty{color:var(--muted);font-size:18px;position:absolute;top:45vh;left:50vw}.canvas-item{border-radius:var(--radius-object);background:#fffdfa;border:1px solid #231f1a1f;position:absolute;overflow:hidden;box-shadow:0 8px 24px #231f1a1f}.canvas-item.type-headline{box-shadow:none;background:0 0;border-color:#0000;overflow:visible}.canvas-item.editable{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-item.selected{outline:2px solid var(--accent);outline-offset:2px}.canvas-item.type-headline.selected{outline:none}.canvas-item.type-headline.selected .item-headline{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-object)}.item-inner{width:100%;height:100%;overflow:hidden}.type-headline .item-inner{overflow:visible}.item-text{overflow-wrap:anywhere;white-space:pre-wrap;padding:16px;line-height:1.4}.item-headline{overflow-wrap:normal;white-space:nowrap;padding:14px 16px;font-weight:800;line-height:1.08;display:inline-block}.headline-small{font-size:28px}.headline-medium{font-size:42px}.headline-large{font-size:64px}.item-image{object-fit:cover;width:100%;height:100%;display:block}.canvas-item.editable .item-image{-webkit-user-drag:none;pointer-events:none;-webkit-user-select:none;user-select:none}.item-link{flex-direction:column;height:100%;text-decoration:none;display:flex}.item-link-image{object-fit:cover;background-color:#d8d2c7;background-position:50%;background-size:cover;flex:0 0 48%;width:100%;min-height:0;display:block}.item-link-copy{gap:6px;min-height:0;padding:14px 16px 16px;display:grid}.item-link small{color:var(--muted);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.item-link strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;line-height:1.15;display:-webkit-box;overflow:hidden}.item-link p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.item-link span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.item-video,.item-video iframe{border:0;width:100%;height:100%;display:block}.item-edit-cover{z-index:2;position:absolute;inset:0}.item-start-marker{background:var(--accent);color:#fff;pointer-events:none;z-index:3;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:6px;left:6px}.resize-handle{background:var(--accent);cursor:nwse-resize;z-index:3;border:2px solid #fff;border-radius:999px;width:14px;height:14px;position:absolute;bottom:6px;right:6px}.inspector{border-radius:var(--radius-object);gap:12px;width:min(340px,100vw - 32px);max-height:calc(100vh - 32px);padding:14px;display:grid;top:16px;right:16px;overflow:auto}.inspector h2{margin:0;font-size:16px}.inspector p{color:var(--muted);margin:0;line-height:1.35}.floating-error{border-radius:var(--radius-object);color:var(--danger);padding:12px 14px;bottom:16px;left:16px}.button-row{flex-wrap:wrap;gap:8px;display:flex}.format-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.inline-field{grid-column:span 3}.modal-backdrop{z-index:500;background:#1c1c1c61;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-object);box-shadow:var(--shadow);gap:14px;width:min(560px,100%);max-height:calc(100vh - 40px);padding:18px;display:grid;overflow:auto}.modal-head{gap:6px;display:grid}.modal-head h2{margin:0;font-size:22px}.modal-head p{color:var(--muted);margin:0;line-height:1.4}.type-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.type-button{border:1px solid var(--line);border-radius:var(--radius-control);color:var(--ink);background:#fff;place-items:center;gap:6px;min-height:72px;padding:10px 8px;display:grid}.type-button:hover,.type-button.active{border-color:var(--accent);color:var(--accent)}.modal-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (max-width:760px){.canvas-toolbar{flex-direction:row;inset:auto 12px 12px}.zoom-controls{width:min(360px,100vw - 24px);bottom:12px;left:auto;right:12px}.zoom-slider{flex:1;width:auto}.canvas-topbar{top:12px;left:12px}.inspector{max-height:45vh;top:auto;bottom:68px;right:12px}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-actions{flex-direction:column;align-items:stretch}}