@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Syne:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Syne:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Syne:wght@400;500;600;700;800&display=swap";html,body,#root{width:100%;min-height:100%}.ob-root{z-index:9999;background:#0e0c09;grid-template-columns:1fr 1fr;transition:opacity .54s cubic-bezier(.4,0,.2,1),transform .54s cubic-bezier(.4,0,.2,1);display:grid;position:fixed;inset:0;overflow:hidden}.ob-root.ob-leaving{opacity:0;pointer-events:none;transform:scale(1.015)}.ob-grid-pattern{z-index:0;pointer-events:none;position:absolute;inset:0}.ob-grid-line{background:#f0e4c808;animation:1.4s both ob-line-in;position:absolute}.ob-grid-line-v{width:1px;top:0;bottom:0}.ob-grid-line-h{height:1px;left:0;right:0}@keyframes ob-line-in{0%{opacity:0}to{opacity:1}}.ob-particle-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ob-fadein{animation:.55s cubic-bezier(.22,1,.36,1) both ob-fade-up}@keyframes ob-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ob-left{z-index:2;border-right:1px solid #f0e4c80f;flex-direction:column;gap:0;padding:52px 56px 44px;display:flex;position:relative}.ob-logo{align-items:center;gap:10px;margin-bottom:52px;display:flex}.ob-logo-icon{color:#d4a84b;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ob-logo-icon svg{width:100%;height:100%}.ob-logo-wordmark{letter-spacing:.01em;color:#f0e8d8;font:700 1.05rem/1 Syne,sans-serif}.ob-step{flex-direction:column;flex:1;justify-content:center;display:flex}.ob-eyebrow{letter-spacing:.13em;text-transform:uppercase;color:#d4a84b;margin-bottom:18px;font:500 .72rem/1 IBM Plex Mono,monospace}.ob-headline{color:#f0e8d8;letter-spacing:-.03em;margin-bottom:22px;font:800 2.9rem/1.08 Syne,sans-serif}.ob-headline em{color:#d4a84b;font-style:normal}.ob-ready-headline{color:#f0e8d8;letter-spacing:-.03em;margin-bottom:20px;font:800 2.5rem/1.1 Syne,sans-serif}.ob-subline{color:#a89e8e;max-width:360px;margin-bottom:36px;font:400 .88rem/1.7 IBM Plex Mono,monospace}.ob-cta-row{align-items:center;gap:14px;margin-bottom:28px;display:flex}.ob-btn-primary{color:#0e0c09;letter-spacing:.02em;cursor:pointer;background:#d4a84b;border:none;border-radius:8px;align-items:center;gap:8px;padding:13px 24px;font:600 .88rem/1 Syne,sans-serif;transition:background .18s,transform .14s,box-shadow .18s;display:inline-flex;box-shadow:0 0 #d4a84b00}.ob-btn-primary svg{width:16px;height:16px;transition:transform .18s}.ob-btn-primary:hover{background:#e0b85c;transform:translateY(-1px);box-shadow:0 8px 28px #d4a84b47}.ob-btn-primary:hover svg{transform:translate(3px)}.ob-btn-primary:active{transform:translateY(0)}.ob-btn-enter{padding:15px 32px;font-size:.95rem}.ob-btn-ghost{color:#6a6255;cursor:pointer;background:0 0;border:none;padding:8px 4px;font:500 .84rem/1 Syne,sans-serif;transition:color .15s}.ob-btn-ghost:hover{color:#a89e8e}.ob-built-badge{color:#6a6255;letter-spacing:.04em;align-items:center;gap:7px;font:500 .72rem/1 IBM Plex Mono,monospace;display:inline-flex}.ob-built-dot{background:#d4a84b;border-radius:50%;width:6px;height:6px;animation:2.2s ease-in-out infinite ob-pulse}@keyframes ob-pulse{0%,to{box-shadow:0 0 #d4a84b80}50%{box-shadow:0 0 0 5px #d4a84b00}}.ob-stepper{gap:7px;margin-top:36px;display:flex}.ob-step-dot{cursor:pointer;background:#f0e4c81f;border:none;border-radius:999px;width:24px;height:3px;padding:0;transition:background .2s,width .22s}.ob-step-dot.active{background:#d4a84b;width:36px}.ob-feature-grid{flex-direction:column;gap:4px;margin-bottom:32px;display:flex}.ob-feature-item{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:14px;padding:11px 14px;transition:background .18s,border-color .18s;display:flex}.ob-feature-item:hover{background:#f0e4c80a}.ob-feature-item.ob-feature-active{background:#d4a84b12;border-color:#d4a84b38}.ob-feature-icon{color:#d4a84b;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:flex}.ob-feature-icon svg{width:100%;height:100%}.ob-feature-item.ob-feature-active .ob-feature-icon{color:#e0b85c}.ob-feature-text{flex-direction:column;gap:3px;display:flex}.ob-feature-text strong{color:#f0e8d8;font:600 .82rem/1.2 Syne,sans-serif}.ob-feature-text span{color:#6a6255;font:400 .77rem/1.45 IBM Plex Mono,monospace}.ob-feature-item.ob-feature-active .ob-feature-text strong{color:#e0b85c}.ob-feature-item.ob-feature-active .ob-feature-text span{color:#8a7e6a}.ob-tips{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.ob-tip{color:#a89e8e;align-items:center;gap:7px;font:400 .75rem/1 IBM Plex Mono,monospace;display:flex}kbd{font:inherit;color:#d4a84b;background:#f0e4c812;border:1px solid #f0e4c81f;border-radius:5px;justify-content:center;align-items:center;padding:3px 8px;font-size:.72rem;display:inline-flex}.ob-right{z-index:2;background:radial-gradient(at 60% 40%,#d4a84b0e 0%,#0000 65%);justify-content:center;align-items:center;padding:52px 44px;display:flex;position:relative}.ob-preview-frame{background:#13110e;border:1px solid #f0e4c81a;border-radius:14px;width:100%;max-width:380px;transition:transform .4s;overflow:hidden;transform:perspective(900px)rotateY(-5deg)rotateX(2deg);box-shadow:0 32px 80px #0000008c,inset 0 0 0 1px #f0e4c80a}.ob-preview-frame:hover{transform:perspective(900px)rotateY(-2deg)rotateX(1deg)translateY(-4px)}.ob-preview-titlebar{background:#1c1914;border-bottom:1px solid #f0e4c812;align-items:center;gap:6px;padding:10px 14px;display:flex}.ob-tb-dot{border-radius:50%;width:10px;height:10px}.ob-tb-red{background:#c0614a}.ob-tb-yellow{background:#d4a84b}.ob-tb-green{background:#7eb87e}.ob-tb-label{color:#f0e4c840;margin-left:6px;font:400 .7rem/1 IBM Plex Mono,monospace}.ob-mock-canvas{background:#13110e;height:256px;position:relative;overflow:hidden}.ob-mock-dot-grid{background-image:radial-gradient(circle,#f0e4c80e 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.ob-mock-card{border:1px solid #f0e4c817;border-radius:8px;animation:5.5s ease-in-out infinite alternate ob-card-float;position:absolute;overflow:hidden}.ob-mock-card:nth-child(2){animation-delay:-1.1s}.ob-mock-card:nth-child(3){animation-delay:-2.4s}.ob-mock-card:nth-child(4){animation-delay:-3.7s}@keyframes ob-card-float{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.ob-mock-image{background:#1c1914;padding:6px}.ob-mock-image-fill{background:linear-gradient(135deg,#2d2820 0%,#352e24 50%,#2a2318 100%);border-radius:5px;width:100%;height:100%}.ob-mock-img-chip{color:#f0e4c84d;background:#00000059;border-radius:3px;padding:2px 5px;font:500 .55rem/1 IBM Plex Mono,monospace;position:absolute;bottom:7px;right:7px}.ob-mock-note{background:#1e1b14;padding:10px 12px}.ob-mock-line{background:#f0e4c821;border-radius:3px;height:5px}.ob-mock-line.ob-dim{background:#f0e4c812}.ob-mock-code{background:#171410;padding:0}.ob-mock-code-bar{background:#f0e4c80a;border-bottom:1px solid #f0e4c812;height:18px}.ob-mock-codeline{border-radius:3px;height:5px;margin:6px 10px 0}.ob-cline-1{background:#d4a84b61;width:70%}.ob-cline-2{background:#7eb87e59;width:55%}.ob-cline-3{background:#f0e4c81f;width:40%}.ob-mock-link{background:#1c1914;flex-direction:column;display:flex}.ob-mock-link-img{background:linear-gradient(135deg,#2d2820,#352e24);flex-shrink:0;height:34px}.ob-mock-link-body{padding:8px 10px}.ob-mock-text-heading{color:#f0e4c8a6;letter-spacing:-.02em;pointer-events:none;font:800 1.05rem/1 Syne,sans-serif;animation:7s ease-in-out -4.5s infinite alternate ob-card-float;position:absolute}.ob-callout{color:#d4a84bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;pointer-events:none;background:#0e0c09d9;border:1px solid #d4a84b2e;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font:400 .68rem/1 IBM Plex Mono,monospace;display:flex;position:absolute}.ob-callout svg{flex-shrink:0;width:12px;height:12px}.ob-callout-1{bottom:52px;left:-20px}.ob-callout-2{top:50px;right:-16px}.ob-feature-spotlight{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#0e0c09e6;border:1px solid #d4a84b38;border-radius:999px;align-items:center;gap:9px;padding:8px 16px;transition:opacity .2s;display:flex;position:absolute;bottom:54px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0006}.ob-feature-spotlight-icon{color:#d4a84b;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.ob-feature-spotlight-icon svg{width:100%;height:100%}.ob-feature-spotlight-label{color:#f0e4c8b3;letter-spacing:.04em;font:500 .73rem/1 IBM Plex Mono,monospace}@media (width<=860px){.ob-root{grid-template-rows:auto 1fr;grid-template-columns:1fr}.ob-right{display:none}.ob-left{padding:36px 28px 32px}.ob-headline{letter-spacing:-.025em;font-size:2.2rem}}:root{--bg:#13110e;--surface:#1c1914;--surface-2:#242018;--surface-3:#2d2820;--surface-4:#352e24;--border:#f0e4c814;--border-hover:#f0e4c82e;--ink:#f0e8d8;--ink-2:#a89e8e;--ink-3:#6a6255;--accent:#d4a84b;--accent-glow:#d4a84b38;--accent-dim:#d4a84b1a;--accent-hover:#e0b85c;--green:#7eb87e;--red:#c0614a;--card-shadow:0 2px 12px #0009, 0 8px 32px #00000059;--card-sel-shadow:0 4px 24px #0000008c;--r-sm:5px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--font:"Syne", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}.icon-sm{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.icon-sm svg{width:100%;height:100%;display:block}.app-shell{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.workspace{flex:1;grid-template-columns:1fr 290px;min-height:0;padding-top:60px;display:grid}.board-viewport{background:var(--bg);position:relative;overflow:hidden}.board-viewport:before{content:"";background-image:radial-gradient(circle,#f0e4c80e 1px,#0000 1px);background-size:var(--dot-size,26px) var(--dot-size,26px);background-position:var(--dot-offset-x,0) var(--dot-offset-y,0);pointer-events:none;z-index:0;position:absolute;inset:0}.board{z-index:1;position:absolute}.toolbar-float{z-index:200;-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);border-radius:var(--r-lg);white-space:nowrap;background:#16130ffa;border:1px solid #f0e4c81c;align-items:center;gap:2px;padding:4px 5px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #f0e4c80d,0 6px 24px #0009}.toolbar-logo{justify-content:center;align-items:center;margin:0 3px 0 2px;display:flex}.logo-px{border-radius:var(--r-sm);background:var(--accent);color:#0e0b07;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.logo-px svg{display:block}.toolbar-divider{background:#f0e4c817;flex-shrink:0;width:1px;height:16px;margin:0 3px}.toolbar-tools,.toolbar-actions{align-items:center;gap:1px;display:flex}.tool-btn{border-radius:var(--r-sm);color:var(--ink-3);font:600 .64rem/1 var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:5px 9px;transition:background .1s,color .1s,border-color .1s;display:inline-flex}.tool-btn:hover{color:var(--ink);background:#f0e4c812}.tool-btn.active{color:var(--accent);background:#d4a84b21;border-color:#d4a84b2e}.tool-btn .tool-label{font:600 .63rem/1 var(--font-mono);letter-spacing:.04em}.tool-btn.share-btn{background:var(--accent);color:#0e0b07;letter-spacing:.03em;border-radius:var(--r-sm);border-color:#0000;padding:6px 13px;font-weight:700}.tool-btn.share-btn:hover{background:var(--accent-hover);color:#0e0b07}.tool-btn.danger-btn{color:#c0614aa6}.tool-btn.danger-btn:hover{color:var(--red);background:#c0614a1a}.share-wrap{position:relative}.copy-toast{background:var(--green);color:#071807;font:600 .68rem/1 var(--font-mono);border-radius:var(--r-pill);white-space:nowrap;pointer-events:none;padding:5px 12px;animation:.14s toast-in,.14s 1.9s forwards toast-out;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%)translateY(-4px)}}.empty-hint{text-align:center;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.empty-hint-inner{background:var(--surface);border:1px dashed var(--border-hover);border-radius:var(--r-xl);flex-direction:column;align-items:center;gap:12px;padding:36px 48px;display:inline-flex;box-shadow:0 8px 40px #0006}.empty-icon{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);width:48px;height:48px;color:var(--accent);justify-content:center;align-items:center;display:flex}.empty-hint h2{font:700 1.05rem/1 var(--font);letter-spacing:-.03em}.empty-hint p{color:var(--ink-3);font:.78rem/1.55 var(--font-mono);max-width:280px}.empty-shortcuts{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.kbd{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-sm);font:.64rem/1 var(--font-mono);color:var(--ink-3);align-items:center;padding:3px 7px;display:inline-flex}.item-card{cursor:grab;-webkit-user-select:none;user-select:none;animation:.18s cubic-bezier(.34,1.4,.64,1) card-in;position:absolute;overflow:visible}@keyframes card-in{0%{opacity:0;transform:scale(.91)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.item-card:after{content:"";border-radius:var(--r-lg);pointer-events:none;border:2px solid #0000;transition:border-color .1s;position:absolute;inset:-2px}.item-card:hover:after{border-color:#f0e4c82e}.item-card.selected:after{border-color:var(--accent)}.item-card.locked:after{border-style:dashed;border-color:#d4a84b59}.item-card.locked{cursor:default}.card-body{border-radius:var(--r-lg);width:100%;height:100%;position:relative;overflow:hidden}.card-drag-strip{z-index:8;cursor:grab;border-radius:var(--r-lg) var(--r-lg) 0 0;height:28px;position:absolute;top:0;left:0;right:0}.card-drag-strip:active{cursor:grabbing}.card-float-toolbar{z-index:60;background:var(--surface);border:1px solid var(--border-hover);border-radius:var(--r-md);white-space:nowrap;align-items:center;gap:1px;padding:3px;animation:.12s cubic-bezier(.34,1.3,.64,1) ftb-in;display:flex;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000008c}@keyframes ftb-in{0%{opacity:0;transform:translate(-50%)translateY(5px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.ftb-btn{width:28px;height:28px;color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background 80ms,color 80ms;display:flex}.ftb-btn:hover{background:var(--surface-2);color:var(--ink)}.ftb-btn.ftb-danger:hover{color:var(--red);background:#c0614a24}.ftb-div{background:var(--border);flex-shrink:0;width:1px;height:14px;margin:0 2px}.resize-handle{background:var(--surface);border:2px solid var(--accent);cursor:nwse-resize;z-index:15;opacity:0;border-radius:3px;width:12px;height:12px;transition:opacity .12s;position:absolute;bottom:-5px;right:-5px}.item-card:hover .resize-handle,.item-card.selected .resize-handle{opacity:1}.card-image .card-body{background:#0a0806}.card-image .card-body img{object-fit:cover;width:100%;height:100%;display:block}.card-video .card-body{background:#000}.card-video .card-body video{object-fit:contain;width:100%;height:100%;display:block}.card-embed .card-body{background:#0a0806}.card-embed .card-body iframe{border:none;width:100%;height:100%;display:block}.preview-overlay{opacity:0;cursor:pointer;background:#00000061;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.card-body:hover .preview-overlay{opacity:1}.preview-icon{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.card-note .card-body{border-radius:var(--r-lg);box-shadow:var(--card-shadow), 2px 2px 0 #00000040}.card-note.selected .card-body{box-shadow:var(--card-sel-shadow)}.note-body{background:linear-gradient(150deg,#2f2712 0%,#241d0b 100%)}.note-inline{resize:none;color:#e8d278;width:100%;height:100%;font:500 .88rem/1.68 var(--font-mono);caret-color:var(--accent);background:0 0;border:none;outline:none;padding:30px 14px 14px;display:block}.note-inline::placeholder{color:#e8d27859}.note-inline:disabled{opacity:.65;cursor:default}.card-text .card-body{border-radius:var(--r-lg);box-shadow:var(--card-shadow)}.text-body{background:#1e1b15}.text-inline{resize:none;width:100%;height:100%;color:var(--ink);font:500 .92rem/1.7 var(--font);caret-color:var(--accent);background:0 0;border:none;outline:none;padding:30px 16px 16px;display:block}.text-inline::placeholder{color:#f0e4c833}.text-inline:disabled{opacity:.65;cursor:default}.card-text{cursor:text}.card-text:after{border-radius:8px}.card-text .card-body{box-shadow:none;background:0 0;border:none;overflow:visible}.canvas-text-body{padding-left:28px;position:relative}.canvas-text-inline{resize:none;width:100%;height:100%;font-family:var(--font);color:var(--ink);letter-spacing:0;text-shadow:0 2px 16px #00000042;caret-color:var(--accent);background:0 0;border:none;outline:none;font-size:42px;font-weight:700;line-height:1.1;overflow:hidden}.canvas-text-inline::placeholder{color:#f0e4c847}.canvas-text-inline:disabled{cursor:default;opacity:.75}.text-drag-handle{border:1px solid var(--border);background:var(--surface-2);width:22px;height:22px;color:var(--ink-2);cursor:grab;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;left:2px}.text-drag-handle:active{cursor:grabbing}.text-drag-handle:hover{color:var(--accent);border-color:#d4a84b59}.card-markdown .card-body{border-radius:var(--r-lg);box-shadow:var(--card-shadow);border:1px solid #f0e4c817}.markdown-body{background:#1f1b15;grid-template-rows:30px 1fr 1fr;display:grid}.markdown-mode-switch{border-bottom:1px solid var(--border);background:#00000038;gap:4px;padding:5px 8px;display:flex}.markdown-mode-switch button{border:1px solid var(--border);background:var(--surface-2);color:var(--ink-3);font:600 .62rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:6px;padding:2px 8px}.markdown-mode-switch button.active{background:var(--accent-dim);color:var(--accent);border-color:#d4a84b59}.md-mode-edit .markdown-preview,.md-mode-preview .markdown-inline{display:none}.md-mode-preview .markdown-preview{grid-row:2/4}.md-mode-edit .markdown-inline{border-bottom:none;grid-row:2/4}.markdown-inline{border:none;border-bottom:1px solid var(--border);resize:none;color:#f0e8d8;font:.77rem/1.55 var(--font-mono);background:#00000029;outline:none;padding:30px 12px 12px}.markdown-preview{color:var(--ink);font:.8rem/1.55 var(--font);padding:12px;overflow:auto}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{color:#f4ebd8;margin:0 0 6px}.markdown-preview p{color:var(--ink-2);margin:0 0 8px}.markdown-preview ul{margin:0 0 8px 18px}.markdown-preview li{color:var(--ink-2);margin-bottom:4px}.markdown-preview code{font:.74rem/1 var(--font-mono);color:#f4d58d;background:#d4a84b24;border:1px solid #d4a84b3d;border-radius:4px;padding:1px 4px}.markdown-preview a{color:var(--accent);border-bottom:1px solid #d4a84b4d;text-decoration:none}.card-code .card-body{border-radius:var(--r-lg);box-shadow:var(--card-shadow);border:1px solid #f0e4c817;overflow:hidden}.code-body{background:#121212;grid-template-rows:28px 1fr 1fr;display:grid}.code-header{background:#1c1c1c;border-bottom:1px solid #ffffff14;align-items:center;padding:0 10px;display:flex}.code-header span{font:600 .62rem/1 var(--font-mono);color:#e2b869;text-transform:uppercase;letter-spacing:.06em}.code-inline{resize:none;color:#f1eee6;caret-color:var(--accent);background:#131313;border:none;outline:none;padding:12px;font:.78rem/1.55 IBM Plex Mono,monospace}.code-inline::placeholder{color:#f0e4c847}.code-preview{background:#0f0f10;border-top:1px solid #ffffff14;margin:0;padding:10px 12px;overflow:auto}.code-preview code{color:#f4efe3;font:.76rem/1.5 IBM Plex Mono,monospace}.code-preview .token.keyword{color:#e7bb67}.code-preview .token.string{color:#9bd49f}.code-preview .token.comment{color:#7f7466}.code-preview .token.function{color:#9dc8f5}.code-preview .token.number,.code-preview .token.boolean{color:#d49bb8}.code-preview .token.operator{color:#d8cbb3}.card-link .card-body{background:var(--surface);box-shadow:var(--card-shadow);cursor:grab;border:1px solid #f0e4c817}.card-link.selected .card-body{box-shadow:var(--card-sel-shadow)}.link-body{overflow:hidden}.link-card-inner{flex-direction:column;height:100%;display:flex;overflow:hidden}.link-header{border-bottom:1px solid var(--border);cursor:grab;background:var(--surface-2);flex-shrink:0;align-items:center;gap:7px;padding:9px 10px 7px;display:flex}.link-domain{font:500 .68rem/1 var(--font-mono);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.link-header-actions{flex-shrink:0;align-items:center;gap:3px;display:flex}.link-action-btn{color:var(--ink-3);font:600 .6rem/1 var(--font-mono);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;flex-shrink:0;align-items:center;gap:3px;padding:3px 7px;text-decoration:none;transition:background 80ms,color 80ms,border-color 80ms;display:inline-flex}.link-action-btn:hover{background:var(--surface-3);color:var(--ink);border-color:var(--border)}.link-open-btn:hover{color:var(--accent);background:var(--accent-dim);border-color:#d4a84b40}.link-btn-label{font:inherit}.link-url-edit{border-bottom:1px solid var(--border);background:var(--surface-2);flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;display:flex}.link-url-input{border:1px solid var(--border);background:var(--surface-3);color:var(--ink);border-radius:var(--r-sm);font:.74rem/1 var(--font-mono);outline:none;flex:1;padding:5px 8px;transition:border-color .1s}.link-url-input:focus{box-shadow:0 0 0 2px var(--accent-dim);border-color:#d4a84b80}.link-url-confirm,.link-url-cancel{cursor:pointer;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background 80ms,color 80ms;display:flex}.link-url-confirm{color:var(--accent);background:#d4a84b26}.link-url-confirm:hover{background:#d4a84b4d}.link-url-cancel{color:var(--ink-3);background:0 0}.link-url-cancel:hover{background:var(--surface-3);color:var(--ink)}.link-og-img-wrap{background:var(--surface-2);border-bottom:1px solid var(--border);flex-shrink:0;width:100%;max-height:160px;overflow:hidden}.link-og-img{object-fit:cover;width:100%;height:160px;display:block}.link-meta{flex-direction:column;flex:1;gap:5px;padding:10px 12px;display:flex;overflow:hidden}.link-og-title{font:600 .83rem/1.38 var(--font);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.link-og-desc{font:.7rem/1.52 var(--font-mono);color:var(--ink-3);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.link-no-preview{font:.68rem/1 var(--font-mono);color:var(--ink-3)}.link-retry-btn{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link-retry-btn:hover{color:var(--accent-hover)}.link-loading{align-items:center;gap:6px;padding:4px 0;display:flex}.link-loading-label{font:.67rem/1 var(--font-mono);color:var(--ink-3);flex:1}.link-loading-dot{background:var(--ink-3);border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:1.2s ease-in-out infinite both dot-pulse}.link-loading-dot:nth-child(2){animation-delay:0s}.link-loading-dot:nth-child(3){animation-delay:.2s}.link-loading-dot:nth-child(4){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1.1)}}.favicon{object-fit:contain;border-radius:3px;flex-shrink:0;width:16px;height:16px}.favicon-placeholder{background:var(--surface-3);width:16px;height:16px;color:var(--ink-3);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-file .card-body{background:var(--surface);box-shadow:var(--card-shadow);border:1px solid #f0e4c817}.file-card{flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:16px;display:flex}.file-icon{opacity:.5;color:var(--ink-2);justify-content:center;align-items:center;display:flex}.file-name{font:.76rem/1.4 var(--font-mono);color:var(--ink-2);text-align:center;word-break:break-word}.file-row{align-items:center;gap:6px;display:flex}.file-action-btn{font:500 .68rem/1 var(--font-mono);color:var(--accent);border-radius:var(--r-pill);background:var(--accent-dim);cursor:pointer;border:1px solid #d4a84b33;align-items:center;padding:4px 10px;text-decoration:none;transition:background .1s;display:inline-flex}.file-action-btn:hover{background:#d4a84b2e}.inspector{border-left:1px solid var(--border);background:#110f0c;flex-direction:column;gap:12px;padding:14px;display:flex;overflow-y:auto}.inspector-head{border-bottom:1px solid var(--border);padding-bottom:10px}.inspector-head h3{font:700 .74rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px}.inspector-head p{font:.67rem/1 var(--font-mono);color:var(--ink-3);text-transform:capitalize}.inspector-empty{border:1px dashed var(--border);border-radius:var(--r-md);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px 14px;display:flex}.inspector-empty-icon{width:32px;height:32px;color:var(--ink-3);justify-content:center;align-items:center;display:flex}.inspector-empty p{font:.74rem/1.5 var(--font-mono);color:var(--ink-3)}.inspector-fields{flex-direction:column;gap:9px;display:flex}.inspector label{flex-direction:column;gap:4px;display:flex}.inspector label span{font:600 .61rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.inspector input,.inspector textarea{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--ink);border-radius:var(--r-sm);font:.78rem/1.3 var(--font-mono);outline:none;padding:7px 9px;transition:border-color .1s,box-shadow .1s}.inspector select{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--ink);border-radius:var(--r-sm);font:.78rem/1.3 var(--font-mono);outline:none;padding:7px 9px}.inspector textarea{resize:vertical;min-height:60px}.inspector input:focus,.inspector textarea:focus,.inspector select:focus{box-shadow:0 0 0 2px var(--accent-dim);border-color:#d4a84b66}.color-row{align-items:center;gap:8px;display:flex}.color-row input[type=color]{border-radius:var(--r-sm);cursor:pointer;flex-shrink:0;width:34px;height:30px;padding:2px}.color-hex{font:.74rem/1 var(--font-mono);color:var(--ink-3);letter-spacing:.04em}.numeric-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.inspector-actions{grid-template-columns:1fr 1fr;gap:5px;margin-top:2px;display:grid}.preset-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.preset-btn{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-2);font:600 .62rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:7px 8px}.preset-btn:hover{border-color:var(--border-hover);color:var(--ink)}.preset-btn.active{background:var(--accent-dim);color:var(--accent);border-color:#d4a84b59}.insp-btn{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-2);font:500 .68rem/1 var(--font-mono);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:7px 8px;transition:background .1s,color .1s,border-color .1s;display:inline-flex}.insp-btn:hover{background:var(--surface-3);color:var(--ink);border-color:var(--border-hover)}.insp-btn.wide{grid-column:span 2}.insp-btn.danger{color:var(--red);border-color:#c0614a2e}.insp-btn.danger:hover{background:#c0614a1a;border-color:#c0614a52}.zoom-hud{z-index:190;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--r-xl);background:#181410f2;border:1px solid #f0e4c81a;align-items:center;gap:1px;padding:3px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}.zoom-btn{width:28px;height:28px;color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.zoom-btn:hover{color:var(--ink);background:#f0e4c814}.zoom-pct{height:28px;font:600 .68rem/1 var(--font-mono);color:var(--ink-2);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 8px;transition:color .1s;display:flex}.zoom-pct:hover{color:var(--ink)}.modal-backdrop{z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;justify-content:center;align-items:center;animation:.14s lb-in;display:flex;position:fixed;inset:0}.url-modal{background:var(--surface);border:1px solid var(--border-hover);border-radius:var(--r-xl);width:min(440px,90vw);padding:24px;animation:.16s cubic-bezier(.34,1.3,.64,1) modal-in;box-shadow:0 24px 80px #000000a6}@keyframes modal-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.url-modal-header{color:var(--ink);align-items:center;gap:9px;margin-bottom:6px;display:flex}.url-modal-header h3{font:700 1rem/1 var(--font);letter-spacing:-.02em;flex:1}.url-modal-hint{font:.73rem/1.5 var(--font-mono);color:var(--ink-3);margin-bottom:14px}.modal-close{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);width:26px;height:26px;color:var(--ink-2);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:background .1s;display:flex}.modal-close:hover{background:var(--surface-3);color:var(--ink)}.url-modal-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--ink);font:.85rem/1 var(--font-mono);outline:none;margin-bottom:14px;padding:11px 14px;transition:border-color .1s,box-shadow .1s;display:block}.url-modal-input:focus{box-shadow:0 0 0 3px var(--accent-dim);border-color:#d4a84b66}.url-modal-footer{justify-content:flex-end;align-items:center;gap:7px;display:flex}.btn-ghost{border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink-2);font:500 .78rem/1 var(--font-mono);cursor:pointer;background:0 0;padding:8px 14px;transition:background .1s,color .1s}.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn-primary{background:var(--accent);border-radius:var(--r-md);color:#0e0b07;font:700 .78rem/1 var(--font-mono);cursor:pointer;box-shadow:0 2px 10px var(--accent-glow);border:1px solid #0000;align-items:center;gap:6px;padding:9px 16px;transition:background .1s;display:inline-flex}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.publish-modal{width:min(520px,92vw)}.publish-field{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.publish-field span{font:600 .62rem/1 var(--font-mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.07em}.publish-field input,.publish-field textarea,.publish-field select{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--ink);border-radius:var(--r-sm);font:.78rem/1.3 var(--font-mono);outline:none;padding:8px 10px}.publish-field textarea{resize:vertical;min-height:62px}.publish-field input:focus,.publish-field textarea:focus,.publish-field select:focus{box-shadow:0 0 0 2px var(--accent-dim);border-color:#d4a84b66}.publish-toast{z-index:1000;border-radius:var(--r-md);font:600 .7rem/1.2 var(--font-mono);border:1px solid var(--border-hover);background:var(--surface);color:var(--ink);padding:9px 12px;position:fixed;bottom:16px;right:16px;box-shadow:0 10px 30px #00000073}.publish-toast.success{color:#95d195;border-color:#7eb87e59}.publish-toast.error{color:#da8f7a;border-color:#c0614a73}.settings-modal{background:var(--bg);border-radius:var(--r-xl);border:1px solid #f0e4c821;width:min(760px,96vw);height:min(560px,90vh);animation:.16s cubic-bezier(.34,1.3,.64,1) modal-in;display:flex;overflow:hidden;box-shadow:0 32px 100px #000000bf}.settings-sidebar{border-right:1px solid var(--border);background:#0000004d;flex-direction:column;flex-shrink:0;gap:2px;width:180px;padding:16px 10px;display:flex}.settings-sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:8px;padding:4px 8px 14px;display:flex}.settings-app-name{font:700 .72rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3)}.settings-nav{flex-direction:column;flex:1;gap:2px;display:flex}.settings-nav-item{border-radius:var(--r-sm);color:var(--ink-3);font:500 .74rem/1 var(--font-mono);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:8px 10px;transition:background 80ms,color 80ms;display:flex}.settings-nav-item:hover{background:var(--surface-2);color:var(--ink)}.settings-nav-item.active{background:var(--accent-dim);color:var(--accent);border-color:#d4a84b40}.settings-sidebar-footer{border-top:1px solid var(--border);padding-top:10px}.settings-version{font:.62rem/1 var(--font-mono);color:var(--ink-3);padding:0 8px}.settings-pane{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.settings-pane-header{flex-shrink:0;justify-content:flex-end;padding:12px 14px 0;display:flex}.settings-form{flex-direction:column;flex:1;padding:4px 24px 20px;display:flex;overflow-y:auto}.settings-form::-webkit-scrollbar{width:5px}.settings-form::-webkit-scrollbar-thumb{background:#f0e4c81a;border-radius:5px}.settings-section{flex-direction:column;flex:1;gap:16px;display:flex}.settings-section-title{font:700 1.05rem/1 var(--font);letter-spacing:-.02em;color:var(--ink)}.settings-section-hint{font:.73rem/1.5 var(--font-mono);color:var(--ink-3);margin-top:-8px}.settings-field{flex-direction:column;gap:6px;display:flex}.settings-field label{font:600 .62rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);flex-direction:column;gap:4px;display:flex}.settings-field-hint{font:400 .62rem/1 var(--font-mono);text-transform:none;letter-spacing:0;color:var(--ink-3);opacity:.6}.settings-field input,.settings-field select{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--ink);border-radius:var(--r-sm);font:.82rem/1 var(--font-mono);outline:none;padding:9px 11px;transition:border-color .1s,box-shadow .1s}.settings-field input:focus,.settings-field select:focus{box-shadow:0 0 0 2px var(--accent-dim);border-color:#d4a84b66}.settings-handle-row{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--r-sm);align-items:center;transition:border-color .1s,box-shadow .1s;display:flex;overflow:hidden}.settings-handle-row:focus-within{box-shadow:0 0 0 2px var(--accent-dim);border-color:#d4a84b66}.settings-handle-at{font:600 .82rem/1 var(--font-mono);color:var(--ink-3);background:var(--surface-3);border-right:1px solid var(--border);flex-shrink:0;padding:9px 10px 9px 12px}.settings-handle-row input{box-shadow:none;background:0 0;border:none;flex:1;padding:9px 11px}.settings-handle-row input:focus{box-shadow:none;border-color:#0000}.settings-toggle-row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:14px;padding:12px 14px;display:flex}.settings-toggle-label{font:600 .78rem/1.2 var(--font-mono);color:var(--ink);margin-bottom:3px}.settings-toggle-hint{font:.67rem/1.4 var(--font-mono);color:var(--ink-3)}.settings-toggle{background:var(--surface-3);border:1px solid var(--border);cursor:pointer;border-radius:11px;flex-shrink:0;width:38px;height:22px;padding:0;transition:background .15s,border-color .15s;position:relative}.settings-toggle.on{background:var(--accent);border-color:var(--accent)}.settings-toggle-knob{background:var(--ink-3);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.settings-toggle.on .settings-toggle-knob{background:#0e0b07;transform:translate(16px)}.settings-info-block{background:var(--accent-dim);border-radius:var(--r-md);border:1px solid #d4a84b2e;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.settings-info-title{font:600 .74rem/1 var(--font-mono);color:var(--accent);margin-bottom:4px}.settings-info-body{font:.68rem/1.5 var(--font-mono);color:var(--ink-3)}.settings-form-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:auto;padding-top:18px;display:flex}.pv-shell{background:var(--bg);min-height:100vh;color:var(--ink);flex-direction:column;display:flex}.pv-nav{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border-bottom:1px solid var(--border);background:#13110eeb;align-items:center;gap:10px;padding:12px 24px;display:flex;position:sticky;top:0}.pv-nav-mark{color:var(--accent);align-items:center;display:flex}.pv-nav-handle{font:500 .74rem/1 var(--font-mono);color:var(--ink-3);flex:1}.pv-nav-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.pv-nav-badge{font:600 .6rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px 9px}.pv-nav-edit-btn{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);color:var(--ink-2);font:500 .72rem/1 var(--font-mono);cursor:pointer;align-items:center;gap:5px;padding:6px 13px;text-decoration:none;transition:background 90ms,color 90ms;display:inline-flex}.pv-nav-edit-btn:hover{background:var(--surface-3);color:var(--ink)}.pv-content{flex-direction:column;flex:1;gap:64px;width:100%;max-width:900px;margin:0 auto;padding:60px 24px 80px;display:flex}.pv-hero{flex-direction:column;gap:18px;display:flex}.pv-hero-text{font:800 clamp(2.2rem, 6vw, 4.5rem)/1 var(--font);letter-spacing:-.04em;color:var(--ink);max-width:780px}.pv-hero-meta{flex-direction:column;gap:8px;display:flex}.pv-hero-desc{font:.9rem/1.65 var(--font-mono);color:var(--ink-2);max-width:560px}.pv-hero-stamps{font:.67rem/1 var(--font-mono);color:var(--ink-3);align-items:center;gap:8px;display:flex}.pv-text-section{flex-direction:column;gap:22px;display:flex}.pv-body-text{color:var(--ink);max-width:680px}.pv-section-label{font:700 .62rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:8px}.pv-media-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.pv-media-cell{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);overflow:hidden}.pv-media-cell img,.pv-media-cell video,.pv-media-cell iframe{aspect-ratio:16/10;object-fit:cover;border:none;width:100%;display:block}.pv-media-caption{font:.7rem/1 var(--font-mono);color:var(--ink-3);border-top:1px solid var(--border);padding:9px 12px}.pv-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.pv-card{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);flex-direction:column;gap:10px;padding:16px;display:flex;overflow:hidden}.pv-card-title{font:600 .68rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3)}.pv-note-body{font:.82rem/1.65 var(--font-mono);color:#e8d278;white-space:pre-wrap;word-break:break-word;background:0 0;border:none;padding:0}.pv-md-body{padding:0}.pv-code-block{border-radius:var(--r-md);border:1px solid #ffffff12;overflow:hidden}.pv-code-lang{font:600 .6rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:#e2b869;background:#1c1c1c;border-bottom:1px solid #ffffff0f;padding:6px 12px}.pv-links-section{flex-direction:column;display:flex}.pv-links-list{flex-direction:column;gap:6px;display:flex}.pv-link-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:background 90ms,border-color 90ms;display:flex}.pv-link-row:hover{background:var(--surface-2);border-color:var(--border-hover)}.pv-link-thumb{object-fit:cover;border-radius:5px;flex-shrink:0;width:48px;height:36px}.pv-link-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pv-link-title{font:600 .82rem/1.2 var(--font);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pv-link-desc{font:.68rem/1.3 var(--font-mono);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pv-link-domain{font:.62rem/1 var(--font-mono);color:var(--ink-3);opacity:.6}.pv-link-arrow{color:var(--ink-3);flex-shrink:0}.pv-files-section{flex-direction:column;display:flex}.pv-files-list{flex-direction:column;gap:5px;display:flex}.pv-file-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink-2);font:.78rem/1 var(--font-mono);align-items:center;gap:9px;padding:9px 14px;text-decoration:none;transition:background 90ms,color 90ms;display:inline-flex}.pv-file-row:hover{background:var(--surface-2);color:var(--ink)}.pv-footer{border-top:1px solid var(--border);justify-content:center;align-items:center;padding:20px 24px;display:flex}.pv-footer-mark{font:.68rem/1 var(--font-mono);color:var(--ink-3);opacity:.5;align-items:center;gap:8px;display:flex}.pv-footer-mark svg{color:var(--ink-3)}@media (width<=600px){.pv-media-grid{grid-template-columns:1fr}.pv-media-cell{grid-column:span 1!important}.pv-content{gap:44px;padding:36px 16px 60px}.settings-modal{flex-direction:column;height:auto;max-height:96vh}.settings-sidebar{flex-flow:wrap;gap:4px;width:100%;padding:10px}.settings-sidebar-logo{display:none}.settings-nav{flex-direction:row;flex:none}.settings-sidebar-footer{display:none}}.lightbox-overlay{z-index:999;-webkit-backdrop-filter:blur(22px)saturate(120%);backdrop-filter:blur(22px)saturate(120%);background:#000000eb;justify-content:center;align-items:center;animation:.14s lb-in;display:flex;position:fixed;inset:0}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lightbox-media{justify-content:center;align-items:center;width:100%;max-width:min(92vw,1240px);max-height:88vh;animation:.18s cubic-bezier(.34,1.3,.64,1) lb-scale;display:flex;position:relative}@keyframes lb-scale{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.lightbox-media img,.lightbox-media video,.lightbox-media iframe{border-radius:var(--r-xl);border:none;width:100%;max-width:100%;max-height:88vh;box-shadow:0 32px 100px #000000b3}.lightbox-media img,.lightbox-media video{width:auto}.lightbox-close{background:var(--surface-2);border:1px solid var(--border-hover);width:38px;height:38px;color:var(--ink-2);z-index:1001;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .1s;display:flex;position:fixed;top:18px;right:18px}.lightbox-close:hover{background:var(--surface-3);color:var(--ink)}.lightbox-info{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);font:.74rem/1 var(--font-mono);color:var(--ink-2);z-index:1001;padding:7px 14px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.ctx-menu{z-index:900;background:var(--surface);border:1px solid var(--border-hover);border-radius:var(--r-md);min-width:175px;padding:4px;animation:.1s cubic-bezier(.34,1.3,.64,1) modal-in;position:fixed;box-shadow:0 8px 30px #0009}.ctx-item{font:500 .75rem/1 var(--font-mono);color:var(--ink-2);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:7px 9px;text-decoration:none;transition:background 80ms,color 80ms;display:flex}.ctx-item:hover{background:var(--surface-2);color:var(--ink)}.ctx-item.danger{color:var(--red)}.ctx-item.danger:hover{background:#c0614a1a}.ctx-divider{background:var(--border);height:1px;margin:4px 0}.inspector::-webkit-scrollbar{width:5px}.inspector::-webkit-scrollbar-thumb{background:#f0e4c81a;border-radius:5px}.tool-btn.publish-btn{color:var(--ink-2)}.tool-btn.publish-btn:hover{color:var(--accent);background:#d4a84b1a}.zoom-div{background:#f0e4c81a;flex-shrink:0;width:1px;height:14px;margin:0 2px}.layers-panel{z-index:180;-webkit-backdrop-filter:blur(28px)saturate(160%);backdrop-filter:blur(28px)saturate(160%);border-radius:var(--r-lg);background:#14120ef7;border:1px solid #f0e4c821;flex-direction:column;width:240px;max-height:calc(100vh - 120px);animation:.15s cubic-bezier(.34,1.3,.64,1) modal-in;display:flex;position:fixed;top:70px;left:14px;overflow:hidden;box-shadow:0 8px 32px #0009,inset 0 1px #f0e4c80a}.layers-header{border-bottom:1px solid var(--border);background:#00000038;flex-shrink:0;align-items:center;gap:7px;padding:10px 12px 9px;display:flex}.layers-header h4{font:700 .68rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);flex:1}.layers-header .icon-sm{color:var(--ink-3)}.layers-count{font:600 .62rem/1 var(--font-mono);color:var(--ink-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:2px 7px}.layers-close{width:22px;height:22px;color:var(--ink-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;transition:background 80ms,color 80ms;display:flex}.layers-close:hover{background:var(--surface-3);color:var(--ink);border-color:var(--border)}.layers-list{flex-direction:column;flex:1;gap:2px;padding:5px;display:flex;overflow-y:auto}.layers-list::-webkit-scrollbar{width:4px}.layers-list::-webkit-scrollbar-thumb{background:#f0e4c81a;border-radius:4px}.layers-empty{font:.72rem/1 var(--font-mono);color:var(--ink-3);text-align:center;padding:14px 8px}.layers-item{border-radius:var(--r-sm);color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:7px;width:100%;padding:7px 9px;transition:background 70ms,color 70ms,border-color 70ms;display:flex}.layers-item:hover{background:var(--surface-2);color:var(--ink)}.layers-item.selected{background:var(--accent-dim);color:var(--accent);border-color:#d4a84b47}.layers-item.locked{opacity:.55}.layers-item-icon{color:inherit;flex-shrink:0}.layers-item-type{font:600 .58rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);flex-shrink:0;min-width:38px}.layers-item.selected .layers-item-type{color:#d4a84bbf}.layers-item-label{font:.72rem/1.2 var(--font-mono);color:inherit;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.layers-item-lock{opacity:.5;color:var(--ink-3);flex-shrink:0}.publish-success-block{border-radius:var(--r-md);background:#7eb87e12;border:1px solid #7eb87e40;align-items:flex-start;gap:11px;margin-bottom:14px;padding:13px 14px;display:flex}.publish-success-icon{width:32px;height:32px;color:var(--green);background:#7eb87e2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.publish-success-content{flex:1;min-width:0}.publish-success-title{font:700 .84rem/1 var(--font);color:var(--green);margin-bottom:4px}.publish-success-hint{font:.68rem/1.45 var(--font-mono);color:var(--ink-3);margin-bottom:10px}.publish-url-row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;gap:5px;padding:4px 8px;display:flex}.publish-url-text{font:.65rem/1 var(--font-mono);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.publish-copy-btn,.publish-open-btn{border:1px solid var(--border);background:var(--surface-3);color:var(--ink-2);font:600 .6rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border-radius:5px;flex-shrink:0;align-items:center;gap:4px;padding:4px 9px;text-decoration:none;transition:background 80ms,color 80ms;display:inline-flex}.publish-copy-btn:hover{background:var(--surface-4);color:var(--ink)}.publish-open-btn:hover{background:var(--accent-dim);color:var(--accent);border-color:#d4a84b4d}@media (width<=1100px){.workspace{grid-template-columns:1fr}.inspector{border-left:none;border-top:1px solid var(--border);max-height:32vh}}@media (width<=600px){.toolbar-float{padding:3px 5px;top:8px}.tool-btn .tool-label{display:none}.tool-btn{padding:7px}.workspace{padding-top:56px}.layers-panel{width:calc(100vw - 16px);top:64px;left:8px}}.share-modal{background:var(--surface-1);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:0;width:min(560px,94vw);max-height:90vh;padding:0;display:flex;overflow-y:auto;box-shadow:0 32px 80px #00000085,0 0 0 1px #ffffff0a}.share-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.share-modal-title-row{align-items:center;gap:10px;display:flex}.share-modal-title-row h3{font:700 1.05rem/1 var(--font);color:var(--ink);letter-spacing:-.02em;margin:0}.share-modal-icon{color:var(--accent);width:18px;height:18px}.share-form{flex-direction:column;gap:10px;padding:16px 20px 0;display:flex}.share-fields-row{align-items:flex-end;gap:8px;display:flex}.share-field{font:600 .72rem/1 var(--font-mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:5px;display:flex}.share-field-grow{flex:1;min-width:0}.share-field input,.share-field textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--ink);font:500 .9rem/1 var(--font);outline:none;padding:9px 12px;transition:border-color .12s}.share-field input:focus,.share-field textarea:focus{border-color:var(--accent)}.share-field-opt{font:400 .65rem/1 var(--font-mono);color:var(--ink-4);text-transform:none;letter-spacing:0;margin-left:4px}.share-generate-btn{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;height:38px;display:inline-flex}.share-info-block{border-radius:var(--r-md);background:#d4a84b0f;border:1px solid #d4a84b33;align-items:flex-start;gap:12px;margin:14px 20px 18px;padding:14px 16px;display:flex}.share-info-icon{color:var(--accent);flex-shrink:0;width:16px;height:16px;margin-top:1px}.share-info-title{font:700 .82rem/1 var(--font);color:var(--accent);margin-bottom:4px}.share-info-body{font:400 .78rem/1.55 var(--font);color:var(--ink-3)}.share-tabs{border-bottom:1px solid var(--border);align-items:center;gap:2px;margin-top:10px;padding:14px 20px 0;display:flex}.share-tab{color:var(--ink-3);font:600 .78rem/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px 10px;transition:color .1s,border-color .1s}.share-tab:hover{color:var(--ink)}.share-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.share-size-badge{font:500 .65rem/1 var(--font-mono);color:var(--ink-4);background:var(--surface-2);border:1px solid var(--border);border-radius:20px;margin-left:auto;padding:3px 8px}.share-link-area{flex-direction:column;gap:12px;padding:16px 20px 20px;display:flex}.share-url-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 14px;overflow:hidden}.share-url-text{font:500 .78rem/1.5 var(--font-mono);color:var(--ink-2);word-break:break-all;display:block}.share-link-actions{gap:8px;display:flex}.share-open-btn{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.share-link-hint{font:400 .75rem/1.6 var(--font);color:var(--ink-4);margin:0}.share-warning{border-radius:var(--r-sm);background:#d4a84b14;border:1px solid #d4a84b59;flex-direction:column;gap:8px;padding:10px;display:flex}.share-warning-title{font:700 .75rem/1.2 var(--font-mono);letter-spacing:.05em;color:var(--accent);text-transform:uppercase;margin:0}.share-embed-area{flex-direction:column;gap:12px;padding:16px 20px 20px;display:flex}.share-embed-code{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);font:500 .72rem/1.7 var(--font-mono);color:var(--ink-2);white-space:pre-wrap;word-break:break-all;margin:0;padding:14px;overflow-x:auto}.share-preview-area{padding:16px 20px 20px}.share-preview-browser{border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #0000004d}.share-preview-bar{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 12px;display:flex}.share-preview-dots{flex-shrink:0;gap:5px;display:flex}.share-preview-dots span{background:var(--border);border-radius:50%;width:9px;height:9px;display:block}.share-preview-dots span:first-child{background:#ff605499}.share-preview-dots span:nth-child(2){background:#ffbc4499}.share-preview-dots span:nth-child(3){background:#28c84499}.share-preview-addr{font:500 .7rem/1 var(--font-mono);color:var(--ink-4);background:var(--surface-3);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;flex:1;padding:4px 8px;overflow:hidden}.share-preview-frame{background:var(--bg);border:none;width:100%;height:400px;display:block}.copy-toast.toast-error{color:#e07070;background:#dc50501f;border-color:#dc50504d}.pv-nav-badge-share{color:var(--accent);background:#d4a84b1a;border-color:#d4a84b40;align-items:center;gap:5px;display:inline-flex}.pv-nav-title{font:600 .9rem/1 var(--font);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;max-width:240px;margin-left:12px;margin-right:auto;overflow:hidden}.ld-root{--ld-bg:#0b0906;--ld-surface:#131109;--ld-surface2:#1a1712;--ld-border:#f0e4c812;--ld-ink:#f0e8d8;--ld-ink2:#a89e8e;--ld-ink3:#6a6255;--ld-accent:#d4a84b;--ld-accent2:#e0b85c;--ld-green:#7eb87e;--ld-font:"Syne", system-ui, sans-serif;--ld-mono:"IBM Plex Mono", monospace;background:var(--ld-bg);min-height:100vh;color:var(--ld-ink);font-family:var(--ld-font);-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}.ld-nav{z-index:100;border-bottom:1px solid var(--ld-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0906d1;align-items:center;gap:32px;height:60px;padding:0 40px;display:flex;position:sticky;top:0}.ld-nav-logo{color:var(--ld-accent);font:700 1rem/1 var(--ld-font);letter-spacing:.01em;flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:flex}.ld-nav-links{gap:28px;margin-left:auto;display:flex}.ld-nav-links a{font:500 .83rem/1 var(--ld-font);color:var(--ld-ink3);text-decoration:none;transition:color .15s}.ld-nav-links a:hover{color:var(--ld-ink)}.ld-nav-cta{background:var(--ld-accent);color:var(--ld-bg);cursor:pointer;font:600 .82rem/1 var(--ld-font);border:none;border-radius:7px;flex-shrink:0;align-items:center;gap:7px;padding:8px 18px;transition:background .15s,transform .12s;display:flex}.ld-nav-cta svg{width:13px;height:13px}.ld-nav-cta:hover{background:var(--ld-accent2);transform:translateY(-1px)}.ld-hero{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1280px;margin:0 auto;padding:80px 80px 80px 64px;display:grid;position:relative}.ld-hero-text{flex-direction:column;display:flex}.ld-kicker{font:500 .72rem/1 var(--ld-mono);color:var(--ld-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.ld-h1{font:800 4rem/1.05 var(--ld-font);color:var(--ld-ink);letter-spacing:-.04em;margin-bottom:20px}.ld-h1 span{color:var(--ld-accent)}.ld-desc{font:400 .88rem/1.72 var(--ld-mono);color:var(--ld-ink2);max-width:400px;margin-bottom:36px}.ld-actions{align-items:center;gap:16px;display:flex}.ld-btn-primary{background:var(--ld-accent);color:var(--ld-bg);cursor:pointer;font:600 .88rem/1 var(--ld-font);letter-spacing:.01em;border:none;border-radius:9px;align-items:center;gap:9px;padding:13px 26px;transition:background .15s,transform .12s,box-shadow .18s;display:inline-flex}.ld-btn-primary svg{width:14px;height:14px;transition:transform .15s}.ld-btn-primary:hover{background:var(--ld-accent2);transform:translateY(-2px);box-shadow:0 10px 28px #d4a84b47}.ld-btn-primary:hover svg{transform:translate(3px)}.ld-hint{font:400 .76rem/1 var(--ld-mono);color:var(--ld-ink3)}.ld-preview-wrap{border:1px solid #f0e4c81a;border-radius:13px;transition:transform .4s;position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-3deg)rotateX(1.5deg);box-shadow:inset 0 0 0 1px #f0e4c80a,0 40px 100px #000000a6,0 0 60px #d4a84b0d}.ld-preview-wrap:hover{transform:perspective(1200px)rotateY(-1deg)rotateX(.5deg)translateY(-4px)}.ld-preview-chrome{background:#1c1914;border-bottom:1px solid #f0e4c80f;align-items:center;gap:7px;padding:9px 14px;display:flex}.ld-chrome-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ld-chrome-url{font:400 .7rem/1 var(--ld-mono);color:#f0e4c847;background:#f0e4c80a;border-radius:4px;margin-left:8px;padding:4px 12px}.ap-root{width:100%;height:420px;font-family:var(--ld-font);background:#13110e;position:relative;overflow:hidden}.ap-dotgrid{pointer-events:none;background-image:radial-gradient(circle,#f0e4c80e 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.ap-toolbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c1914f5;border:1px solid #f0e4c81a;border-radius:10px;align-items:center;gap:3px;padding:4px 8px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000073}.ap-toolbar-logo{color:#d4a84b;align-items:center;padding:3px 4px;display:flex}.ap-toolbar-sep{background:#f0e4c81a;flex-shrink:0;width:1px;height:16px;margin:0 4px}.ap-tool{color:#f0e4c873;cursor:default;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:flex}.ap-tool:hover{background:#f0e4c80f}.ap-tool-active{color:#d4a84b;background:#d4a84b2e}.ap-tool-icon{justify-content:center;align-items:center;width:14px;height:14px;display:flex}.ap-tool-icon svg{width:100%;height:100%}.ap-share-btn{color:#d4a84b;font:600 .6rem/1 var(--ld-font);letter-spacing:.02em;background:#d4a84b26;border-radius:6px;align-items:center;gap:5px;margin-left:2px;padding:5px 10px;display:flex}.ap-share-btn svg{width:11px;height:11px}.ap-canvas{position:absolute;inset:0}.ap-widget{font-family:var(--ld-mono);background:#1c1914;border:1px solid #f0e4c81a;border-radius:8px;position:absolute;overflow:hidden}.ap-widget-header{background:#f0e4c808;border-bottom:1px solid #f0e4c812;align-items:center;gap:6px;padding:5px 8px;display:flex}.ap-widget-type{font:500 .58rem/1 var(--ld-mono);color:#f0e4c84d;letter-spacing:.06em;text-transform:lowercase;flex:1}.ap-widget-actions{gap:4px;display:flex}.ap-widget-actions span{background:#f0e4c814;border-radius:999px;width:10px;height:4px}.ap-widget-img{width:160px}.ap-img-body{background:#1c1914;height:90px;padding:6px;position:relative}.ap-img-gradient{background:linear-gradient(135deg,#2d2820 0%,#352e24 50%,#2a2318 100%);border-radius:4px;width:100%;height:100%}.ap-img-overlay-text{font:500 .54rem/1 var(--ld-mono);color:#f0e4c847;background:#0006;border-radius:3px;padding:2px 6px;position:absolute;bottom:10px;right:10px}.ap-widget-note{width:130px}.ap-note-body{flex-direction:column;gap:5px;padding:8px 10px;display:flex}.ap-note-line{background:#f0e4c821;border-radius:3px;height:5px}.ap-widget-code{width:168px}.ap-code-header{color:#f0e4c859;background:#f0e4c806}.ap-code-body{flex-direction:column;gap:3px;padding:8px 10px;display:flex}.ap-code-row{font:400 .6rem/1.5 var(--ld-mono);white-space:pre;flex-wrap:wrap;align-items:baseline;display:flex}.ap-code-indent{padding-left:12px}.ap-tok-keyword{color:#c678dd}.ap-tok-fn{color:#61afef}.ap-tok-name{color:#e5c07b}.ap-tok-punc{color:#f0e4c873}.ap-tok-attr{color:#d19a66}.ap-tok-str{color:#98c379}.ap-tok-tag{color:#e06c75}.ap-tok-ws{white-space:pre}.ap-widget-link{background:#1c1914;flex-direction:column;width:140px;display:flex}.ap-link-thumb{background:linear-gradient(135deg,#2d2820,#352e24);flex-shrink:0;height:46px}.ap-link-body{flex-direction:column;flex:1;gap:3px;padding:7px 9px;display:flex}.ap-link-domain{font:400 .56rem/1 var(--ld-mono);color:#f0e4c847;align-items:center;gap:5px;display:flex}.ap-link-favicon{background:#f0e4c81a;border-radius:2px;flex-shrink:0;width:10px;height:10px}.ap-link-title{font:600 .65rem/1.3 var(--ld-font);color:#f0e4c8bf}.ap-link-desc{font:400 .56rem/1.3 var(--ld-mono);color:#f0e4c84d}.ap-link-open{color:#f0e4c833;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:6px;right:6px}.ap-link-open svg{width:10px;height:10px}.ap-canvas-text{font:800 1.1rem/1 var(--ld-font);color:#f0e4c88c;letter-spacing:-.03em;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.ap-widget-md{width:168px}.ap-md-tabs{gap:1px;margin-left:auto;display:flex}.ap-md-tab{font:500 .55rem/1 var(--ld-mono);color:#f0e4c847;cursor:default;border-radius:3px;padding:2px 6px}.ap-md-tab-active{color:#d4a84b;background:#d4a84b29}.ap-md-body{font:400 .6rem/1.6 var(--ld-mono);color:#f0e4c880;padding:8px 10px}.ap-md-h{color:#61afef}.ap-md-ht{color:#f0e4c8bf;font-weight:600}.ap-md-dim{color:#f0e4c84d}.ap-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c1914f5;border:1px solid #f0e4c81a;border-radius:10px;flex-direction:column;gap:7px;width:96px;padding:8px;display:flex;position:absolute;top:52px;right:8px;box-shadow:0 4px 20px #0006}.ap-panel-section{flex-direction:column;gap:3px;display:flex}.ap-panel-label{font:500 .5rem/1 var(--ld-mono);color:#f0e4c847;letter-spacing:.08em;text-transform:uppercase}.ap-panel-value{font:500 .6rem/1 var(--ld-mono);color:#f0e4c8a6}.ap-panel-chip{color:#d4a84b;font:500 .55rem/1 var(--ld-mono);background:#d4a84b1a;border-radius:999px;align-items:center;width:fit-content;padding:2px 7px;display:inline-flex}.ap-panel-row{gap:3px;display:flex}.ap-panel-input{font:400 .55rem/1 var(--ld-mono);color:#f0e4c899;background:#f0e4c80d;border:1px solid #f0e4c812;border-radius:4px;flex:1;align-items:center;gap:3px;padding:3px 5px;display:flex}.ap-panel-input span{color:#f0e4c840;font-size:.5rem}.ap-panel-textarea{font:400 .55rem/1 var(--ld-mono);color:#f0e4c880;background:#f0e4c80d;border:1px solid #f0e4c812;border-radius:4px;padding:4px 5px}.ap-panel-divider{background:#f0e4c80f;height:1px;margin:1px 0}.ap-panel-btn{font:500 .5rem/1 var(--ld-mono);color:#f0e4c866;cursor:default;white-space:nowrap;background:#f0e4c80d;border:1px solid #f0e4c812;border-radius:4px;flex:1;justify-content:center;align-items:center;padding:4px 3px;display:flex}.ap-panel-toggle{background:#f0e4c814;border:1px solid #f0e4c81a;border-radius:999px;width:28px;height:14px;position:relative}.ap-panel-toggle:after{content:"";background:#f0e4c84d;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;left:2px}.ld-features{z-index:1;border-top:1px solid var(--ld-border);padding:80px 0;position:relative}.ld-feat-inner{max-width:960px;margin:0 auto;padding:0 64px}.ld-feat-label{font:500 .7rem/1 var(--ld-mono);color:var(--ld-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:32px}.ld-feat-list{border:1px solid var(--ld-border);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.ld-feat-item{border-right:1px solid var(--ld-border);border-bottom:1px solid var(--ld-border);flex-direction:column;gap:6px;padding:22px 24px;transition:background .18s;display:flex}.ld-feat-item:nth-child(3n){border-right:none}.ld-feat-item:nth-child(n+4){border-bottom:none}.ld-feat-item:hover{background:#d4a84b08}.ld-feat-title{font:600 .84rem/1.2 var(--ld-font);color:var(--ld-ink)}.ld-feat-desc{font:400 .76rem/1.55 var(--ld-mono);color:var(--ld-ink3)}.ld-cta{z-index:1;text-align:center;border-top:1px solid var(--ld-border);padding:100px 40px;position:relative;overflow:hidden}.ld-cta-dot-bg{pointer-events:none;background-image:radial-gradient(circle,#f0e4c80a 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 100%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 100%,#000 30%,#0000 80%)}.ld-cta-inner{flex-direction:column;align-items:center;gap:0;max-width:600px;margin:0 auto;display:flex;position:relative}.ld-cta-h2{font:800 3.4rem/1.08 var(--ld-font);color:var(--ld-ink);letter-spacing:-.04em;margin-bottom:36px}.ld-footer{z-index:1;border-top:1px solid var(--ld-border);align-items:center;gap:20px;padding:28px 64px;display:flex;position:relative}.ld-footer-logo{font:700 .85rem/1 var(--ld-font);color:var(--ld-accent);align-items:center;gap:8px;display:flex}.ld-footer-url{font:400 .75rem/1 var(--ld-mono);color:var(--ld-ink3);margin-left:4px}.ld-footer-built{font:400 .75rem/1 var(--ld-mono);color:var(--ld-ink3);margin-left:auto}@media (width<=960px){.ld-hero{grid-template-columns:1fr;gap:48px;padding:60px 40px}.ld-preview-wrap{max-width:560px;transform:none}.ld-preview-wrap:hover{transform:translateY(-4px)}.ld-h1{font-size:3rem}}@media (width<=720px){.ld-nav-links{display:none}.ld-hero{padding:48px 24px}.ld-h1{font-size:2.4rem}.ld-feat-inner{padding:0 24px}.ld-feat-list{grid-template-columns:1fr 1fr}.ld-feat-item:nth-child(3n){border-right:1px solid var(--ld-border)}.ld-feat-item:nth-child(2n){border-right:none}.ld-feat-item:nth-child(n+5){border-bottom:none}.ld-cta-h2{font-size:2.4rem}.ld-footer{padding:24px}.ap-panel{display:none}}@media (width<=480px){.ld-feat-list{grid-template-columns:1fr}.ld-feat-item:nth-child(2n){border-right:none}.ld-feat-item{border-right:none!important}.ld-feat-item:last-child{border-bottom:none!important}.ld-h1,.ld-cta-h2{font-size:2rem}}