:root{color-scheme:light;--bg-start: #f7f1e6;--bg-end: #e1f3f1;--ink: #122c33;--muted: #4b666b;--card: rgba(255, 255, 255, .88);--stroke: rgba(18, 44, 51, .1);--accent: #0f766e;--accent-2: #f59e0b;--shadow: 0 18px 40px rgba(15, 118, 110, .15)}*{box-sizing:border-box}body{margin:0;font-family:Spline Sans,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#fff,transparent 55%),linear-gradient(120deg,var(--bg-start),var(--bg-end));min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.note-title a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.note-title a:hover{color:var(--accent)}.page{position:relative;padding:40px 6vw 80px}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:-1}.orb{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(50px);opacity:.45;animation:float 18s ease-in-out infinite}.orb-one{background:#fcd34d;top:-120px;left:-80px}.orb-two{background:#99f6e4;right:-120px;top:20%;animation-delay:-4s}.orb-three{background:#fecdd3;bottom:-160px;left:25%;animation-delay:-8s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(40px)}}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:center;margin-bottom:48px}.eyebrow{text-transform:uppercase;font-weight:600;letter-spacing:.2em;font-size:12px;color:var(--accent);margin:0 0 12px}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:28px;height:28px;border-radius:8px;border:1px solid rgba(18,44,51,.12);background:#ffffffd9;box-shadow:0 10px 18px #0f766e26}.brand .eyebrow{margin:0}h1,h2,h3{font-family:Space Grotesk,Segoe UI,sans-serif;margin:0 0 12px}h1{font-size:clamp(2rem,2.8vw,3.4rem)}.lead{font-size:1.05rem;color:var(--muted);line-height:1.7}.badge-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.badge{background:#0f766e1f;border:1px solid rgba(15,118,110,.2);color:var(--accent);padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:600}.hero-card{background:var(--card);border:1px solid var(--stroke);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.hero-card ul{margin:12px 0 0;padding-left:20px;color:var(--muted);line-height:1.7}.layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:32px}.panel,.viewer{display:flex;flex-direction:column;gap:20px}.panel{background:var(--card);border-radius:24px;border:1px solid var(--stroke);padding:24px;box-shadow:var(--shadow)}.panel-header{display:flex;justify-content:space-between;align-items:center}.mode-toggle{background:#0f766e14;border-radius:999px;padding:4px;display:flex;gap:4px}.mode-toggle button{border:none;background:transparent;padding:6px 16px;border-radius:999px;font-weight:600;color:var(--muted);cursor:pointer}.mode-toggle button.active{background:#0f766e;color:#fff}.field{display:flex;flex-direction:column;gap:8px;font-weight:600}.field span{font-size:.85rem;color:var(--muted)}input,textarea{border-radius:14px;border:1px solid rgba(18,44,51,.18);padding:12px 14px;font-size:.95rem;font-family:inherit;background:#ffffffe6}input:focus,textarea:focus{outline:2px solid rgba(15,118,110,.4);border-color:#0f766e99}.grid.two{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.toggle-row{display:flex;flex-direction:column;gap:10px}.toggle{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--muted)}.toggle.small{font-size:.85rem}.toggle input{accent-color:var(--accent);width:18px;height:18px}.actions{display:flex;flex-wrap:wrap;gap:12px}.actions button,.link-button{border-radius:12px;border:1px solid rgba(15,118,110,.2);background:#fff;padding:10px 18px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.actions .primary{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 12px 24px #0f766e4d}.actions button:hover,.link-button:hover{transform:translateY(-2px)}.error-banner{background:#ef44441f;color:#b91c1c;border:1px solid rgba(239,68,68,.4);padding:12px 16px;border-radius:14px;font-weight:600}.panel-section{border-top:1px solid rgba(18,44,51,.1);padding-top:18px;display:flex;flex-direction:column;gap:12px}.section-header{display:flex;align-items:center;justify-content:space-between}.history-list,.output-list{display:flex;flex-direction:column;gap:8px}.output-group-list{display:flex;flex-direction:column;gap:10px}.output-group{border-radius:14px;border:1px solid rgba(18,44,51,.1);background:#ffffff85;overflow:hidden}.output-group-summary{list-style:none;cursor:pointer;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.output-group-summary::-webkit-details-marker{display:none}.output-group-summary:after{content:"▾";color:var(--muted);font-size:.9rem;transform:rotate(-90deg);transition:transform .18s ease}.output-group[open] .output-group-summary:after{transform:rotate(0)}.output-group-main{min-width:0;display:flex;flex-direction:column;gap:4px}.output-group-title{font-size:.95rem;color:var(--ink);overflow-wrap:anywhere}.output-group-meta{color:var(--muted);font-size:.8rem}.output-group-items{padding:0 8px 8px}.history-row{display:flex;gap:8px;align-items:stretch}.history-item{display:flex;align-items:center;justify-content:space-between;border-radius:12px;border:1px solid transparent;background:#ffffffb3;padding:10px 12px;cursor:pointer;flex:1;min-width:0;text-align:left}.history-item.active{border-color:#0f766e80;background:#0f766e14}.history-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:75%}.status{font-size:.75rem;padding:4px 10px;border-radius:999px;font-weight:700;text-transform:uppercase}.status.ok{background:#10b98133;color:#047857}.status.error{background:#ef444433;color:#b91c1c}.output-item{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#fff9;border:1px solid rgba(18,44,51,.08);font-size:.85rem}.output-meta{min-width:0}.output-meta-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.output-kind{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700;color:var(--accent);background:#0f766e1a;border:1px solid rgba(15,118,110,.18)}.output-note-sub{display:block;color:var(--muted);margin-top:2px}.output-path{display:block;overflow-wrap:anywhere;word-break:break-word}.output-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.item-button{border-radius:999px;border:1px solid rgba(18,44,51,.18);background:#ffffffd9;padding:6px 12px;font-size:.75rem;font-weight:700;cursor:pointer}.item-button:disabled{opacity:.6;cursor:not-allowed}.item-button.danger{border-color:#ef444459;background:#ef444414;color:#b91c1c}.item-button.danger:hover{background:#ef44441f}.output-item strong{display:block;color:var(--accent)}.viewer .result-card{background:var(--card);border:1px solid var(--stroke);border-radius:24px;padding:24px;box-shadow:var(--shadow);animation:fadeIn .6s ease}.viewer .result-card.error{border-color:#ef44444d}.result-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.result-actions button{border-radius:999px;border:1px solid rgba(15,118,110,.3);background:#fff;padding:6px 12px;font-size:.8rem;cursor:pointer}.result-actions button:disabled{opacity:.6;cursor:not-allowed}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.meta-grid>div{background:#0f766e14;border-radius:12px;padding:12px}.meta-grid>div span:not(.meta-label),.meta-grid>div a{overflow-wrap:anywhere;word-break:break-word}.note-info{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);gap:16px;margin:18px 0;align-items:stretch}.cover-card{background:#ffffffd9;border-radius:18px;border:1px solid rgba(18,44,51,.1);overflow:hidden;display:flex;flex-direction:column;height:100%}.cover-button{border:none;padding:0;background:none;cursor:pointer;display:block;flex:1}.cover-button img{width:100%;height:100%;object-fit:cover}.cover-placeholder{display:flex;align-items:center;justify-content:center;min-height:180px;color:var(--muted);font-weight:600;background:#0f766e14;flex:1}.cover-meta{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;font-size:.85rem;color:var(--muted)}.info-card{background:#ffffffb3;border-radius:18px;padding:16px;border:1px solid rgba(18,44,51,.08);display:flex;flex-direction:column;gap:16px;height:100%}.author-row{display:flex;align-items:center;gap:12px;margin-top:6px}.avatar{width:40px;height:40px;border-radius:999px;object-fit:cover;border:1px solid rgba(18,44,51,.12);background:#fffc;flex:0 0 auto}.avatar-placeholder{background:#0f766e2e}.author-text{display:flex;flex-direction:column;gap:2px;min-width:0}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#6366f11f;border:1px solid rgba(99,102,241,.18);color:#111827eb;font-size:.82rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-link{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.inline-link:hover{color:#0a5c56}.meta-label{display:block;font-size:.75rem;text-transform:uppercase;color:var(--muted)}.metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.metric{background:#f59e0b26;border-radius:14px;padding:12px}.metric span{font-size:.8rem;color:var(--muted)}.metric strong{display:block;font-size:1.1rem}.summary{line-height:1.7;color:var(--muted)}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.media-card{margin:0;background:#ffffffb3;border-radius:12px;overflow:hidden;border:1px solid rgba(18,44,51,.1);display:flex;flex-direction:column;position:relative;cursor:pointer}.media-preview{border:none;background:none;padding:0;cursor:zoom-in;width:100%;display:block;line-height:0}.media-preview img,.media-preview video{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;margin:0;border-radius:0}.media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:10px;gap:10px;opacity:0;pointer-events:none;transition:opacity .18s ease;background:linear-gradient(to top,rgba(15,23,42,.55),rgba(15,23,42,.08) 45%,transparent 70%)}.media-card:hover .media-overlay,.media-card:focus-within .media-overlay{opacity:1;pointer-events:auto}.media-overlay button{border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#0f172a4d;color:#e2e8f0f2;padding:7px 12px;font-size:.8rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.media-overlay button:hover{background:#0f172a8c}.cover-large{border:1px solid rgba(18,44,51,.1);background:#ffffffb8;padding:0;border-radius:18px;overflow:hidden;cursor:zoom-in;width:100%;display:block}.cover-large img{width:100%;max-height:520px;object-fit:cover}details{margin-top:16px}summary{cursor:pointer;font-weight:700;color:var(--accent)}pre{background:#0f172a;color:#e2e8f0;padding:16px;border-radius:16px;overflow:auto;font-size:.8rem;margin-top:12px}.saved-block span{display:block;color:var(--muted);word-break:break-all}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;display:flex;align-items:center;justify-content:center;z-index:20;cursor:zoom-out;overscroll-behavior:contain}.preview-card{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px}.preview-card-inner{background:#0f172a;color:#e2e8f0;border-radius:20px;padding:16px;max-width:900px;width:min(92vw,900px);max-height:85vh;display:flex;flex-direction:column;gap:12px;cursor:auto}.preview-card-inner img,.preview-card-inner video{width:100%;max-height:70vh;object-fit:contain;border-radius:12px}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600}.preview-actions{display:flex;gap:8px}.preview-actions button{border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:inherit;padding:6px 12px;cursor:pointer}.preview-viewport{position:relative;display:flex;align-items:center;justify-content:center;cursor:default;max-width:100vw;max-height:100vh}.preview-media{width:auto;height:auto;max-width:100vw;max-height:100vh;object-fit:contain;display:block;margin:0}.preview-arrow{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#0f172a59;display:flex;align-items:center;justify-content:center;color:#e2e8f0e6;font-size:2.6rem;line-height:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-arrow:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:-2px}.preview-arrow-left{left:18px}.preview-arrow-right{right:18px}.preview-arrow:hover{background:#0f172a8c;color:#e2e8f0}.note-content{line-height:1.85;color:var(--ink);white-space:pre-wrap;padding:12px;border-radius:12px;background:#0f766e14}.section-actions button{border-radius:999px;border:1px solid rgba(15,118,110,.3);background:#fff;padding:6px 12px;font-size:.8rem;cursor:pointer}.section-actions{display:flex;gap:10px;align-items:center}.section-actions select{border-radius:999px;border:1px solid rgba(15,118,110,.3);background:#ffffffe6;padding:6px 12px;font-size:.8rem;cursor:pointer}.section-actions button:disabled{opacity:.6;cursor:not-allowed}.json-block summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.json-block summary button{border-radius:999px;border:1px solid rgba(15,118,110,.3);background:#fff;padding:6px 12px;font-size:.75rem;cursor:pointer}.empty{background:#ffffffb3;border-radius:24px;border:1px dashed rgba(18,44,51,.2);padding:60px 40px;text-align:center;color:var(--muted)}.muted{color:var(--muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.hero,.layout{grid-template-columns:1fr}.result-header{flex-direction:column}.note-info{grid-template-columns:1fr}}