*{box-sizing:border-box}body,html{margin:0;height:100%;font-family:Aptos,Segoe UI,Verdana,sans-serif;background:#f5f1e8;color:#1f2937}.spark{height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#c43b1c;color:white;padding:0 14px;grid-gap:12px;gap:12px}.topbar>div{display:flex;align-items:center;gap:8px;min-width:0}.topbar>div:last-child{justify-content:flex-end}.topbar img{width:30px;height:30px;border-radius:9px}.topbar button,.topbar select{border:0;border-radius:9px;background:rgba(255,255,255,.16);color:white;height:34px;padding:0 11px}.topbar option{color:#111}.topbar svg{width:18px;height:18px}.topbar input{background:transparent;border:0;color:white;text-align:center;font-weight:700;min-width:220px}.tabs{height:38px;display:flex;align-items:end;background:#f8fafc;border-bottom:1px solid #d6d3ca;overflow-x:auto;padding:0 12px}.tabs button{height:36px;background:transparent;border:0;padding:0 14px;font-weight:700;color:#202633;white-space:nowrap}.tabs button.active{color:#b7351b;border-bottom:3px solid #c43b1c}.ribbonShell{height:108px;position:relative;background:white;border-bottom:1px solid #d6d3ca;box-shadow:0 1px 3px rgba(0,0,0,.08);display:grid;grid-template-columns:40px 1fr 40px;z-index:20;overflow:visible}.ribbonShell>button{border:0;background:white}.ribbon{height:100%;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.ribbon::-webkit-scrollbar{display:none}.row{height:100%;align-items:stretch}.group,.row{display:flex}.group{border-right:1px solid #e4e2dc;min-width:max-content;padding:8px 10px 5px;flex-direction:column;justify-content:space-between}.group.wide{min-width:270px}.group>div{display:flex;align-items:center;gap:7px}.group small{text-align:center;font-size:12px;color:#6b7280}.tool{height:60px;min-width:60px;border:0;border-radius:9px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:#1f2937}.tool.active,.tool:hover{background:#f4e9e4}.tool:disabled{opacity:.35}.tool svg{width:23px;height:23px}.group input,.group select{height:31px;border:1px solid #d1d5db;border-radius:8px;padding:0 8px;background:white}.drop{position:relative}.dropMenu{position:fixed;background:white;border:1px solid #d1d5db;box-shadow:0 18px 40px rgba(15,23,42,.22);border-radius:12px;z-index:99999;min-width:190px;padding:7px}.dropMenu button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:white;border-radius:8px;padding:9px;color:#111}.dropMenu button:hover{background:#f3f4f6}.dropMenu svg{width:18px}.theme{width:88px;height:56px;border:2px solid;border-radius:9px;font-size:28px;text-align:left;padding:6px}.theme i{display:block;width:50px;height:5px;margin-top:6px}.work{flex:1 1;min-height:0;display:grid;grid-template-columns:210px 1fr 320px;background:#f5f1e8}.work.sorter{grid-template-columns:210px 1fr}.thumbs{background:#ebe7d7;border-right:1px solid #d6d3ca;overflow:auto;padding:12px}.thumbs button{width:100%;border:2px solid transparent;background:transparent;border-radius:11px;padding:8px;display:grid;grid-template-columns:24px 1fr;grid-gap:8px;gap:8px;align-items:start;margin-bottom:8px}.thumbs button.active{border-color:#c43b1c;background:#fff}.thumbs span{color:#b7351b}.mini{width:140px;height:79px;background:white;border:1px solid #d6d3ca;position:relative;overflow:hidden}.mini.big{width:260px;height:146px}.mini i,.mini span{position:absolute;font-size:5px;overflow:hidden;color:#111;background:rgba(255,255,255,.35)}.mini i{border:1px solid #94a3b8;background:#c43b1c}.stageWrap{min-width:0;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:28px}.stage{position:relative;width:960px;height:540px;flex:0 0 auto;box-shadow:0 10px 34px rgba(15,23,42,.18);transform-origin:top center;overflow:hidden}.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.notes{width:min(960px,100%);min-height:70px;margin-top:18px;border:1px solid #d1d5db;border-radius:12px;padding:12px;font-size:14px}.obj{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.obj.selected{outline:2px dashed #2563eb}.obj-text textarea{width:100%;height:100%;border:1px dashed transparent;background:transparent;resize:none;padding:6px;overflow:hidden}.obj-text.selected textarea{border-color:#60a5fa}.obj-shape .shape{width:100%;height:100%;border-style:solid}.shape-circle{border-radius:999px}.shape-triangle{-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}.shape-star{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.shape-arrow{-webkit-clip-path:polygon(0 35%,65% 35%,65% 10%,100% 50%,65% 90%,65% 65%,0 65%);clip-path:polygon(0 35%,65% 35%,65% 10%,100% 50%,65% 90%,65% 65%,0 65%)}.obj-image img,.obj-video video{width:100%;height:100%;display:block}.obj-audio audio,.obj-table table{width:100%;height:100%}.obj-table table{border-collapse:collapse;background:white}.obj-table td{border:1px solid #64748b;min-width:40px;padding:4px}.resize{position:absolute;width:11px;height:11px;border-radius:999px;border:1px solid #2563eb;background:white;z-index:4}.resize.tl{left:-6px;top:-6px}.resize.tr{right:-6px;top:-6px}.resize.bl{left:-6px;bottom:-6px}.resize.br{right:-6px;bottom:-6px}.drag-border{position:absolute;border:0;background:rgba(37,99,235,.12);z-index:3}.drag-border.bottom,.drag-border.top{left:0;width:100%;height:8px;cursor:move}.drag-border.left,.drag-border.right{top:0;height:100%;width:8px;cursor:move}.drag-border.top{top:-4px}.drag-border.bottom{bottom:-4px}.drag-border.left{left:-4px}.drag-border.right{right:-4px}.drawLayer{position:absolute;inset:0;z-index:1000}.panel{background:white;border-left:1px solid #d6d3ca;overflow:auto}.panel header{height:46px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.panel button{border:0;background:#f3f4f6;border-radius:8px;padding:8px}.panel svg{width:16px}.panelBody{padding:14px;display:grid;grid-gap:12px;gap:12px}.panelBody label{display:grid;grid-gap:5px;gap:5px}.panelBody input,.panelBody select{height:32px;border:1px solid #d1d5db;border-radius:8px;padding:0 8px}.comment{border:1px solid #e5e7eb;border-radius:10px;padding:10px}.about>img{width:74px;height:74px;border-radius:18px}footer{height:36px;background:white;border-top:1px solid #d6d3ca;display:flex;align-items:center;gap:14px;padding:0 12px;font-size:13px}footer input{width:140px}footer button{border:0;background:#f3f4f6;border-radius:7px;padding:6px 10px}.sorterGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px;width:100%;padding:20px}.sorterGrid button{border:0;background:white;border-radius:14px;padding:12px;box-shadow:0 6px 20px rgba(15,23,42,.13)}.contextMenu{position:fixed;z-index:999999;background:white;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 18px 44px rgba(15,23,42,.25);padding:7px;min-width:190px}.contextMenu button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:white;border-radius:8px;padding:9px;text-align:left}.contextMenu button:hover{background:#f3f4f6}.contextMenu .danger{color:#b91c1c}.contextMenu svg{width:18px}.show{position:fixed;inset:0;background:#111;z-index:99999;color:white;display:grid;place-items:center;cursor:none}.show.presenterMode{grid-template-columns:1fr 320px}.showSlide{width:100vw;height:56.25vw;max-height:100vh;max-width:177.78vh;position:relative;overflow:hidden}.presenterMode .showSlide{width:calc(100vw - 320px);height:calc((100vw - 320px)*.5625)}.showSlide .obj{transform:scale(calc(100vw / 960));transform-origin:top left}.presenterMode .showSlide .obj{transform:scale(calc((100vw - 320px) / 960))}.close{right:18px;top:18px;z-index:5;border:0;background:rgba(255,255,255,.18);color:white;font-size:30px;width:52px;height:52px}.close,.showControls{position:fixed;border-radius:999px}.showControls{bottom:-80px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;background:rgba(0,0,0,.55);padding:10px 14px;transition:.2s;cursor:auto}.show:hover .showControls,.showControls.visible{bottom:18px}.showControls button{border:0;border-radius:999px;padding:10px 14px}.showControls .active{background:#c43b1c;color:white}.showInk{position:absolute;inset:0;width:100%;height:100%}.presenterPanel{height:100%;background:#111827;color:white;padding:24px;overflow:auto;border-left:1px solid rgba(255,255,255,.15)}.presenterPanel button{border:0;border-radius:10px;padding:10px 14px;margin-right:8px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fly{0%{opacity:0;transform:translateX(-80px)}to{opacity:1;transform:translateX(0)}}@keyframes zoomAnim{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(-180deg)}to{transform:rotate(0)}}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes float{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes appear{0%{opacity:.2}to{opacity:1}}@media(max-width:900px){.topbar{height:128px;grid-template-columns:1fr;align-content:start}.topbar label,.topbar>div{overflow-x:auto}.work{grid-template-columns:120px 1fr}.panel{position:fixed;right:0;top:198px;bottom:36px;width:min(86vw,320px);z-index:50}.ribbonShell{height:116px}.tool{min-width:64px}.stageWrap{padding:12px}.thumbs{padding:8px}.mini{width:82px;height:46px}}@media print{.notes,.panel,.ribbonShell,.tabs,.thumbs,.topbar,footer{display:none!important}.work{display:block}.stageWrap{padding:0;overflow:visible}.stage{box-shadow:none;transform:none!important;width:100vw;height:56.25vw;page-break-after:always}}.work.noPanel,.work.sorter.noPanel{grid-template-columns:210px 1fr}.fontControls{display:flex;align-items:center;gap:7px;min-width:420px}.fontControls .fontSelect{width:210px;max-width:210px}.fontControls .fontSize{width:82px}.fontControls .fontColor{width:42px;padding:2px}.fontHint{display:block;text-align:center;color:#8b93a3;font-size:12px;margin-top:3px}.group:has(.fontControls){min-width:500px}.about.workcomAbout,.aboutCard{padding:18px}.aboutCard{display:flex;gap:18px;align-items:center;border:1px solid #dce3ef;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fafc);box-shadow:0 10px 26px rgba(15,23,42,.08)}.aboutCard .suiteLogo{width:92px;height:92px;object-fit:contain;border-radius:22px;background:#0b0b18;box-shadow:0 12px 28px rgba(15,23,42,.2)}.aboutCard h2{margin:0 0 5px;font-size:28px;letter-spacing:-.03em;color:#111827}.aboutCard b{display:block;color:#2563eb;font-size:16px;margin-bottom:8px}.aboutCard p{margin:0;color:#526070;line-height:1.5}.topbar img{object-fit:contain;background:rgba(255,255,255,.16)}@media(max-width:900px){.work.noPanel{grid-template-columns:120px 1fr}.fontControls{min-width:360px}.fontControls .fontSelect{width:170px}.group:has(.fontControls){min-width:430px}}.helpRibbon .group.wide{min-width:640px}.helpAboutCard{display:flex;align-items:center;gap:18px;min-width:610px;height:86px;text-align:left;border:1px solid #dce3ef;border-radius:12px;background:#fff;padding:12px 16px;box-shadow:0 4px 14px rgba(15,23,42,.05)}.helpAboutCard:hover{background:#f8fbff;border-color:#b8cdf8}.helpAppIcon{width:58px;height:58px;border-radius:14px;object-fit:contain;box-shadow:0 8px 18px rgba(15,23,42,.15)}.helpAboutCard span{display:grid;grid-gap:3px;gap:3px;min-width:0}.helpAboutCard b{font-size:20px;color:#111827}.helpAboutCard strong{font-size:15px;color:#2563eb}.helpAboutCard em{font-style:normal;font-size:13px;line-height:1.25;color:#4b5563;max-width:470px;white-space:normal}.helpInfoCard{min-width:420px;height:70px;border:1px solid #dce3ef;border-radius:12px;background:#fff;display:grid;align-content:center;grid-gap:7px;gap:7px;padding:12px 16px;color:#334155}.helpInfoCard span{font-size:14px}.workcomAbout{padding:18px}.workcomAbout .aboutCard{align-items:flex-start}.aboutCard .appLogo{background:transparent;box-shadow:0 12px 28px rgba(194,59,28,.25)}.suiteBadge{margin-top:12px;display:inline-flex;align-items:center;gap:8px;border:1px solid #dbeafe;border-radius:999px;padding:6px 10px;background:#f8fbff;color:#1d4ed8;font-size:12px;font-weight:700}.suiteBadge img{width:24px;height:24px;object-fit:contain;border-radius:6px;background:#111827}.aboutSupport{display:grid;grid-gap:10px;gap:10px}.aboutSupport>div{border:1px solid #dce3ef;border-radius:14px;padding:12px 14px;background:#fff;display:grid;grid-gap:4px;gap:4px}.aboutSupport b{color:#111827}.aboutSupport span{color:#526070}.fontControls input:disabled,.fontControls select:disabled{background:#f8fafc;color:#94a3b8;opacity:1}@media(max-width:900px){.helpRibbon .group.wide{min-width:540px}.helpAboutCard{min-width:510px}.helpAboutCard em{max-width:360px}.helpInfoCard{min-width:360px}}.slideTrans{display:grid;place-items:center;width:100%;height:100%}.slideTrans.transNone{animation:none}.slideTrans.transFade{animation:showFade both}.slideTrans.transPush.next{animation:showPushNext both}.slideTrans.transPush.prev{animation:showPushPrev both}.slideTrans.transWipe{animation:showWipe both;overflow:hidden}.slideTrans.transSplit{animation:showSplit both}.slideTrans.transReveal{animation:showReveal both}.slideTrans.transCover.next{animation:showCoverNext both}.slideTrans.transCover.prev{animation:showCoverPrev both}.slideTrans.transFlash{animation:showFlash both}@keyframes showFade{0%{opacity:0}to{opacity:1}}@keyframes showPushNext{0%{opacity:.8;transform:translateX(8vw)}to{opacity:1;transform:translateX(0)}}@keyframes showPushPrev{0%{opacity:.8;transform:translateX(-8vw)}to{opacity:1;transform:translateX(0)}}@keyframes showWipe{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes showSplit{0%{-webkit-clip-path:inset(0 50% 0 50%);clip-path:inset(0 50% 0 50%);opacity:.6}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}}@keyframes showReveal{0%{filter:blur(18px);opacity:.4;transform:scale(.985)}to{filter:blur(0);opacity:1;transform:scale(1)}}@keyframes showCoverNext{0%{transform:translateY(7vh);opacity:.75}to{transform:translateY(0);opacity:1}}@keyframes showCoverPrev{0%{transform:translateY(-7vh);opacity:.75}to{transform:translateY(0);opacity:1}}@keyframes showFlash{0%{opacity:0;filter:brightness(3)}35%{opacity:1;filter:brightness(1.7)}to{opacity:1;filter:brightness(1)}}.showControls input,.showControls select{height:34px;border:0;border-radius:999px;padding:0 8px;background:white;color:#111}.showPenColor{width:44px;padding:3px!important}.showPenSize,.showPenStyle{width:90px}.showSlide .obj{animation-fill-mode:both}.marquee{border:1.5px dashed #2563eb;background:rgba(37,99,235,.12);z-index:1500}.marquee,.selectionBox{position:absolute;pointer-events:none}.selectionBox{border:2px dashed #2563eb;background:rgba(37,99,235,.04);z-index:1490}.selectionMove{position:absolute;border:0;background:rgba(37,99,235,.12);pointer-events:auto}.selectionMove.bottom,.selectionMove.top{left:0;width:100%;height:10px;cursor:move}.selectionMove.left,.selectionMove.right{top:0;height:100%;width:10px;cursor:move}.selectionMove.top{top:-5px}.selectionMove.bottom{bottom:-5px}.selectionMove.left{left:-5px}.selectionMove.right{right:-5px}.obj.selected{outline:2px solid #2563eb;outline-offset:1px}.stage{cursor:default}.stage:active{cursor:crosshair}.freeformShape{width:100%;height:100%;display:block;overflow:visible;pointer-events:none}.obj-shape:has(.freeformShape){touch-action:none}.drawLayer{touch-action:none;cursor:crosshair;background:transparent}.drawLayer path{vector-effect:non-scaling-stroke}.showControls input,.showControls select{cursor:auto}.showControls .active{box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}.modalBackdrop{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;background:rgba(15,23,42,.48);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.newFileModal{width:min(520px,calc(100vw - 28px));background:white;border:1px solid #dce3ef;border-radius:22px;box-shadow:0 28px 80px rgba(15,23,42,.34);overflow:hidden}.newFileModal header{display:flex;gap:16px;padding:22px;align-items:flex-start;background:linear-gradient(180deg,#fff7ed,#ffffff)}.newFileModal img{width:64px;height:64px;object-fit:contain;border-radius:16px;box-shadow:0 10px 24px rgba(194,59,28,.22)}.newFileModal h2{margin:0 0 8px;font-size:24px;letter-spacing:-.02em}.newFileModal p{margin:0;color:#526070;line-height:1.5}.newFileModal footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 18px;border-top:1px solid #e5e7eb;background:#f8fafc}.newFileModal button{border:0;border-radius:10px;padding:10px 14px;background:#e5e7eb;color:#111827;font-weight:700}.newFileModal button:nth-child(2){background:#2563eb;color:white}.newFileModal button.danger{background:#c43b1c;color:white}.close{opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.close.visible{opacity:1;pointer-events:auto}.showControls{opacity:0;pointer-events:none;bottom:18px;transform:translateX(-50%) translateY(18px);transition:opacity .2s,transform .2s}.showControls.visible{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.showControls.withDock{bottom:18px}.annotationDock{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:20px;background:rgba(15,23,42,.88);color:white;box-shadow:0 18px 48px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:dockIn .22s ease both;cursor:auto}@keyframes dockIn{0%{opacity:0;transform:translateX(-50%) translateY(-12px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.annotationDock button,.annotationDock label,.annotationDock select{height:38px;border:0;border-radius:13px;background:rgba(255,255,255,.12);color:white;display:flex;align-items:center;gap:7px;padding:0 11px;font-weight:700}.annotationDock button.active{background:#c43b1c;box-shadow:inset 0 0 0 2px rgba(255,255,255,.22)}.annotationDock svg{width:18px;height:18px}.annotationDock input[type=color]{width:34px;height:30px;padding:0;border:0;background:transparent}.annotationDock input[type=range]{width:92px}.annotationDock select{color:white}.annotationDock select option{color:#111}.dockControl.range span{min-width:34px}.dockDone{background:#f8fafc!important;color:#111827!important}.show.toolActive{cursor:crosshair}.show.toolActive .showSlide{touch-action:none}.showInk{pointer-events:none}.showInk path{vector-effect:non-scaling-stroke}@media(max-width:900px){.annotationDock{left:8px;right:8px;transform:none;overflow-x:auto;justify-content:flex-start;border-radius:16px}@keyframes dockIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}}.slideInkLayer{position:absolute;inset:0;width:100%;height:100%;z-index:3200;pointer-events:none;overflow:visible}.inkInputLayer path,.slideInkLayer path{vector-effect:non-scaling-stroke}.inkInputLayer{position:absolute;inset:0;width:100%;height:100%;z-index:5000;pointer-events:auto;touch-action:none;cursor:crosshair;background:transparent}.mathRibbon .equationInput{width:260px;height:34px;border:1px solid #cfd8e3;border-radius:10px;padding:0 10px;font-size:15px}.eqTabs{display:flex;gap:4px;align-items:center;margin-bottom:6px;flex-wrap:wrap}.eqTabs button{border:1px solid #d6deea;background:#fff;border-radius:9px;padding:5px 8px;font-weight:700;font-size:12px}.eqTabs button.active{background:#c43b1c;border-color:#c43b1c;color:white}.eqGrid{display:flex;gap:4px;flex-wrap:wrap;max-width:820px;max-height:82px;overflow:auto;padding:2px}.eqSymbol{min-width:34px;height:30px;padding:0 7px;border:1px solid #d6deea;border-radius:8px;background:#fff;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1}.eqSymbol:hover{background:#fff7ed;border-color:#c43b1c}