:root{--lake-300: #5abed5;--lake-500: #3b9ab2;--lake-600: #2e8a9e;--lake-700: #23707f;--lake-800: #1a5866;--lake-tint: #e4f4f7;--lake-tint-2: #d3edf2;--orange-300: #ffc27a;--orange-500: #f2a04a;--orange-text: #8f530a;--ink: #0f2230;--ink-2: #3e5566;--ink-3: #556a78;--ink-4: #8193a0;--green: #1f7a4d;--coral: #a8432f;--ground: #ecf4f6;--st-done: #1f7a4d;--st-done-bg: rgba(46, 170, 100, .14);--st-busy: #23707f;--st-busy-bg: rgba(59, 154, 178, .16);--st-wait: #8f530a;--st-wait-bg: rgba(245, 162, 60, .22);--st-fail: #a8432f;--st-fail-bg: rgba(217, 100, 79, .14);--st-idle: #3e5566;--st-idle-bg: rgba(62, 85, 102, .1);--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--shadow-glass: 0 14px 40px -18px rgba(30, 110, 128, .3), inset 0 1px 0 rgba(255, 255, 255, .95);--shadow-lift: 0 26px 50px -20px rgba(30, 110, 128, .4), inset 0 1px 0 rgba(255, 255, 255, .95);--shadow-dock: 0 18px 40px -16px rgba(30, 110, 128, .4);--shadow-button: 0 12px 26px -12px rgba(46, 138, 158, .8), inset 0 1px 0 rgba(160, 226, 240, .75);--shadow-button-hover: 0 18px 34px -14px rgba(46, 138, 158, .9), inset 0 1px 0 rgba(160, 226, 240, .75);--shadow-chip: 0 6px 16px -8px rgba(30, 110, 128, .4);--ease-soft: cubic-bezier(.22, 1, .36, 1);--gradient-lake: linear-gradient(135deg, #5abed5 0%, #3b9ab2 45%, #2e8a9e 100%);--gradient-button: linear-gradient(135deg, #3b9ab2 0%, #2e8a9e 100%);--gradient-flow: linear-gradient(90deg, #2e8a9e 0%, #5abed5 50%, #ffb25c 100%);--gradient-backdrop: radial-gradient(900px 560px at 4% -6%, rgba(90, 190, 213, .42), transparent 62%), radial-gradient(760px 500px at 102% 4%, rgba(255, 184, 104, .28), transparent 60%), radial-gradient(900px 640px at 50% 112%, rgba(130, 205, 222, .36), transparent 62%), linear-gradient(180deg, #f2f8f9 0%, #ecf4f6 100%);--glass-bg: rgba(255, 255, 255, .58);--glass-bg-strong: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .8);--glass-blur: blur(22px) saturate(170%);--glass-blur-strong: blur(26px) saturate(180%);--ui-font: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--bg: var(--ground);--panel: rgba(255, 255, 255, .72);--line: rgba(15, 34, 48, .1);--text: var(--ink);--muted: var(--ink-3);--accent: var(--lake-600);--warn-bg: #fff1de;--warn: #6e3f06}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font:14px/1.5 var(--ui-font);color:var(--ink);background-color:var(--ground);background-image:var(--gradient-backdrop);background-attachment:fixed;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#slide svg{display:block}a{color:var(--lake-700)}.muted{color:var(--muted)}.err{color:var(--coral)}.grow{flex:1}.ellipsis{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes flow{0%{background-position:100% 0}to{background-position:0 0}}.app{display:flex;gap:10px;height:100%;padding:16px}.app.editing{padding:10px;gap:8px}.side{width:236px;flex:none;display:flex;flex-direction:column;gap:18px;padding:20px 14px;border-radius:26px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);transition:width .38s var(--ease-soft),padding .38s var(--ease-soft);overflow:hidden}.side.compact{width:64px;padding:14px 8px;align-items:center;gap:14px}.side button,.side label,.side a{font:inherit}.brand{display:flex;align-items:center;gap:10px;padding:0 6px;border:0;background:none;cursor:pointer;text-align:left}.side.compact .brand{padding:0;justify-content:center}.brand img{width:40px;height:40px;filter:drop-shadow(0 6px 10px rgba(46,138,158,.3))}.side.compact .brand img{width:36px;height:36px}.brand-name{display:flex;flex-direction:column;line-height:1.15}.brand-name small{font-size:11px;letter-spacing:.06em;color:var(--ink-3)}.brand-name b{font-size:18px;color:var(--ink)}.side-new{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border:0;border-radius:16px;font-size:15px!important;font-weight:500;color:#fff;cursor:pointer;background-image:var(--gradient-button);text-shadow:0 1px 2px rgba(15,64,76,.35);box-shadow:var(--shadow-button);transition:transform .2s var(--ease-soft),box-shadow .2s var(--ease-soft)}.side-new:hover{transform:translateY(-1px);box-shadow:var(--shadow-button-hover)}.side-new:active{transform:scale(.97)}.side.compact .side-new{width:44px;height:44px;border-radius:var(--r-md)}.side-nav{display:flex;flex-direction:column;gap:4px;min-height:0}.side.compact .side-nav{align-items:center}.side-nav>button,.side-nav>label,.side-link{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border:0;border-radius:var(--r-md);background:none;color:var(--ink-2);font-size:15px;text-align:left;text-decoration:none;cursor:pointer;transition:background-color .3s var(--ease-soft),color .3s var(--ease-soft),box-shadow .3s var(--ease-soft);min-width:0}.side-nav>button:hover,.side-nav>label:hover,.side-link:hover{background:#ffffff80;color:var(--ink)}.side-nav>button.on{background:#ffffffe6;color:var(--lake-700);font-weight:500;box-shadow:var(--shadow-chip)}.side-nav svg,.side-link svg{flex:none}.side.compact .side-nav>button,.side.compact .side-nav>label,.side.compact .side-link{width:44px;padding:0;justify-content:center}.side-samples{margin:4px 8px 0;font:inherit;font-size:12px;padding:5px 8px;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.9);background:#fff9;color:var(--ink-2);max-width:100%}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:6px}.side.compact .side-foot{align-items:center}.side-link{font-size:14px;height:40px}.side-link .tag{margin-left:auto}.usage{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.85);background:linear-gradient(140deg,#ffffffc7,#fff0dea8);color:var(--ink);text-decoration:none;font-size:13px;transition:transform .38s var(--ease-soft),box-shadow .38s var(--ease-soft)}.usage:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}.usage-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.usage b{font-weight:500;font-variant-numeric:tabular-nums}.usage-bar{display:block;height:6px;border-radius:99px;background:#0f223014;overflow:hidden}.usage-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#5abed5,#ffb25c)}.usage-go{color:var(--lake-700);font-weight:500}.who{display:flex;align-items:center;gap:6px;padding:4px 4px 0 12px;font-size:13px;color:var(--ink-2)}.who.compact{padding:0}.who-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:var(--r-sm);background:none;color:var(--ink-3);cursor:pointer;transition:background-color .3s,color .3s}.side-icon:hover{background:#fff9;color:var(--coral)}.side-dev{font-size:12px;padding:0 12px}.main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px;position:relative}.scroll{flex:1;overflow-y:auto;scrollbar-gutter:stable}.mbar{display:none}@media(max-width:767px){.app,.app.editing{padding:0;gap:0;flex-direction:column}.side{display:none}.mbar{display:flex;align-items:center;gap:8px;height:56px;padding:0 12px;flex:none;background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);border-bottom:1px solid var(--glass-border)}.mbar img{width:32px;height:32px}.mbar b{font-size:16px}}.toast{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:60;padding:8px 16px;border-radius:99px;background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-dock);color:var(--lake-800);font-size:13px;animation:rise .45s var(--ease-soft) both}.doc-bar{display:flex;align-items:center;gap:12px;min-height:40px;padding:4px 14px 4px 6px;border-radius:var(--r-md);background:#ffffff6b;border:1px solid rgba(255,255,255,.7);font-size:13px;flex:none}.doc-name{font-weight:600;color:var(--ink);min-width:0;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn,.chip,.actions button,.oslide button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:500;color:var(--ink);text-decoration:none;cursor:pointer;border:1px solid rgba(255,255,255,.9);background:#ffffffb8;box-shadow:var(--shadow-chip);transition:transform .2s var(--ease-soft),background-color .2s var(--ease-soft),box-shadow .2s var(--ease-soft)}.btn,.actions button{height:38px;padding:0 16px;border-radius:var(--r-md)}.chip{height:30px;padding:0 12px;border-radius:99px;font-size:13px;color:var(--ink-2)}.oslide button{height:30px;min-width:30px;padding:0 8px;border-radius:var(--r-sm);font-weight:400}.btn:hover,.chip:hover,.actions button:hover:not(:disabled),.oslide button:hover{background:#fffffff5}.btn:active,.chip:active,.actions button:active:not(:disabled),.oslide button:active{transform:scale(.97)}button.primary,a.btn.primary,.actions button.primary{color:#fff;border-color:transparent;background:var(--gradient-button);text-shadow:0 1px 2px rgba(15,64,76,.35);box-shadow:var(--shadow-button)}button.primary:hover:not(:disabled),a.btn.primary:hover,.actions button.primary:hover:not(:disabled){background:var(--gradient-button);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-button-hover)}button.primary:disabled{background:linear-gradient(135deg,#a9dbe6,#8fc6d2);text-shadow:none;box-shadow:none;cursor:not-allowed;opacity:1}button.primary.big{height:48px;padding:0 26px;border-radius:var(--r-lg);font-size:15px}.card{display:flex;flex-direction:column;gap:10px;padding:20px 22px;border-radius:var(--r-xl);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.card>.btn{align-self:flex-start}.card textarea,.card input:not([type=checkbox]):not([type=radio]):not([type=file]),.card select,.gate input{font:inherit;color:var(--ink);padding:9px 12px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.9);background:#ffffffc7;box-shadow:inset 0 1px 2px #0f22300f;outline:none;transition:border-color .2s var(--ease-soft),box-shadow .2s var(--ease-soft),background-color .2s var(--ease-soft)}.card textarea::placeholder,.card input::placeholder{color:var(--ink-4)}.card textarea:focus,.card input:focus,.card select:focus{border-color:var(--lake-500);background:#fff;box-shadow:0 0 0 4px #3b9ab226}.card textarea{resize:vertical;width:100%;line-height:1.65}.card h3{margin:0 0 2px;font-size:16px;font-weight:600;color:var(--ink);display:flex;align-items:baseline;gap:8px}.card h3 .muted{font-size:13px;font-weight:400}.card p{margin:0}select{font:inherit}.tag{display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:1px 9px;border-radius:99px;background:var(--st-busy-bg);color:var(--st-busy);white-space:nowrap}.badge{display:inline-flex;align-items:center;flex:none;font-size:12px;font-weight:500;padding:1px 10px;border-radius:99px;white-space:nowrap}.badge.busy{background:var(--st-busy-bg);color:var(--st-busy)}.badge.wait{background:var(--st-wait-bg);color:var(--st-wait)}.badge.done{background:var(--st-done-bg);color:var(--st-done)}.badge.fail{background:var(--st-fail-bg);color:var(--st-fail)}.badge.idle{background:var(--st-idle-bg);color:var(--st-idle)}.warn{padding:10px 16px;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.8);background:linear-gradient(120deg,#ffecd2eb,#ffffff9e);color:var(--warn);font-size:13px}.note,.note-inline{padding:10px 16px;border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.8);background:#e4f4f7d9;color:var(--lake-800);font-size:13px}.note-inline{display:flex;gap:8px;align-items:flex-start}button.link{border:0;background:none;color:var(--lake-700);cursor:pointer;font:inherit;padding:0 4px}button.link.danger{color:var(--coral)}button.link:hover{text-decoration:underline}.gate{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;overflow:hidden}.gate.muted{font-size:14px}.gate-glow{position:absolute;width:480px;height:480px;border-radius:50%;filter:blur(40px);pointer-events:none}.gate-glow.lake{top:-160px;left:-128px;background:radial-gradient(circle,rgba(90,190,213,.38),transparent 65%)}.gate-glow.warm{right:-128px;bottom:-160px;background:radial-gradient(circle,rgba(255,178,92,.3),transparent 65%)}.gate-inner{position:relative;width:100%;max-width:380px;animation:rise .45s var(--ease-soft) both}.gate-brand{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:24px}.gate-brand img{width:64px;height:64px;margin-bottom:8px;filter:drop-shadow(0 10px 18px rgba(46,138,158,.35))}.gate-brand small{font-size:12px;letter-spacing:.25em;color:var(--ink-3)}.gate-brand b{font-size:26px;color:var(--ink)}.gate-card{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:var(--r-xl);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.gate-card h1{margin:0;font-size:18px;font-weight:600}.gate-card p{margin:0;line-height:1.65}.gate-card .sub{font-size:14px;color:var(--ink-3)}.gate-card .small{font-size:12px}.gate-card button.primary{width:100%}.gate-foot{margin-top:24px}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 12px;font-size:12px;color:var(--ink-3);text-align:center}.site-footer a{color:var(--ink-3);text-decoration:none}.site-footer a:hover{color:var(--lake-700)}.page-foot{padding:8px 16px 28px}.create{max-width:1080px;margin:0 auto;padding:12px 24px 24px;display:flex;flex-direction:column;gap:16px;animation:rise .45s var(--ease-soft) both}.page-head{margin-top:4px}.page-head h1{margin:0;font-size:30px;line-height:1.2;font-weight:700;letter-spacing:.02em;color:var(--ink)}.page-head .sub{margin-top:4px;font-size:13px;color:var(--ink-3)}.steps{display:flex;gap:4px;margin:0;padding:6px;list-style:none;border-radius:var(--r-lg);background:#ffffff6b;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.7)}.steps li{flex:1;height:36px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:11px;font-size:13px;color:var(--ink-4);white-space:nowrap;transition:flex-grow .5s var(--ease-soft),background-color .5s var(--ease-soft)}.steps li.done{color:var(--lake-700)}.steps li.on{flex:2;color:#fff;font-weight:500;background:var(--gradient-button);text-shadow:0 1px 2px rgba(15,64,76,.35);box-shadow:var(--shadow-button)}.steps .no{font-variant-numeric:tabular-nums}@media(max-width:640px){.steps li:not(.on) .t{display:none}}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 16px;text-align:center;cursor:pointer;border-radius:var(--r-lg);border:1.5px dashed rgba(90,190,213,.7);background:#ffffff73;transition:background-color .3s var(--ease-soft),border-color .3s var(--ease-soft),transform .3s var(--ease-soft)}.drop:hover{background:#ffffffb3}.drop.picked{border-color:var(--lake-300);background:#e4f4f780}.drop.over{transform:scale(1.01);border-color:var(--lake-500);background:#e4f4f7cc}.drop b{font-size:14px;font-weight:500;color:var(--ink)}.drop .muted{font-size:12px}.drop-ico{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#ffffffd9;color:var(--lake-600);box-shadow:var(--shadow-chip)}.mat{min-height:150px}.wide{width:100%}.big{font-size:18px;font-weight:600}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row label{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--ink-2)}.row label.grow input{flex:1;min-width:0}.actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.actions>.muted{font-size:13px}.works .empty{padding:8px 0}.jobrow{display:flex;gap:10px;align-items:center;min-height:44px;padding:6px 12px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.8);background:#ffffff80;transition:background-color .3s var(--ease-soft),transform .3s var(--ease-soft)}.jobrow:hover{background:#ffffffd9}.jobrow a{color:var(--ink);font-weight:500;cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jobrow a:hover{color:var(--lake-700)}.jobrow .meta{font-size:12px;white-space:nowrap}.jobrow .del,.jobrow .del-ask{margin-left:auto}.jobrow .del{display:inline-flex;align-items:center;padding:6px;border-radius:var(--r-sm);opacity:.7}.jobrow .del:hover{opacity:1;color:var(--coral);background:#fffc}.jobrow .del-ask{display:inline-flex;gap:8px;align-items:baseline;font-size:13px;white-space:nowrap}.bar-progress{height:7px;border-radius:99px;background:#0f223014;overflow:hidden}.bar-progress i{display:block;height:100%;border-radius:99px;background:var(--gradient-flow);background-size:200% 100%;animation:flow 2.6s ease-in-out infinite alternate;transition:width .7s var(--ease-soft)}.styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.stylecard{text-align:left;border:0;border-radius:var(--r-lg);padding:10px;min-height:104px;display:flex;flex-direction:column;gap:6px;cursor:pointer;font-size:12px;box-shadow:0 0 0 1px #0f223014,var(--shadow-chip);transition:transform .3s var(--ease-soft),box-shadow .3s var(--ease-soft)}.stylecard:hover{transform:translateY(-2px)}.stylecard.on{box-shadow:0 0 0 3px var(--lake-500),0 14px 30px -14px #2e8a9eb3}.stylecard i{width:28px;height:4px;border-radius:2px}.stylecard b{font-size:16px;font-weight:600}.stylecard span{opacity:.75;line-height:1.45}.stylecard-wrap{display:flex;flex-direction:column;gap:4px}.stylecard-wrap>a{font-size:12px;text-align:right;text-decoration:none}.stylecard-wrap>a:hover{color:var(--lake-700)}.stylecard img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px;box-shadow:0 1px 3px #0000002e;margin-bottom:2px}.swatch{display:inline-block;width:18px;height:18px;border-radius:6px;border:1px solid rgba(15,34,48,.1)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.gcell{border-radius:var(--r-lg);overflow:hidden;background:#fff9;border:1px solid rgba(255,255,255,.85);box-shadow:var(--shadow-glass)}.gpic{aspect-ratio:16 / 9;background:#ffffffb3}.gpic svg{display:block;width:100%;height:auto}.gpic .ph{height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted)}.gcap{padding:8px 12px;font-size:13px}@media(max-width:640px){.create{padding:12px 16px 24px}.row{gap:8px}}.drafting{margin:0;padding-left:22px;color:var(--muted)}.credits{width:min(100%,1280px);font-size:12px;color:var(--muted)}.credits a{color:var(--muted)}.body{flex:1;display:flex;min-height:0}.thumbs{width:220px;flex:none;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.thumb{position:relative;padding:0 0 0 22px;border:0;background:none;cursor:pointer;text-align:left}.thumb .no{position:absolute;left:0;top:0;font-size:12px}.thumb .pic{overflow:hidden}.thumb .pic svg,.page svg{display:block;width:100%;height:auto}.stage{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:12px}.page{width:min(100%,1280px);background:#fff}.notes{width:min(100%,1280px);padding:10px 14px;background:var(--panel);border:1px solid var(--line);white-space:pre-wrap;color:var(--muted)}.card input.big{font-size:18px;font-weight:600}.oslide .ono{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--lake-tint);color:var(--lake-700);font-size:13px}.editor{flex:1;display:flex;flex-direction:column;min-height:0}.toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--line);overflow-x:auto}.toolbar .tool{flex:none}.tool{font:inherit;font-size:13px;padding:3px 9px;border:1px solid var(--line);border-radius:5px;background:#fff;cursor:pointer}.tool:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.tool:disabled{opacity:.4;cursor:default}.tool.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.toolbar .sep{width:1px;height:20px;background:var(--line);margin:0 4px}.toolbar .status{margin-left:8px;flex:1;min-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-tools{display:flex;gap:4px;flex-wrap:wrap}.canvas{position:relative;width:min(100%,1280px)}.canvas .page{width:100%}.layer{position:absolute;inset:0;width:100%;height:100%;touch-action:none;overflow:visible}.sel-outline{fill:none;stroke:#2e8a9e}.sel-box{fill:none;stroke:#2e8a9e;stroke-dasharray:4 3}.handle,.rot{fill:#fff;stroke:#4b5563}.rot-line{stroke:#4b5563}.marquee{fill:#2e8a9e14;stroke:#2e8a9e;stroke-dasharray:4 3}.notes-edit{width:min(100%,1280px);min-height:72px;padding:10px 14px;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:6px;resize:vertical}.text-bar{border-top:0}.tool.size{width:64px}.tool.color{width:36px;padding:1px 3px;height:26px}select.tool{max-width:180px}.text-frame{fill:none;stroke:#2e8a9e;stroke-dasharray:5 4}.caret{stroke:#111827;animation:blink 1.06s steps(1) infinite}@keyframes blink{50%{opacity:0}}.ime{position:absolute;width:2px;height:1.2em;padding:0;border:0;margin:0;opacity:0;resize:none;overflow:hidden;font-size:16px;pointer-events:none;z-index:2}.panel{width:240px;flex:none;overflow-y:auto;padding:12px;background:var(--panel);border-left:1px solid var(--line);font-size:13px}.panel .hint{margin:4px 0}.psec{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px}.psec h4{margin:0;font-size:14px}.psec label{display:flex;align-items:center;justify-content:space-between;gap:8px}.psec label.check{justify-content:flex-start}.psec input[type=number]{width:72px;font:inherit;padding:2px 4px;border:1px solid var(--line);border-radius:4px}.psec select{max-width:140px;font:inherit;padding:2px 4px}.psec .insets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.psec .insets span{grid-column:1 / -1;color:var(--muted)}.psec .insets input{width:56px}.tool.hl{display:inline-flex;align-items:center;gap:4px}.tool.hl input{width:22px;height:18px;padding:0;border:0}.pinyin{stroke:#111827}.guide{stroke:#e11d48;stroke-dasharray:4 3}.stage{position:relative}.findbar{position:absolute;top:8px;right:24px;z-index:5;display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 16px #0000001f;font-size:13px}.findbar .row{display:flex;align-items:center;gap:6px}.findbar input:not([type=checkbox]){width:220px;font:inherit;padding:3px 6px;border:1px solid var(--line);border-radius:4px}.findbar .msg{margin-left:auto}.findbar .link{border:0;background:none;color:var(--accent);cursor:pointer;font:inherit;padding:0}.cell-sel{fill:#2e8a9e24;stroke:#2e8a9e}.drawing{fill:none;stroke:#2e8a9e;stroke-linecap:round;stroke-linejoin:round}.psec .btns{display:grid;grid-template-columns:1fr 1fr;gap:4px}.psec .btns .tool{font-size:12px;padding:3px 4px}.psec button.theme{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:none;border-radius:6px;padding:4px 6px;cursor:pointer;font:inherit;text-align:left}.psec button.theme.on{border-color:#2e8a9e;background:#2e8a9e14}.psec .sw{display:inline-flex}.psec .sw i{width:12px;height:16px;display:inline-block}.findbar input.n{width:52px}.show{position:fixed;inset:0;z-index:1000;background:#000;display:flex;align-items:center;justify-content:center;cursor:default;-webkit-user-select:none;user-select:none}.show.idle{cursor:none}.show-page svg{display:block;width:100%;height:100%}.show-page{position:relative}.show-layer{position:absolute;inset:0;background:#000}.show-end{color:#ddd;font-size:20px;align-self:flex-start;margin-top:24px}.show-blank{position:absolute;inset:0}.show-blank.black{background:#000}.show-blank.white{background:#fff}.presenter-body{margin:0;background:#1f2329;color:#e8eaed;font-family:Source Han Sans CN,Microsoft YaHei,sans-serif}.pv{display:flex;flex-direction:column;height:100vh}.pv button{font:inherit;font-size:14px;color:#e8eaed;background:#2f343b;border:1px solid #454b54;border-radius:6px;padding:4px 10px;cursor:pointer}.pv button:disabled{opacity:.4;cursor:default}.pv button.on{background:#2e8a9e;border-color:#2e8a9e}.pv-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #333;font-size:16px}.pv-timer{font-size:28px;font-variant-numeric:tabular-nums;font-weight:700}.pv-clock{margin-left:auto;font-variant-numeric:tabular-nums;color:#aab}.pv-main{flex:1;display:grid;grid-template-columns:3fr 2fr;gap:16px;padding:16px;min-height:0}.pv-cur{position:relative;display:flex;align-items:center;justify-content:center;min-height:0}.pv-slide{background:#fff;width:100%;box-shadow:0 2px 12px #0006}.pv-slide svg{display:block;width:100%;height:auto}.pv-black{background:#000;color:#bbb;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.pv-tag{position:absolute;top:8px;left:8px;background:#b91c1c;color:#fff;padding:2px 8px;border-radius:4px;font-size:14px}.pv-side{display:flex;flex-direction:column;gap:8px;min-height:0}.pv-side h3{margin:4px 0 0;font-size:15px;color:#aab;display:flex;align-items:center;gap:8px}.pv-side h3 button{padding:0 8px;font-size:13px}.pv-next{width:70%}.pv-notes{flex:1;overflow:auto;white-space:pre-wrap;line-height:1.6;background:#262b31;border-radius:6px;padding:10px 12px}.pv-foot{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid #333}.pv-strip{display:flex;gap:4px;overflow-x:auto;flex:1}.pv-strip button{padding:2px 8px;min-width:32px}.pv-end{background:#7f1d1d!important;border-color:#991b1b!important}.sec-head{display:flex;align-items:center;gap:4px;margin:8px 0 4px;font-size:13px;font-weight:600}.sec-head .sec-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px;cursor:default}.sec-head input{width:100px;font:inherit;padding:1px 4px}.sec-head .mini{font-size:11px;padding:0 4px;border:1px solid var(--line);background:none;border-radius:4px;cursor:pointer;color:var(--muted)}.ph-box{fill:none;stroke:#9ca3af;stroke-dasharray:4 3}.ph-prompt{fill:#9ca3af;font-family:Source Han Sans CN,Microsoft YaHei,sans-serif}.modal{position:fixed;inset:0;z-index:50;background:#0f172a59;display:flex;align-items:center;justify-content:center;padding:16px}.dialog{background:var(--panel);border-radius:10px;box-shadow:0 12px 40px #00000040;padding:16px 18px;display:flex;flex-direction:column;gap:10px;max-width:min(960px,100%);max-height:90vh}.dialog h4{margin:0;font-size:15px}.dialog .row .grow{flex:1}.dgrid-wrap{overflow:auto;max-height:60vh;border:1px solid var(--line);border-radius:6px}.dgrid{border-collapse:collapse}.dgrid td{padding:0;border:1px solid var(--line)}.dgrid td:last-child,.dgrid tr:last-child td{border:0}.dgrid input{width:104px;border:0;padding:5px 6px;font:inherit;text-align:right;background:#fff}.dgrid input.h{text-align:left;background:#f1f5f9;font-weight:600}.dgrid input:focus{outline:2px solid var(--accent);outline-offset:-2px}.dgrid .mini{font-size:11px;padding:0 5px;border:1px solid var(--line);background:none;border-radius:4px;cursor:pointer;color:var(--muted);margin:0 4px}.link-dialog{width:min(520px,100%)}.link-dialog .kinds{display:flex;flex-wrap:wrap;gap:6px}.link-dialog label{display:flex;align-items:center;gap:10px}.link-dialog label input,.link-dialog label select{flex:1;font:inherit;padding:5px 8px;border:1px solid var(--line);border-radius:6px;max-width:none}.tool.on{border-color:var(--accent);color:var(--accent);background:#e4f4f7}.trans-preview{position:absolute;inset:0;z-index:4;background:#000;overflow:hidden;pointer-events:none}.trans-preview .show-layer svg{display:block;width:100%;height:100%}.psec h4.fold{cursor:pointer;-webkit-user-select:none;user-select:none}.anim-list{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto;border:1px solid var(--line);border-radius:6px;padding:2px}.anim-list button{display:flex;align-items:center;gap:6px;border:0;background:none;padding:3px 4px;border-radius:4px;font:inherit;font-size:12px;text-align:left;cursor:pointer}.anim-list button.on{background:#2e8a9e1f}.anim-list .anim-no{width:16px;text-align:right;color:var(--muted)}.anim-list .anim-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anim-cls{width:9px;height:9px;border-radius:2px;flex:none}.anim-cls.entr{background:#16a34a}.anim-cls.emph{background:#ca8a04}.anim-cls.exit{background:#dc2626}.anim-cls.path{background:#2e8a9e}.anim-tag rect{fill:#fff;stroke:#64748b}.anim-tag text{fill:#334155;font-family:sans-serif}.trans-preview.anim-preview{background:transparent}.thumb .fx{position:absolute;left:1px;top:16px;color:var(--muted);font-size:10px}.mv-title{font-weight:600;align-self:center}.mv-group{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.thumb.mv-layout{margin-left:18px}.thumb .mv-name{display:block;font-size:11px;color:var(--muted);text-align:left;padding:2px 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psec input.name{flex:1;min-width:0;font:inherit;padding:2px 4px;border:1px solid var(--line);border-radius:4px}.tool.on{background:#2e8a9e1f;border-color:#2e8a9e}.cm-marker{cursor:move;pointer-events:all}.cm-marker path{fill:#facc15;stroke:#a16207;stroke-width:1}.cm-marker text{fill:#422006;font-family:sans-serif;font-weight:600;pointer-events:none}.cm-marker.on path{fill:#f59e0b;stroke:#92400e;stroke-width:2}.cm-marker.done path{fill:#e5e7eb;stroke:#9ca3af}.cm-marker.done text{fill:#6b7280}.thumb .cm-badge{position:absolute;right:4px;bottom:4px;font-size:10px;background:#facc15e6;border-radius:8px;padding:0 4px;z-index:1}.cm-pane h4{display:flex;justify-content:space-between;align-items:center}.cm-new{display:flex;flex-direction:column;gap:4px}.cm-new textarea,.cm-edit textarea{font:inherit;min-height:56px;padding:4px 6px;border:1px solid var(--line);border-radius:6px;resize:vertical}.cm-card{border:1px solid var(--line);border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;gap:4px;cursor:pointer}.cm-card.on{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.cm-card.done{opacity:.65}.cm-head{display:flex;gap:6px;align-items:baseline;font-size:12px}.cm-head .mini{margin-left:auto}.cm-no{background:#facc15;color:#422006;border-radius:4px;padding:0 5px;font-weight:600}.cm-text{white-space:pre-wrap;font-size:13px}.cm-reply{margin-left:12px;padding-left:8px;border-left:2px solid var(--line)}.cm-replybox input{width:100%;box-sizing:border-box;font:inherit;font-size:12px;padding:2px 6px;border:1px solid var(--line);border-radius:4px}.cm-actions{display:flex;gap:4px;flex-wrap:wrap}.media-ov{position:absolute;pointer-events:none}.media-ov video{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0}.media-ov video.on{opacity:1}.media-bar{position:absolute;left:0;top:calc(100% + 6px);min-width:220px;display:flex;align-items:center;gap:6px;padding:3px 6px;background:#111827d9;color:#fff;border-radius:6px;font-size:12px;pointer-events:auto;z-index:3}.media-bar input[type=range]{flex:1;min-width:80px}.media-bar .mini{color:#111}.show-media{position:absolute;inset:0;pointer-events:none}.show-media video{position:absolute;object-fit:fill;transition:opacity .15s}.dialog.rewrite{width:min(860px,100%)}.rw-modes{display:flex;flex-wrap:wrap;gap:6px}.rw-custom{font:inherit;padding:5px 8px;border:1px solid var(--line);border-radius:6px}.rw-list{overflow:auto;max-height:52vh;display:flex;flex-direction:column;gap:8px}.rw-item{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.rw-item p{margin:0 0 4px;font-size:13px;line-height:1.5}.rw-old{color:var(--muted)}.rw-new{border-left:3px solid #16a34a;padding-left:8px}.rw-new.over{border-left-color:#f59e0b}.dialog.rewrite .btns{display:flex;gap:8px;align-items:center;justify-content:flex-end}.dialog.rewrite .err{color:#b91c1c}.dialog.redesign{width:min(1200px,100%)}.rd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.rd-grid figure{margin:0;display:flex;flex-direction:column;gap:6px}.rd-pic{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}.rd-pic svg{display:block;width:100%;height:auto}.rd-grid figcaption{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}.rd-grid figcaption .tool{margin-left:auto}.rd-wait{grid-column:span 2;align-self:center;padding:24px;text-align:center}.dialog.redesign .btns{display:flex;gap:8px;align-items:center;justify-content:flex-end}.dialog.redesign .err{color:#b91c1c}.dialog.recolor{width:min(1200px,100%)}.dialog.recolor .row{display:flex;gap:8px;align-items:center}.dialog.recolor .tool.file{cursor:pointer}.rc-ref{display:inline-flex;align-items:center;gap:4px}.rc-ref img{height:32px;border-radius:4px;border:1px solid var(--line)}.rc-pal{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.rc-sw{display:inline-flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;cursor:pointer}.rc-sw input[type=color]{width:36px;height:28px;padding:0;border:1px solid var(--line);border-radius:4px;background:none;cursor:pointer}.rc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rc-grid figure{margin:0;display:flex;flex-direction:column;gap:4px}.dialog.recolor .btns{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:8px}.dialog.recolor .err{color:#b91c1c}.rs-row{display:grid;grid-template-columns:1fr auto 2fr;gap:12px;align-items:start}.rs-col{display:flex;flex-direction:column;gap:8px}.rs-col figure{margin:0;display:flex;flex-direction:column;gap:4px}.restructure .rs-col:last-child{display:grid;grid-template-columns:repeat(2,1fr);align-content:start}.restructure .rs-col:last-child>.muted{grid-column:span 2}.rs-arrow{align-self:center;font-size:28px;color:var(--muted, #888)}.notes-wrap{position:relative}.notes-wrap .notes-ai-btn{position:absolute;right:8px;bottom:8px;opacity:.85}.dialog.notes-ai{width:min(900px,100%)}.na-opts{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:6px}.na-opts label{display:flex;flex-direction:column;gap:2px;font-size:13px}.na-opts label.grow{flex:1;min-width:180px}.na-list{max-height:55vh;overflow:auto;display:flex;flex-direction:column;gap:10px;margin-top:8px}.na-item{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:6px;padding:8px}.na-item textarea{width:100%;box-sizing:border-box;font:inherit;line-height:1.6}.na-old{font-size:12px}.dialog.notes-ai .btns{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:8px}.dialog.notes-ai .err{color:#b91c1c}.dialog.rewrite .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rw-group{display:flex;flex-direction:column;gap:6px}.rw-page{font-size:13px;font-weight:600;padding-top:6px;border-top:1px solid var(--line)}.tool-split{display:inline-flex;align-items:stretch;flex:none}.tool-split>.tool:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.tool-split>.mini-color{width:18px;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;padding:1px 2px}.hl-mark{border-bottom:4px solid #ffff00;line-height:1.1}.editor,.app>.bar{user-select:none;-webkit-user-select:none}.editor input,.editor textarea,.editor .dialog,.editor .cm-text,.editor .notes-edit{user-select:text;-webkit-user-select:text}.editor img,.editor svg image{-webkit-user-drag:none}.waves{position:relative;overflow:hidden;border-radius:10px;background:#e4f4f7;border:1px solid #d3edf2}.waves-water{position:absolute;left:0;right:0;bottom:0;transition:top .8s ease}.wave-layer{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column}.wave-layer svg{display:block;flex:none;width:200%;height:18px;animation:wave-x 6s linear infinite}.wave-layer path{fill:currentColor}.wave-layer i{flex:1;background:currentColor}.wave-0{top:-16px;color:#2e8a9e29}.wave-0 svg{animation-duration:9s}.wave-1{top:-10px;color:#2e8a9e38}.wave-1 svg{animation-duration:6.5s;animation-direction:reverse}.wave-2{top:-4px;color:#2e8a9e52}.wave-2 svg{animation-duration:4.2s}@keyframes wave-x{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.wave-layer svg{animation:none}}.waves-label{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font-weight:600;color:#1a5866;text-align:center}.outlining{gap:10px}.waves-pill{background:#ffffffd1;border-radius:8px;padding:3px 10px;box-shadow:0 1px 4px #1e3a8a1f}.gpic .waves{border:0;border-radius:0}.gpic .waves-pill{font-size:13px;font-weight:500}.gpic .ph.queued{background:repeating-linear-gradient(-45deg,#f8fafc 0 10px,#f1f5f9 10px 20px)}.aspect-custom input{width:52px;text-align:center}.aspect-custom.bad input{border-color:#f87171}.bg-job{align-items:center}.bg-job span{flex:1}.toolbar.ribbon{gap:4px;padding:5px 12px;min-height:42px}.ribbon .tabs{display:flex;gap:2px;flex:none}.ribbon .tab{font:inherit;font-size:13px;padding:4px 10px;border:0;border-radius:5px;background:none;cursor:pointer;color:var(--muted);position:relative}.ribbon .tab:hover{background:#f1f5f9;color:var(--text)}.ribbon .tab.on{color:var(--accent);font-weight:600;background:#e4f4f7}.ribbon .tab.on:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:1px;background:var(--accent)}.ribbon .tab-tools{display:flex;align-items:center;gap:4px;flex:none}.ribbon .grow{flex:1;min-width:8px}.tool.icon{min-width:28px;padding:3px 6px;display:inline-flex;align-items:center;justify-content:center}.tool.icon sup{font-size:9px}.tool .ico{width:15px;height:15px;fill:currentColor}.tool.font{max-width:140px}.tool.line{max-width:86px}.page-bar{width:min(100%,1280px);display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:30px;font-size:13px}.page-bar .page-no{font-weight:600;white-space:nowrap}.page-bar .status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}.page-bar .grow{flex:1}.tool.ai{border-color:#c7d2fe;color:#3730a3;background:#f5f7ff}.tool.ai:hover:not(:disabled){border-color:#6366f1;color:#312e81}.keys-dialog{width:min(900px,100%);overflow:auto}.keys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:12px 20px}.keys-grid h5{margin:0 0 4px;font-size:13px;color:var(--muted)}.keys-grid table{border-collapse:collapse;width:100%;font-size:13px}.keys-grid td{padding:3px 4px;vertical-align:top;border-bottom:1px solid #f1f5f9}.keys-grid td:first-child{width:52%}kbd{font:12px/1.6 ui-monospace,Consolas,monospace;background:#f8fafc;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:0 5px;white-space:nowrap}.keys-dialog .btns{display:flex;justify-content:flex-end}.ribbon select.menu{width:80px}.ribbon .tab{padding:4px 8px}.tool.font{max-width:112px}.notes-wrap{width:min(100%,1280px)}.notes-wrap .notes-edit{width:100%}.ribbon .lp-a,.ribbon .lp-b{display:contents}.ribbon .more-btn{display:none}@media(max-width:1719px){.ribbon .lp-a{display:none}.ribbon .more-btn{display:contents}}@media(max-width:1379px){.ribbon .lp-b{display:none}}.more-mask{position:fixed;inset:0;z-index:30}.more-pop{position:fixed;z-index:31;display:flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:320px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 20px #00000026}.ribbon .tab{padding:4px 6px}.ribbon .tool.font{max-width:104px}.ribbon .tool.size{width:54px}.taskbar{position:fixed;right:16px;bottom:16px;z-index:40;width:320px;display:flex;flex-direction:column;gap:8px}.task{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px #00000024;padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:13px}.task.done{border-color:#86efac}.task.failed{border-color:#fca5a5}.task-head{display:flex;gap:8px;align-items:baseline}.task-name{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-state{white-space:nowrap}.task-bar{height:6px;border-radius:3px;background:#e5e7eb;overflow:hidden;position:relative}.task-bar.run i{position:absolute;top:0;bottom:0;width:40%;border-radius:3px;background:var(--accent);animation:task-run 1.4s ease-in-out infinite}@keyframes task-run{0%{left:-40%}to{left:100%}}@media(prefers-reduced-motion:reduce){.task-bar.run i{animation:none;left:0;width:100%;opacity:.5}}.task-err{color:#b91c1c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-btns{display:flex;gap:6px;justify-content:flex-end}.rd-wait{display:flex;flex-direction:column;align-items:center;gap:10px}.rd-grid figcaption .pick{margin-left:auto;display:inline-flex;gap:4px}.rd-grid figcaption .pick .tool{margin-left:0}.thumb .ver-badge{position:absolute;left:0;top:34px;color:#fff;font-size:10px;font-weight:700;border-radius:4px;padding:0 3px;line-height:15px}.ver-tag{font-size:12px;border:1px solid;border-radius:10px;padding:0 8px;white-space:nowrap}.dialog.dup-ask{width:min(520px,100%)}.dialog.dup-ask .btns{display:flex;gap:8px;justify-content:flex-end}.editor-host{flex:1;display:flex;flex-direction:column;min-height:0}.editor{gap:8px}.toolbar,.toolbar.ribbon{flex:none;padding:6px 10px;border:1px solid rgba(255,255,255,.85);border-radius:var(--r-lg);background:#ffffffad;-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);box-shadow:var(--shadow-dock)}.toolbar .sep{background:#0f22301a}.ribbon .tabs{padding:3px;gap:2px;border-radius:12px;background:#0f22300d}.ribbon .tab{height:28px;padding:0 7px;border-radius:9px;color:var(--ink-2);transition:background-color .3s var(--ease-soft),color .3s var(--ease-soft),box-shadow .3s var(--ease-soft)}.ribbon .tab:hover{background:#fff9;color:var(--ink)}.ribbon .tab.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:var(--shadow-chip)}.ribbon .tab.on:after{display:none}.tool{height:28px;padding:0 9px;border-radius:9px;border:1px solid rgba(15,34,48,.08);background:#ffffffc7;color:var(--ink);transition:background-color .2s var(--ease-soft),border-color .2s var(--ease-soft),color .2s var(--ease-soft)}select.tool,input.tool{padding:0 6px}.tool:hover:not(:disabled){background:#fff;border-color:var(--lake-300);color:var(--lake-700)}.tool.on,.tool.on:hover:not(:disabled){background:var(--lake-tint);border-color:var(--lake-300);color:var(--lake-800)}.tool.primary,.tool.primary:hover:not(:disabled){color:#fff;border-color:transparent;background:var(--gradient-button);text-shadow:0 1px 2px rgba(15,64,76,.3);box-shadow:0 8px 18px -10px #2e8a9ecc}.tool.ai{border-color:#f2a04a73;background:linear-gradient(135deg,#fff4e6f2,#ffffffd9);color:var(--orange-text)}.tool.ai:hover:not(:disabled){border-color:var(--orange-500);background:#fff6ea;color:#6e3f06}.tool.color{height:28px}.tool-split>.mini-color{height:28px}.body{gap:8px}.thumbs,.panel{border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.85);background:#ffffff8c;box-shadow:var(--shadow-glass)}.thumbs{padding:12px 10px}.thumb .pic{border:2px solid transparent;border-radius:8px;box-shadow:0 2px 8px -2px #0f223033;transition:border-color .2s,box-shadow .2s}.thumb:hover .pic{border-color:#5abed580}.thumb.on .pic{border-color:var(--lake-500);box-shadow:0 0 0 3px #3b9ab238,0 6px 14px -6px #2e8a9e99}.thumb .no{color:var(--ink-3)}.thumb.on .no{color:var(--lake-700);font-weight:600}.stage{padding:14px 22px 22px;border-radius:var(--r-lg)}.page{box-shadow:0 22px 46px -18px #0f223061,0 2px 6px #0f223014}.page-bar .page-no{color:var(--ink)}.notes-edit{border-radius:var(--r-md);border:1px solid rgba(255,255,255,.9);background:#ffffffb8;box-shadow:inset 0 1px 2px #0f22300d;color:var(--ink);line-height:1.65;outline:none}.notes-edit:focus{border-color:var(--lake-500);background:#fff;box-shadow:0 0 0 4px #3b9ab221}.notes{border-radius:var(--r-md);border-color:#ffffffe6}.panel{padding:14px}.psec{border-bottom-color:#0f223014}.psec h4{color:var(--ink);font-weight:600}.psec input[type=number],.psec select,.psec input.name,.sec-head input,.findbar input:not([type=checkbox]),.cm-new textarea,.cm-edit textarea,.cm-replybox input,.rw-custom,.na-item textarea,.link-dialog label input,.link-dialog label select{border-radius:8px;border:1px solid rgba(15,34,48,.12);background:#ffffffd9;outline:none}.psec input[type=number]:focus,.psec select:focus,.findbar input:focus,.rw-custom:focus,.na-item textarea:focus,.link-dialog label input:focus{border-color:var(--lake-500);box-shadow:0 0 0 3px #3b9ab224}.psec button.theme{border-radius:var(--r-sm);border-color:#0f22301a}.psec button.theme.on{border-color:var(--lake-500);background:#3b9ab21a}.anim-list,.cm-card{border-color:#0f22301a;border-radius:var(--r-sm)}.anim-list button.on{background:#3b9ab224}.sel-outline,.sel-box,.text-frame,.drawing{stroke:var(--lake-600)}.marquee{fill:#2e8a9e14;stroke:var(--lake-600)}.cell-sel{fill:#2e8a9e24;stroke:var(--lake-600)}.text-sel{fill:#2e8a9e47}.handle,.rot,.rot-line{stroke:var(--lake-700)}.findbar,.more-pop,.task{border-radius:var(--r-lg);border:1px solid rgba(255,255,255,.85);background:#ffffffdb;-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);box-shadow:var(--shadow-dock)}.findbar .link{color:var(--lake-700)}.task.done{border-color:#2eaa6473}.task.failed{border-color:#d9644f73}.task-bar{height:7px;border-radius:99px;background:#0f223014}.task-bar.run i{border-radius:99px;background:var(--gradient-flow)}.task-err{color:var(--coral)}.modal{background:#0f22304d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog{border-radius:var(--r-xl);padding:20px 22px;gap:12px;border:1px solid rgba(255,255,255,.9);background:#fffffff2;-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);box-shadow:0 30px 70px -24px #0f223073,inset 0 1px #fff;color:var(--ink-2);animation:rise .35s var(--ease-soft) both}.dialog h4{font-size:16px;font-weight:600;color:var(--ink)}.dialog .err{color:var(--coral)}.dialog select:not(.tool),.dialog input[type=text]:not(.tool),.dialog input:not([type]):not(.tool){font:inherit;padding:4px 8px;border-radius:8px;border:1px solid rgba(15,34,48,.12);background:#ffffffe6;color:var(--ink);outline:none}.dialog.ask .actions button{height:38px}.rw-item,.na-item,.rd-pic,.dgrid-wrap{border-color:#0f22301a;border-radius:var(--r-md)}.rw-new{border-left-color:var(--green)}.rw-new.over{border-left-color:var(--orange-500)}.dgrid input.h{background:var(--lake-tint)}kbd{background:#ffffffe6;border-color:#0f223026}.waves{border-radius:var(--r-lg);background:linear-gradient(180deg,#ffffffb3,#e4f4f7e6);border:1px solid rgba(255,255,255,.85)}.wave-0{color:#5abed538}.wave-1{color:#3b9ab242}.wave-2{color:#2e8a9e57}.waves-label{color:var(--lake-800)}.waves-pill{border-radius:99px;padding:3px 12px;background:#ffffffdb;box-shadow:var(--shadow-chip)}.gpic .ph.queued{background:repeating-linear-gradient(-45deg,#ffffffb3 0 10px,#e4f4f7b3 10px 20px)}.ver-tag{border-radius:99px}.sec-head .mini,.dgrid .mini{border-radius:6px}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.scroll,.thumbs,.panel,.stage,.dialog,.rw-list,.na-list{scrollbar-width:thin;scrollbar-color:rgba(46,138,158,.35) transparent}.scroll{overflow-x:hidden}@media(max-width:640px){.row label{white-space:normal;flex-wrap:wrap}}.create{max-width:1480px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:stretch}@media(max-width:1100px){.two-col{grid-template-columns:minmax(0,1fr)}}.col-material .mat{flex:1;min-height:160px}.col-ask .styles{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}.col-ask .stylecard{min-height:0;padding:8px}.col-ask .stylecard b{font-size:15px}.card h3 .sno{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:2px;border-radius:50%;background:var(--gradient-button);color:#fff;font-size:13px;font-weight:600;box-shadow:0 6px 12px -6px #2e8a9ecc;align-self:center}.card h3 .ok{margin-left:auto;display:inline-flex;align-items:center;gap:4px;max-width:70%;padding:2px 10px;border-radius:99px;background:var(--st-done-bg);color:var(--st-done);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:center}.go-bar{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 14px 12px 20px;border-radius:var(--r-xl);background:#ffffffb8;-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-dock)}.go-check{display:flex;flex-wrap:wrap;gap:8px 18px;min-width:0;font-size:13px;color:var(--ink-3)}.go-check>span{display:inline-flex;align-items:center;gap:6px;min-width:0}.go-check>span b{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--ink-4);font-size:11px;color:var(--ink-3)}.go-check>span.done{color:var(--st-done)}.go-act{display:flex;align-items:center;gap:12px;margin-left:auto}.go-act .muted{font-size:13px}.ogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(560px,1fr));gap:16px;align-items:start}@media(max-width:700px){.ogrid{grid-template-columns:minmax(0,1fr)}}.page-head.with-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-head.with-actions button.primary{height:40px;padding:0 18px;border-radius:var(--r-md);font:inherit;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.work{position:relative;display:flex;flex-direction:column;border-radius:var(--r-xl);overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);transition:transform .38s var(--ease-soft),box-shadow .38s var(--ease-soft)}.work:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}.work-pic{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16 / 9;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.8);cursor:pointer;overflow:hidden;background:linear-gradient(135deg,#ddf1f5,#fff0de)}.work-pic img{display:block;width:100%;height:100%;object-fit:contain}.work-pic .waves{width:100%;height:100%;border:0;border-radius:0}.work-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;color:var(--lake-700);font-size:13px}.work-ph.loading{background:linear-gradient(90deg,#fff3,#ffffffbf,#fff3);background-size:200% 100%;animation:flow 1.4s ease-in-out infinite alternate}.work-body{display:flex;flex-direction:column;gap:8px;padding:12px 14px}.work-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;padding:0;border:0;background:none;font:inherit;font-size:15px;font-weight:600;line-height:1.4;color:var(--ink);text-align:left;cursor:pointer}.work-title:hover{color:var(--lake-700)}.work-meta{display:flex;align-items:center;gap:8px;font-size:12px;min-width:0}.work-meta .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-del{margin-left:auto;display:inline-flex;padding:5px;border:0;border-radius:8px;background:none;color:var(--ink-4);cursor:pointer}.work-del:hover{color:var(--coral);background:#ffffffd9}.work-ask{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;text-align:center;font-size:14px;color:var(--ink);background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:rise .3s var(--ease-soft) both}.work-ask>div{display:flex;gap:10px}.chip.danger{color:#fff;border-color:transparent;background:linear-gradient(135deg,#d9644f,#a8432f)}.chip.danger:hover{background:linear-gradient(135deg,#d9644f,#a8432f)}.chip:disabled{opacity:.45;cursor:default;transform:none}.pager{display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px}.empty-state{align-items:center;text-align:center;padding:48px 20px;gap:14px;color:var(--ink-2)}.empty-ico{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--r-lg);background:linear-gradient(135deg,#ddf1f5,#fff0de);color:var(--lake-700)}.empty-state button.primary{height:40px;padding:0 20px;border-radius:var(--r-md);font:inherit;font-weight:500;cursor:pointer}.styles.compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}@media(max-width:1500px){.styles.compact{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:640px){.styles.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}.styles.compact .stylecard{min-height:0;padding:6px 6px 8px;gap:6px;border-radius:14px}.styles.compact .stylecard img{border-radius:8px;margin:0}.styles.compact .stylecard b{display:flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap;overflow:hidden}.styles.compact .stylecard b i{flex:none;width:4px;height:14px;border-radius:2px}.style-detail{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:8px 12px;border-radius:var(--r-md);background:#e4f4f7b3;font-size:13px}.style-detail b{color:var(--lake-800)}.style-detail .muted{flex:1;min-width:200px}.style-detail a{text-decoration:none;font-weight:500;white-space:nowrap}.works-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1200px){.works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.works-grid{grid-template-columns:minmax(0,1fr)}}.ogrid{align-items:stretch}.card input.wide.big:not([type=checkbox]):not([type=radio]):not([type=file]){font-size:20px;font-weight:600;padding:10px 14px}.go-act .chip{height:40px;padding:0 18px;font-size:14px}.side-sep{margin:8px 12px 2px;font-size:11px;letter-spacing:.06em;color:var(--ink-4)}.side-sep.line{height:1px;margin:6px 12px;background:#0f223014}.side.compact .side-sep{width:28px;height:1px;margin:4px auto;background:#0f22301a}.side.compact .side-sep.line{display:none}.side-item{position:relative;display:flex;align-items:center;border-radius:var(--r-md);transition:background-color .3s var(--ease-soft),box-shadow .3s var(--ease-soft)}.side-item:hover{background:#ffffff80}.side-item.on{background:#ffffffe6;box-shadow:var(--shadow-chip)}.side-item-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;height:44px;padding:0 4px 0 12px;border:0;background:none;color:var(--ink-2);font-size:15px;text-align:left;cursor:pointer}.side-item.on .side-item-main{color:var(--lake-700);font-weight:500}.side-item-main svg{flex:none}.side-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--lake-500);box-shadow:0 0 0 3px #3b9ab22e;animation:pulse 1.6s ease-in-out infinite}.side-dot.warm{background:var(--orange-500);box-shadow:0 0 0 3px #f2a04a33;animation:none}@keyframes pulse{50%{opacity:.35}}.side-x{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:8px;border:0;border-radius:8px;background:none;color:var(--ink-4);cursor:pointer;transition:background-color .2s,color .2s}.side-x:hover{background:#d9644f1f;color:var(--coral)}.side.compact .side-item{width:44px;height:44px}.side.compact .side-item-main{justify-content:center;padding:0;gap:0}.side.compact .side-dot{position:absolute;left:6px;top:6px;width:6px;height:6px}.side.compact .side-x{position:absolute;top:-5px;right:-5px;width:18px;height:18px;margin:0;border-radius:50%;background:#fff;color:var(--ink-3);box-shadow:0 2px 6px #0f223040;opacity:0;transform:scale(.7);transition:opacity .2s,transform .2s var(--ease-soft),background-color .2s,color .2s}.side.compact .side-x svg{width:11px;height:11px}.side.compact .side-item:hover .side-x,.side.compact .side-item.on .side-x,.side.compact .side-x:focus-visible{opacity:1;transform:none}.side.compact .side-x:hover{background:var(--coral);color:#fff}.doc-close{margin-left:auto}.seg{display:inline-flex;align-self:flex-start;gap:2px;padding:4px;border-radius:var(--r-lg);background:#ffffff6b;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.7)}.seg button{height:36px;padding:0 18px;border:0;border-radius:11px;background:none;font:inherit;font-size:14px;color:var(--ink-2);cursor:pointer;transition:background-color .3s var(--ease-soft),color .3s var(--ease-soft),box-shadow .3s var(--ease-soft)}.seg button:hover{color:var(--ink)}.seg button.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:var(--shadow-chip)}.src-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;max-height:340px;overflow-y:auto;padding:2px}.src-pic{position:relative;aspect-ratio:var(--ar, 16 / 9);overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 2px 8px -3px #0f22304d;display:flex;align-items:center;justify-content:center;font-size:12px}.src-pic>div,.src-pic svg{display:block;width:100%;height:auto}.src-pic i{position:absolute;left:4px;bottom:4px;min-width:18px;padding:0 4px;border-radius:6px;background:#0f223099;color:#fff;font-size:11px;font-style:normal;text-align:center}.check-line{display:flex;align-items:center;gap:8px;color:var(--ink-2);cursor:pointer}.dialog.beautify-dialog{width:min(860px,100%);overflow-y:auto}.dialog.beautify-dialog .actions{align-items:center}.dialog.beautify-dialog .actions .muted{margin-right:auto;font-size:13px}.dialog.beautify-dialog .row label.grow input,.dialog.beautify-dialog .row label.grow{min-width:0}.brand-pick{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:34px}.card .brand-pick input[type=color],.dialog .brand-pick input[type=color]{width:44px;height:32px;padding:2px;border-radius:9px;border:1px solid rgba(15,34,48,.15);background:#fff;cursor:pointer}.card .brand-pick input.hex,.dialog .brand-pick input.hex{width:100px;padding:5px 10px;font-family:ui-monospace,Consolas,monospace;text-transform:uppercase}.brand-pick input.hex.bad{border-color:var(--coral)!important}.brand-pick .muted{font-size:12px}.swatch-dot{display:inline-block;width:12px;height:12px;margin-left:6px;border-radius:50%;border:1px solid rgba(15,34,48,.2);vertical-align:-1px}.phone-deck{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:12px 12px 28px}.pd-stage{position:relative;touch-action:pan-y}.pd-page{width:100%;border-radius:10px;overflow:hidden;background:#fff;box-shadow:var(--shadow-glass)}.pd-page svg,.pd-thumb svg{display:block;width:100%;height:100%}.pd-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#ffffffe0;box-shadow:var(--shadow-chip);color:var(--lake-800);font-size:24px;line-height:1;cursor:pointer}.pd-nav.prev{left:6px}.pd-nav.next{right:6px}.pd-nav:disabled{opacity:0;pointer-events:none}.pd-count{text-align:center;font-size:13px;color:var(--ink-2)}.pd-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x proximity}.pd-thumb{position:relative;flex:none;width:96px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#fff;scroll-snap-align:center;cursor:pointer}.pd-thumb.on{border-color:var(--lake-500)}.pd-thumb span{display:block;width:100%;height:100%;pointer-events:none}.pd-thumb i{position:absolute;left:4px;bottom:3px;padding:0 5px;border-radius:6px;background:#0f223099;color:#fff;font-size:11px;font-style:normal}.pd-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pd-actions .btn{height:44px}.pd-busy{text-align:center;font-size:13px;color:var(--lake-700)}.pd-notes{padding:12px 14px;border-radius:var(--r-md);background:#fff9;border:1px solid rgba(255,255,255,.85)}.pd-notes h4{margin:0 0 6px;font-size:13px;color:var(--ink-2)}.pd-notes p{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.6}.pd-tip{margin:0;font-size:12px;line-height:1.6;color:var(--ink-3, #6b7f8c)}.show-exit{display:none}@media(pointer:coarse){.show-exit{display:flex;align-items:center;justify-content:center;position:absolute;top:max(10px,env(safe-area-inset-top));right:10px;z-index:5;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#ffffff2e;color:#fff;font-size:24px;line-height:1}}@media(max-width:767px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work{border-radius:var(--r-lg)}.work:hover{transform:none}.work-body{gap:6px;padding:8px 10px 10px}.work-title{font-size:13px}.work-meta{flex-wrap:wrap;gap:4px 6px;font-size:11px}.doc-bar{gap:8px;padding:4px 6px;margin:8px 8px 0}.doc-bar>.muted{display:none}.doc-name{flex:1;max-width:none}.card select,.card input:not([type=checkbox]):not([type=radio]):not([type=color]){max-width:100%;min-width:0}}.show-rotate{position:absolute;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);padding:8px 14px;border-radius:99px;background:#ffffff29;color:#fff;font-size:13px;pointer-events:none;animation:rise .45s var(--ease-soft) both}
