@import "https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#594734;--ink-strong:#2d1f14;--muted:#8a735b;--paper:#fff8e8;--app-accent:#ffb3c62e;--app-bg-start:#fffaf0;--app-bg-end:#f4efe3;--canvas-bg:#f7f0df;--canvas-dot:#3f301f2e;--canvas-grid:#785c3414;--panel-border:#4836202e;--panel-shadow:0 18px 50px #43311521;--panel-bg:#fffaefc7;--panel-bg-strong:#fffaefdb;--panel-bg-soft:#fffaefd1;--divider:#48362029;--surface-bg:#ffffff94;--surface-bg-strong:#fffc;--surface-border:#48362026;--surface-border-soft:#4836201f;--surface-border-strong:#4836204d;--surface-shadow-hover:0 8px 24px #4331151f;--card-shadow-hover:0 8px 18px #4331151a;--focus-ring:#ff956e73;--active-ink:#412814;--active-bg:#ffe0b2;--active-border:#834c1b47;--active-shadow:inset 0 -3px 0 #834c1b1f;--active-bg-soft:#fff0d2;--active-shadow-soft:inset 0 -2px 0 #834c1b1f;--workspace-active-bg:#fff4c8;--workspace-active-border:#834c1b42;--workspace-active-shadow:inset 0 -2px 0 #834c1b1a;--tool-icon-fill:#ffffff38;--ink-stroke:#1f1f1f;--selection-outline:#ff8c59b8;--selection-area-border:#ff8252eb;--selection-area-bg:#ffbd9129;--selection-area-shadow:0 0 0 5px #fff5e13d;--multi-selection-border:#62461f80;--multi-selection-shadow:0 0 0 7px #fff4c83d;--note-shadow:0 18px 40px #47341829;--note-inset:#ffffff14;--note-rule:#5b48261f;--note-sheen:#ffffff59;--slide-fill:#fffdf8;--slide-stroke:#5b4826;--slide-sheen-start:#ffffffd1;--slide-sheen-end:#ffffff14;--slide-inner-border:#5b48263d;--slide-inset:#ffffff73;--slide-badge-bg:#ffffffb8;--slide-badge-border:#5b48262e;--slide-badge-ink:#5b4826d1;--task-accent:#8f6b2b;--text-strike:#45372594;--placeholder:#45372575;--resize-border:#56381c85;--resize-bg:#fff4c8;--resize-shadow:0 6px 16px #4331152e;--mono:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;--hand:"Klee One", "Hiragino Maru Gothic ProN", "Yu Gothic", "Comic Sans MS", cursive;font-family:var(--hand);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#d7c7b5;--ink-strong:#f4eadb;--muted:#a69179;--paper:#17120d;--app-accent:#784fa729;--app-bg-start:#1b1611;--app-bg-end:#120f0b;--canvas-bg:#19140f;--canvas-dot:#f0dfc61f;--canvas-grid:#f0dfc60f;--panel-border:#ffffff14;--panel-shadow:0 18px 50px #00000059;--panel-bg:#1f1913d1;--panel-bg-strong:#1f1913e6;--panel-bg-soft:#1f1913e0;--divider:#ffffff14;--surface-bg:#ffffff0f;--surface-bg-strong:#ffffff14;--surface-border:#ffffff1a;--surface-border-soft:#ffffff14;--surface-border-strong:#ffffff2e;--surface-shadow-hover:0 8px 24px #00000047;--card-shadow-hover:0 8px 18px #0003;--focus-ring:#ffb06f59;--active-ink:#1a120d;--active-bg:#f0c178;--active-border:#f0c17880;--active-shadow:inset 0 -3px 0 #4d2e0d40;--active-bg-soft:#f0c17833;--active-shadow-soft:inset 0 -2px 0 #f0c1782e;--workspace-active-bg:#f1c67e;--workspace-active-border:#f1c67e80;--workspace-active-shadow:inset 0 -2px 0 #4d2e0d38;--tool-icon-fill:#ffffff14;--ink-stroke:#fff;--selection-outline:#ffb06fb8;--selection-area-border:#ffb06feb;--selection-area-bg:#ffb06f24;--selection-area-shadow:0 0 0 5px #221c155c;--multi-selection-border:#f5d6a373;--multi-selection-shadow:0 0 0 7px #221c155c;--note-shadow:0 18px 40px #0000003d;--note-inset:#ffffff0a;--note-rule:#b08a532e;--note-sheen:#ffffff14;--slide-fill:#211a14;--slide-stroke:#f4eadb;--slide-sheen-start:#ffffff14;--slide-sheen-end:#ffffff05;--slide-inner-border:#f4eadb33;--slide-inset:#ffffff14;--slide-badge-bg:#f4eadb1f;--slide-badge-border:#f4eadb2e;--slide-badge-ink:#f4eadbd6;--task-accent:#d1a95c;--text-strike:#d7c7b594;--placeholder:#d7c7b56b;--resize-border:#ffd4a073;--resize-bg:#3a2a16;--resize-shadow:0 6px 16px #00000059}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100svh}body{color:var(--ink);background:var(--paper);margin:0;overflow:hidden}button,textarea,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.notebook-app{min-height:100svh;color:var(--ink);background:radial-gradient(circle at top left, var(--app-accent), transparent 32rem), linear-gradient(135deg, var(--app-bg-start) 0%, var(--app-bg-end) 100%);position:relative;overflow:hidden}.canvas-stage{cursor:default;touch-action:none;background-color:var(--canvas-bg);background-image:radial-gradient(circle, var(--canvas-dot) 1px, transparent 1px), linear-gradient(var(--canvas-grid) 1px, transparent 1px), linear-gradient(90deg, var(--canvas-grid) 1px, transparent 1px);background-position:0 0,0 0,0 0;background-size:20px 20px,80px 80px,80px 80px;position:fixed;inset:0}.canvas-stage.is-slideshow{background:radial-gradient(circle at top,#ffe3a814,#0000 32rem),#110d09}.canvas-stage.is-slideshow.laser-enabled{cursor:none}.canvas-stage.is-panning{cursor:grabbing}.canvas-stage.tool-pan,.canvas-stage.tool-pan .canvas-item{cursor:grab}.canvas-stage.tool-pencil,.canvas-stage.tool-line,.canvas-stage.tool-arrow,.canvas-stage.tool-eraser,.canvas-stage.tool-rect,.canvas-stage.tool-ellipse,.canvas-stage.tool-diamond,.canvas-stage.tool-slide,.canvas-stage.tool-webEmbed,.canvas-stage.tool-pencil .canvas-item,.canvas-stage.tool-line .canvas-item,.canvas-stage.tool-arrow .canvas-item,.canvas-stage.tool-eraser .canvas-item,.canvas-stage.tool-rect .canvas-item,.canvas-stage.tool-ellipse .canvas-item,.canvas-stage.tool-diamond .canvas-item,.canvas-stage.tool-slide .canvas-item,.canvas-stage.tool-webEmbed .canvas-item,.canvas-stage.is-selecting{cursor:crosshair}.canvas-world{transform-origin:0 0;width:1px;height:1px;position:absolute;inset:0 auto auto 0}.canvas-stage.is-slideshow .canvas-world{transition:transform .36s cubic-bezier(.2,.72,.2,1)}.toolbar,.inspector,.zoom-controls{z-index:30;border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:fixed}.app-menu{z-index:35;position:fixed;top:12px;left:12px}.toolbar{background:var(--panel-bg);border-radius:18px;flex-wrap:nowrap;align-items:center;gap:6px;width:auto;max-width:calc(100vw - 84px);padding:6px;display:flex;top:12px;left:50%;transform:translate(-50%)}.toolbar .tool-strip,.toolbar .toolbar-actions{flex-wrap:nowrap}.tool-strip,.toolbar-actions,.zoom-controls,.app-menu-panel{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-button,.app-menu-button,.app-menu-item,.toolbar-actions button,.zoom-controls button{border:1px solid var(--surface-border);color:var(--ink);background:var(--surface-bg);cursor:pointer;border-radius:999px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.tool-button:hover,.app-menu-button:hover,.app-menu-item:hover,.toolbar-actions button:hover,.zoom-controls button:hover{border-color:var(--surface-border-strong);box-shadow:var(--surface-shadow-hover);transform:translateY(-1px)}.tool-button:focus-visible,.app-menu-button:focus-visible,.app-menu-item:focus-visible,.toolbar-actions button:focus-visible,.zoom-controls button:focus-visible,.resize-handle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.app-menu-button{background:var(--panel-bg);width:46px;height:46px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;place-items:center;padding:0;display:inline-grid}.app-menu-button.is-active{color:var(--active-ink);background:var(--active-bg);border-color:var(--active-border);box-shadow:var(--active-shadow)}.app-menu-panel{border:1px solid var(--panel-border);background:var(--panel-bg-strong);min-width:220px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);left:0}.app-menu-item{border-radius:14px;justify-content:flex-start;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 14px;font-size:14px;display:flex}.app-menu-item-text{min-width:0}.app-menu-item-shortcut{color:var(--muted);font-family:var(--mono);letter-spacing:.02em;margin-left:auto;font-size:12px}.app-menu-item:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.app-menu-item.is-danger{color:#b9523c}.tool-button{place-items:center;width:34px;height:34px;padding:0;font-size:0;display:inline-grid}.tool-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:18px;height:18px}.tool-icon path:first-child:last-child,.tool-icon rect,.tool-icon ellipse{fill:var(--tool-icon-fill)}.tool-button small,.tool-button span{display:none}.tool-button.is-active{color:var(--active-ink);background:var(--active-bg);border-color:var(--active-border);box-shadow:var(--active-shadow)}.toolbar-actions button,.zoom-controls button{padding:8px 13px;font-size:14px}.toolbar-actions{border-left:1px solid var(--divider);padding-left:6px}.toolbar-actions .action-button{place-items:center;width:34px;height:34px;padding:0;display:inline-grid}.toolbar-actions button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.file-picker-input{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.template-modal-backdrop,.export-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e0a0761;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.template-modal{border:1px solid var(--panel-border);background:var(--panel-bg-strong);width:min(1080px,100vw - 56px);max-height:calc(100vh - 56px);box-shadow:var(--panel-shadow);border-radius:34px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.template-modal-header{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 26px 20px;display:flex}.template-modal-header h2{color:var(--ink-strong);margin:6px 0 0;font-size:26px;line-height:1.05}.template-modal-copy{max-width:60ch;color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.5}.template-modal-body{gap:24px;padding:22px 26px 28px;display:grid;overflow:auto}.template-section{gap:14px;display:grid}.template-section-header{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.template-section-header h3{color:var(--ink-strong);margin:4px 0 0;font-size:17px}.template-card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.template-card{border:1px solid var(--surface-border);background:linear-gradient(180deg, #ffffff57, #ffffff14), var(--surface-bg);min-height:250px;box-shadow:var(--surface-shadow);border-radius:24px;align-content:start;gap:14px;padding:18px;display:grid}.template-card-business{background:linear-gradient(180deg, #fff0d69e, #ffffff14), var(--surface-bg)}.template-card-engineering{background:linear-gradient(180deg, #deebff9e, #ffffff14), var(--surface-bg)}.template-card-education{background:linear-gradient(180deg, #e7f6e29e, #ffffff14), var(--surface-bg)}.template-card-head{gap:10px;display:grid}.template-card-badge{border:1px solid var(--surface-border-strong);width:fit-content;min-height:26px;color:var(--ink-strong);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#ffffff75;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:11px;display:inline-flex}.template-card h4{color:var(--ink-strong);margin:0;font-size:20px;line-height:1.1}.template-card-description{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.template-card-highlights{gap:8px;min-height:0;display:grid}.template-card-highlights p{color:var(--ink);margin:0;padding-left:16px;font-size:13px;line-height:1.45;position:relative}.template-card-highlights p:before{content:"";opacity:.55;background:currentColor;border-radius:999px;width:7px;height:7px;position:absolute;top:.52em;left:0}.template-use-button{border:1px solid var(--surface-border);min-height:42px;color:var(--ink-strong);box-shadow:var(--surface-shadow);cursor:pointer;background:#ffffff80;border-radius:14px;align-self:end;padding:0 16px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.template-use-button:hover{border-color:var(--surface-border-strong);box-shadow:var(--surface-shadow-hover);transform:translateY(-1px)}.template-use-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.export-modal{border:1px solid var(--panel-border);background:var(--panel-bg-strong);width:min(980px,100vw - 56px);max-height:calc(100vh - 56px);box-shadow:var(--panel-shadow);border-radius:34px;grid-template-columns:minmax(320px,1.2fr) minmax(280px,.9fr);display:grid;overflow:hidden}.export-preview-panel,.export-controls-panel{min-width:0}.export-preview-panel{border-right:1px solid var(--divider);grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:24px 24px 22px;display:grid}.export-preview-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.export-preview-header h2{color:var(--ink-strong);margin:6px 0 0;font-size:26px;line-height:1.05}.export-close-button{border:1px solid var(--surface-border);width:36px;height:36px;color:var(--ink);background:var(--surface-bg);cursor:pointer;border-radius:999px;place-items:center;display:inline-grid}.export-preview-stage{border:1px solid var(--surface-border-soft);background-color:#0000;background-image:linear-gradient(45deg,#7f7f7f1f 25%,#0000 25% 75%,#7f7f7f1f 75%),linear-gradient(45deg,#7f7f7f1f 25%,#0000 25% 75%,#7f7f7f1f 75%);background-position:0 0,16px 16px;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:28px;min-height:320px;position:relative;overflow:hidden}.export-preview-stage:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.export-preview-image{object-fit:contain;width:100%;height:100%;display:block}.export-preview-empty{width:100%;height:100%;color:var(--muted);text-align:center;place-items:center;padding:24px;display:grid}.export-preview-meta{color:var(--muted);font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.export-render-capture{opacity:0;pointer-events:none;width:0;height:0;position:fixed;top:0;left:-20000px;overflow:hidden}.export-render-surface{position:relative}.export-controls-panel{grid-template-rows:1fr auto;gap:22px;padding:30px 26px 24px;display:grid}.export-toggle-row{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;gap:18px;padding:15px 0;display:flex}.export-toggle-row:first-child{padding-top:0}.export-toggle-row.is-disabled{opacity:.5}.export-toggle-copy{gap:5px;display:grid}.export-toggle-copy strong{color:var(--ink-strong);font-size:15px}.export-toggle-copy span{color:var(--muted);font-size:13px;line-height:1.45}.export-toggle{flex:none;align-items:center;display:inline-flex;position:relative}.export-toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.export-toggle-track{background:#80746647;border-radius:999px;width:52px;height:30px;transition:background .14s;display:inline-flex;position:relative}.export-toggle-track:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .14s;position:absolute;top:4px;left:4px;box-shadow:0 4px 14px #0000002e}.export-toggle input:checked+.export-toggle-track{background:var(--active-bg)}.export-toggle input:checked+.export-toggle-track:after{transform:translate(22px)}.export-toggle input:disabled{cursor:not-allowed}.export-toggle input:focus-visible+.export-toggle-track{outline:3px solid var(--focus-ring);outline-offset:3px}.export-error{color:#d26b55;margin:0;font-size:13px;line-height:1.45}.export-action-row{flex-wrap:wrap;gap:10px;display:flex}.export-action-button{border:1px solid var(--surface-border);min-width:88px;color:var(--ink);background:var(--surface-bg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:11px 16px;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;display:inline-flex}.export-action-button.is-wide{flex:100%}.export-action-button:hover{border-color:var(--surface-border-strong);box-shadow:var(--surface-shadow-hover);transform:translateY(-1px)}.export-action-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.inspector{background:var(--panel-bg-strong);border-radius:30px;width:min(320px,100vw - 36px);max-height:calc(100vh - 120px);padding:20px;top:74px;left:18px;overflow:auto}.inspector.is-empty{display:none}.eyebrow{color:var(--muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:12px}.inspector h1{color:var(--ink-strong);letter-spacing:-.05em;margin:0 0 16px;font-size:30px;line-height:1}.hint-copy{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.55}.style-card{border:1px solid var(--surface-border-soft);background:var(--surface-bg);border-radius:22px;gap:10px;margin-top:14px;padding:14px;display:grid}.style-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.style-card-header strong{color:var(--ink-strong);font-size:14px;font-weight:600}.style-swatch-row,.style-chip-row{flex-wrap:wrap;gap:8px;display:flex}.style-swatch,.style-chip{border:1px solid var(--divider);color:var(--ink);background:var(--surface-bg-strong);cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s}.style-swatch:hover,.style-chip:hover{border-color:var(--surface-border-strong);box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.style-swatch{border-radius:999px;width:36px;height:36px;padding:4px}.style-swatch span{border:1px solid var(--surface-border-soft);background:0 0;border-radius:999px;width:100%;height:100%;display:block}.style-swatch .swatch-clear{background:linear-gradient(135deg,#0000 44%,#c95454f2 45% 55%,#0000 56%),linear-gradient(135deg,#fffffff2,#f6eee0f2);position:relative}.style-swatch.is-active,.style-chip.is-active{border-color:var(--active-border);background:var(--active-bg-soft);box-shadow:var(--active-shadow-soft)}.style-chip{border-radius:999px;min-width:58px;padding:8px 12px;font-size:13px;font-weight:600}.style-field{gap:8px;display:grid}.style-field-label{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.style-input{border:1px solid var(--surface-border-soft);width:100%;min-height:42px;color:var(--ink);background:var(--surface-bg-strong);font:inherit;border-radius:14px;padding:0 14px}.style-input:focus-visible{outline:2px solid var(--selection-outline);outline-offset:2px}.style-inline-actions{flex-wrap:wrap;gap:8px;display:flex}.zoom-controls{background:var(--panel-bg-soft);border-radius:24px;gap:8px;padding:10px;display:grid;bottom:18px;right:18px}.zoom-row,.theme-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.theme-row{border-top:1px solid var(--divider);padding-top:8px}.theme-label{color:var(--muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.theme-button{min-width:62px;padding:7px 11px;font-size:12px}.theme-button.is-active{color:var(--active-ink);background:var(--active-bg);border-color:var(--active-border);box-shadow:var(--active-shadow)}.zoom-controls span{min-width:52px;color:var(--ink-strong);font-family:var(--mono);text-align:center;font-size:13px}.slideshow-hud{z-index:45;justify-items:end;gap:10px;display:grid;position:fixed;top:16px;right:16px}.slideshow-chip,.slideshow-actions{color:#fff6e6eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0805b3;border:1px solid #fff5e71f;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:flex}.slideshow-chip{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.slideshow-actions button{min-height:34px;color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #fff5e724;border-radius:999px;padding:0 14px}.slideshow-actions button.is-active{background:#ff5b5b2e;border-color:#ff7f7f75;box-shadow:0 0 0 1px #ff6d6d1f}.slideshow-actions button:disabled{cursor:not-allowed;opacity:.42}.canvas-item{z-index:1;color:var(--ink);cursor:move;-webkit-user-select:none;user-select:none;transform-origin:0 0;transition:box-shadow .16s,filter .16s,opacity .16s;position:absolute}.canvas-item:active{cursor:move}.canvas-item.is-selected{z-index:10;filter:saturate(1.04)}.canvas-item.is-editing,.canvas-item.is-editing:active{cursor:text}.canvas-item.is-draft{z-index:15;pointer-events:none;opacity:.78}.canvas-stage.is-slideshow .canvas-item.is-slideshow-hidden{opacity:0;pointer-events:none}.canvas-item.is-erase-preview .item-content,.canvas-item.is-erase-preview .diamond-fill,.canvas-item.is-erase-preview .path-item{opacity:.3;filter:saturate(.65)}.area-selection,.multi-selection-bounds{pointer-events:none;border-radius:18px;position:absolute}.area-selection{z-index:40;border:1.6px dashed var(--selection-area-border);background:var(--selection-area-bg);box-shadow:var(--selection-area-shadow)}.multi-selection-bounds{z-index:35;border:1.7px dashed var(--multi-selection-border);box-shadow:var(--multi-selection-shadow)}.item-content{z-index:2;border:var(--item-stroke-width) var(--item-stroke-style) var(--item-stroke);background:var(--item-fill);width:100%;height:100%;text-align:var(--item-text-align);padding:22px 24px;display:flex;position:relative;overflow:visible}.item-note .item-content,.item-text .item-content{border-radius:22px 26px 24px 19px}.item-slide .item-content{box-shadow:0 24px 60px #0000002e, inset 0 0 0 1px var(--slide-inset);background:linear-gradient(180deg, var(--slide-sheen-start), var(--slide-sheen-end)), var(--item-fill);border-radius:34px;padding:0;overflow:hidden}.item-note .item-content{box-shadow:var(--note-shadow), inset 0 0 0 999px var(--note-inset);background-image:linear-gradient(var(--note-rule) 1px, transparent 1px), linear-gradient(90deg, var(--note-sheen), #fff0);background-position:0 46px,0 0;background-size:100% 32px,100% 100%}.item-text .item-content{box-shadow:none;padding:12px 14px 18px}.item-image .item-content{box-shadow:none;border-radius:22px;padding:0;overflow:hidden}.item-webEmbed .item-content{box-shadow:none;border-radius:24px;padding:0;overflow:hidden}.slide-frame-shell{width:100%;height:100%;position:relative}.slide-frame-shell:after{content:"";border:1px dashed var(--slide-inner-border);border-radius:24px;position:absolute;inset:28px}.slide-frame-badge{z-index:2;border:1px solid var(--slide-badge-border);background:var(--slide-badge-bg);min-height:28px;color:var(--slide-badge-ink);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;display:inline-flex;position:absolute;top:18px;left:18px}.item-text.is-selected .item-content{outline-offset:3px;outline-style:dashed}.item-rect .item-content{text-align:var(--item-text-align);box-shadow:none;border-radius:22px;place-items:center;display:grid}.item-ellipse .item-content{text-align:var(--item-text-align);box-shadow:none;border-radius:999px;place-items:center;display:grid}.item-diamond{place-items:center;display:grid}.item-diamond .item-content{box-shadow:none;text-align:var(--item-text-align);background:0 0;border:0;place-items:center;display:grid}.diamond-fill{z-index:1;border:var(--item-stroke-width) var(--item-stroke-style) var(--item-stroke);background:var(--item-fill);border-radius:22px;position:absolute;inset:16%;rotate:45deg}.canvas-item.is-selected .item-content,.canvas-item.is-selected .diamond-fill,.canvas-item.is-selected .path-item{outline:2px solid var(--selection-outline);outline-offset:5px}.item-editor{width:100%;min-height:100%}.item-rect .item-editor,.item-ellipse .item-editor,.item-diamond .item-editor{place-items:center;min-height:auto;display:grid}.item-editor-surface{width:100%;min-height:100%;color:var(--ink);font-family:var(--item-font-family);font-size:var(--item-font-size);text-align:var(--item-text-align);white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;outline:0;line-height:1.5}.item-editor-surface p,.item-editor-surface ul,.item-editor-surface ol{margin:0}.image-item{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;background:0 0;width:100%;height:100%;display:block}.web-embed-shell{background:linear-gradient(180deg, #ffffffe6, #f7f1e5b8), var(--item-fill);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;display:grid}.web-embed-toolbar{background:#ffffffb8;border-bottom:1px solid #5b482624;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:10px 14px;display:flex}.web-embed-label{color:#352612d1;min-width:0;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.web-embed-url-input{color:#352612e6;min-width:0;height:32px;font:inherit;background:#ffffffeb;border:1px solid #5b482629;border-radius:999px;flex:auto;padding:0 12px;font-size:12px}.web-embed-url-input:focus-visible{outline-offset:1px;outline:2px solid #5773c461}.web-embed-open-button{color:#352612e0;min-height:30px;font:inherit;cursor:pointer;background:#ffffffe0;border:1px solid #5b48262e;border-radius:999px;padding:0 12px;font-size:12px;font-weight:600}.web-embed-open-button:disabled{cursor:not-allowed;opacity:.46}.web-embed-frame{background:#ffffffb8;border:0;width:100%;height:100%}.web-embed-frame-youtube{background:#090909}.web-embed-social{background:linear-gradient(180deg, #ffffffc7, #f7f1e5e6), var(--item-fill);height:100%;padding:18px;overflow:auto}.web-embed-social-x{align-content:start;justify-items:center;display:grid}.web-embed-social-x>*{max-width:100%}.web-embed-placeholder{color:#352612c2;text-align:center;background:linear-gradient(135deg, #fff9, #fff3dbeb), repeating-conic-gradient(from 45deg, #5b48260d 0 25%, transparent 0 50%) 50% / 18px 18px;align-content:center;justify-items:center;gap:10px;height:100%;padding:28px;display:grid}.web-embed-placeholder strong{color:#352612eb;font-size:18px}.web-embed-placeholder span{max-width:28ch;line-height:1.5}.item-editor-surface p+p,.item-editor-surface p+ul,.item-editor-surface p+ol,.item-editor-surface ul+p,.item-editor-surface ol+p{margin-top:10px}.item-editor-surface ul,.item-editor-surface ol{padding-left:1.25em}.item-editor-surface li+li{margin-top:4px}.item-editor-surface li p{margin:0}.item-editor-surface ul[data-type=taskList]{padding-left:0;list-style:none}.item-editor-surface li[data-type=taskItem]{align-items:flex-start;gap:8px;display:flex}.item-editor-surface li[data-type=taskItem]>label{flex:none;justify-content:center;align-items:center;margin-top:.34em;display:flex}.item-editor-surface li[data-type=taskItem]>label>span{display:none}.item-editor-surface li[data-type=taskItem]>label input{width:.86em;height:.86em;accent-color:var(--task-accent);margin:0}.item-editor-surface li[data-type=taskItem]>div{flex:auto;min-width:0}.item-editor-surface li[data-type=taskItem][data-checked=true]>div{color:var(--text-strike);text-decoration:line-through}.item-editor-surface a{color:color-mix(in srgb, var(--ink-strong) 74%, #2066d8 26%);text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:1.5px}.item-editor-surface[contenteditable=false] li[data-type=taskItem]>label{pointer-events:none}.item-editor-surface p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--placeholder)}.path-item{fill:none;pointer-events:none;display:block;overflow:visible}.path-item polyline,.path-item path{fill:none;stroke:var(--item-stroke);stroke-width:var(--item-stroke-width);stroke-dasharray:var(--item-stroke-dash);stroke-linecap:round;stroke-linejoin:round}.resize-handle{z-index:5;border:2px solid var(--resize-border);background:var(--resize-bg);width:23px;height:23px;box-shadow:var(--resize-shadow);cursor:nwse-resize;border-radius:999px;position:absolute;bottom:-11px;right:-11px}.slideshow-focus-frame{z-index:25;pointer-events:none;border-radius:34px;position:absolute;box-shadow:0 0 0 1px #fff4e685,0 30px 90px #00000057}.laser-pointer{z-index:80;pointer-events:none;filter:drop-shadow(0 0 10px #ff2020ad);background:radial-gradient(circle,#fff8f8fa 0 10%,#ff4a4afa 20%,#ff4a4a6b 44%,#ff4a4a1f 62%,#0000 76%);border-radius:999px;width:36px;height:36px;position:fixed;top:-18px;left:-18px;box-shadow:0 0 0 1px #ffffff57,0 0 16px #ff3636b8}@media (width<=900px){.app-menu{top:10px;left:10px}.toolbar{border-radius:18px;max-width:calc(100vw - 72px);top:10px;overflow-x:auto}.inspector{width:min(320px,100vw - 20px);top:auto;bottom:82px;left:10px}.zoom-controls{bottom:10px;right:10px}.slideshow-hud{justify-items:stretch;top:10px;left:10px;right:10px}.slideshow-chip,.slideshow-actions{flex-wrap:wrap;justify-content:space-between}.template-modal-backdrop,.export-modal-backdrop{padding:10px}.template-modal{width:min(760px,100vw - 20px);max-height:calc(100vh - 20px)}.template-modal-header{padding:20px 20px 16px}.template-modal-body{padding:18px 20px 20px}.export-modal{grid-template-columns:1fr;width:min(680px,100vw - 20px);max-height:calc(100vh - 20px)}.export-preview-panel{border-right:0;border-bottom:1px solid var(--divider)}.export-preview-stage{min-height:240px}.export-controls-panel{grid-template-rows:auto auto}}