.okp{--okno-bg: #ffffff;--okno-surface: #f5f5f5;--okno-canvas: #ebebeb;--okno-line: #e5e5e5;--okno-line-strong: #d4d4d4;--okno-ink: #0a0a0a;--okno-body: #404040;--okno-muted: #525252;--okno-faint: #8a8a8a;--okno-accent: #c5ff3e;--okno-accent-hover: #b4f01f;--okno-accent-ink: #3d6b00;--okno-on-accent: #0a0a0a;--okno-accent-soft: #f1fdd4;--okno-highlight: #86c400;--okno-ok: #1a7f4b;--okno-ok-soft: #e7f5ee;--okno-warn: #8a5a00;--okno-shadow: 0 1px 2px rgba(10, 10, 10, .06), 0 8px 28px rgba(10, 10, 10, .08);display:flex;flex-direction:column;height:640px;overflow:hidden;border-radius:16px;background:var(--okno-canvas);color:var(--okno-body);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:13px;line-height:1.5;text-align:left;box-shadow:0 0 0 1px #0a0a0a0f,0 30px 60px -30px #0a0a0a2e}.okp[data-theme=dark]{--okno-bg: #161616;--okno-surface: #1f1f1f;--okno-canvas: #0a0a0a;--okno-line: #2a2a2a;--okno-line-strong: #3a3a3a;--okno-ink: #f5f5f5;--okno-body: #cfcfcf;--okno-muted: #a3a3a3;--okno-faint: #737373;--okno-accent: #c5ff3e;--okno-accent-hover: #d4ff6b;--okno-accent-ink: #c5ff3e;--okno-on-accent: #0a0a0a;--okno-accent-soft: rgba(197, 255, 62, .12);--okno-highlight: #c5ff3e;--okno-ok: #6fd39a;--okno-ok-soft: rgba(70, 190, 120, .14);--okno-warn: #e8c268;--okno-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .45)}.okp *,.okp *:before,.okp *:after{box-sizing:border-box}.okp [hidden]{display:none!important}.okp button{font-family:inherit}.okp :focus-visible{outline:2px solid var(--okno-accent-ink);outline-offset:2px}.okp-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;flex:0 0 56px;padding:0 12px;background:var(--okno-bg);border-bottom:1px solid var(--okno-line)}.okp-tb-start,.okp-tb-end{display:flex;align-items:center;gap:8px;min-width:0}.okp-tb-end{justify-content:flex-end}.okp-exit{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:var(--okno-muted)}.okp-mark{width:22px;height:22px;flex:0 0 auto;margin-right:4px}.okp-doc{display:flex;flex-direction:column;min-width:0;line-height:1.25}.okp-title{color:var(--okno-ink);font-size:13.5px;font-weight:650}.okp-state{overflow:hidden;color:var(--okno-faint);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.okp-state.is-dirty{color:var(--okno-warn)}.okp-state.is-dirty:before{content:"";display:inline-block;width:6px;height:6px;margin:0 6px 1px 0;border-radius:50%;background:currentColor;vertical-align:middle}.okp-vwt{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--okno-line);border-radius:9px;background:var(--okno-surface)}.okp-vw{display:grid;place-items:center;width:34px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--okno-muted);cursor:pointer}.okp-vw:hover{color:var(--okno-ink)}.okp-vw.active{background:var(--okno-bg);color:var(--okno-accent-ink);box-shadow:0 1px 2px #1011161a}.okp-ibtn{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--okno-muted);cursor:pointer}.okp-ibtn:hover:not(:disabled){background:var(--okno-surface);color:var(--okno-ink)}.okp-ibtn:disabled{opacity:.35;cursor:default}.okp-ibtn[aria-pressed=true]{color:var(--okno-accent-ink)}.okp-btn{display:inline-flex;align-items:center;min-height:34px;padding:0 16px;border:1px solid transparent;border-radius:8px;background:var(--okno-accent);color:var(--okno-on-accent);font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:background .15s}.okp-btn:hover:not(:disabled){background:var(--okno-accent-hover)}.okp-btn--quiet{border-color:var(--okno-line-strong);background:var(--okno-bg);color:var(--okno-ink)}.okp-btn--quiet:hover:not(:disabled){background:var(--okno-surface)}.okp-btn:disabled{opacity:.45;cursor:default}.okp-banner{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--okno-accent-soft);color:var(--okno-accent-ink);font-size:12px;font-weight:600;white-space:nowrap}.okp-banner.is-ok{background:var(--okno-ok-soft);color:var(--okno-ok)}.okp-main{display:flex;flex:1 1 auto;min-height:0}.okp-sidebar{display:flex;flex-direction:column;flex:0 0 248px;background:var(--okno-bg);border-right:1px solid var(--okno-line)}.okp-stage{display:flex;flex:1 1 auto;min-width:0;padding:16px}.okp-panel{flex:0 0 300px;overflow-y:auto;background:var(--okno-bg);border-left:1px solid var(--okno-line)}.okp-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:12px 12px 4px;padding:3px;border:1px solid var(--okno-line);border-radius:9px;background:var(--okno-surface)}.okp-tab{height:30px;padding:0 4px;border:0;border-radius:6px;background:transparent;color:var(--okno-muted);font-size:12px;font-weight:600;letter-spacing:-.01em;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okp-tab:hover{color:var(--okno-ink)}.okp-tab.active{background:var(--okno-bg);color:var(--okno-ink);box-shadow:0 1px 2px #1011161a}.okp-sbody{flex:1 1 auto;min-height:0;padding:8px 8px 16px;overflow-y:auto}.okp-node{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:var(--okno-body);font-size:13px;text-align:left;cursor:pointer}.okp-node:hover{background:var(--okno-surface);color:var(--okno-ink)}.okp-node svg{color:var(--okno-faint)}.okp-node.is-current{background:var(--okno-accent-soft);color:var(--okno-accent-ink);font-weight:600}.okp-node.is-current svg{color:var(--okno-accent-ink)}.okp-path{margin-left:auto;color:var(--okno-faint);font-size:11px;font-weight:400}.okp-empty{margin:16px 8px;color:var(--okno-muted);font-size:12.5px;line-height:1.6}.okp-empty--panel{margin:32px 24px;text-align:center}.okp-hist{margin:0;padding:0;list-style:none}.okp-hist li{padding:10px 8px;border-bottom:1px solid var(--okno-line)}.okp-hist-head{display:flex;justify-content:space-between;gap:8px;color:var(--okno-ink);font-size:12px;font-weight:600}.okp-hist-head span:last-child{color:var(--okno-faint);font-weight:400}.okp-hist del,.okp-hist ins{display:block;margin-top:4px;padding:3px 6px;border-radius:5px;font-size:11.5px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okp-hist del{background:var(--okno-surface);color:var(--okno-muted);text-decoration:line-through}.okp-hist ins{background:var(--okno-accent-soft);color:var(--okno-accent-ink)}.okp-frame{position:relative;width:100%;margin:0 auto;overflow:auto;border-radius:10px;background:#fff;box-shadow:var(--okno-shadow);transition:max-width .25s ease;container-type:inline-size}.okp-frame.is-tablet{max-width:520px;border:1px solid var(--okno-line-strong)}.okp-frame.is-phone{max-width:300px;border:1px solid var(--okno-line-strong);border-radius:22px}.okp-site{min-height:100%;background:#faf8f5;color:#23201c;font-family:Georgia,Times New Roman,serif}.okp-s-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px}.okp-s-logo{font-weight:700;letter-spacing:.12em;text-transform:uppercase}.okp-s-links{display:flex;gap:14px;color:#7a7268}.okp-s-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:18px 24px 30px}.okp-s-eyebrow{margin:0;color:#8f7a64;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.okp-s-h1{margin:8px 0 0;font-size:28px;line-height:1.1;letter-spacing:-.01em}.okp-s-lead{margin:12px 0 0;color:#5d564e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12.5px;line-height:1.55}.okp-s-btn{display:inline-block;margin-top:16px;padding:8px 16px;border-radius:999px;background:#23201c;color:#faf8f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11.5px;font-weight:600}.okp-s-img{aspect-ratio:4 / 5;border-radius:6px;transition:background .4s}.okp-s-services{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 24px 26px}.okp-s-card{padding:14px;border-radius:6px;background:#f1ede7;font-size:14px}.okp-s-card p{margin:6px 0 0}.okp-s-num{color:#8f7a64;font-family:ui-monospace,monospace;font-size:10px}.okp-s-avis{padding:22px 24px 28px;border-top:1px solid #e8e2d9;text-align:center}.okp-s-quote{margin:0 auto;max-width:26em;font-size:17px;font-style:italic;line-height:1.35}.okp-s-author{margin:8px 0 0;color:#8f7a64;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px}@container (max-width: 440px){.okp-s-hero{grid-template-columns:1fr}.okp-s-img{aspect-ratio:16 / 10}.okp-s-services{grid-template-columns:1fr}.okp-s-links{display:none}.okp-s-h1{font-size:24px}.okp-hint{top:2px;left:auto;right:24px}}.okp [data-f]{cursor:pointer;border-radius:3px;outline:2px solid transparent;outline-offset:2px;transition:outline-color .12s}.okp [data-f]:hover{outline-color:#86c400}.okp [data-f].is-selected{outline:2px solid #86c400;box-shadow:0 0 0 6px #c5ff3e4d}.okp-hint{position:absolute;top:34px;left:38%;padding:5px 10px;border-radius:8px;background:#0a0a0a;color:#c5ff3e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:600;pointer-events:none;animation:okp-bob 1.6s ease-in-out infinite}.okp-hint:after{content:"";position:absolute;left:14px;bottom:-5px;border:5px solid transparent;border-top-color:#0a0a0a;border-bottom:0}@keyframes okp-bob{50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.okp-hint{animation:none}}.okp-ihead{padding:18px 20px 14px;border-bottom:1px solid var(--okno-line)}.okp-ihead-title{margin:0;color:var(--okno-ink);font-size:15px;font-weight:650;line-height:1.3}.okp-ihead-sub{margin:2px 0 0;color:var(--okno-muted);font-size:12px}.okp-group{padding:16px 20px 8px}.okp-group-title{margin:0 0 12px;color:var(--okno-faint);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.okp-field{margin-bottom:18px;border-radius:8px;transition:box-shadow .3s ease,background .3s ease}.okp-field.is-flash{background:var(--okno-accent-soft);box-shadow:0 0 0 6px var(--okno-accent-soft)}.okp-flabel{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:6px}.okp-chip{color:var(--okno-ink);font-size:12.5px;font-weight:600}.okp-badge{padding:1px 7px;border-radius:999px;background:var(--okno-surface);color:var(--okno-faint);font-size:10.5px;font-weight:500}.okp-panel input,.okp-panel textarea{display:block;width:100%;min-height:36px;margin:0;padding:7px 11px;border:1px solid var(--okno-line-strong);border-radius:8px;background:var(--okno-bg);color:var(--okno-ink);font:inherit;font-size:13px;resize:vertical}.okp-panel input:focus,.okp-panel textarea:focus{border-color:var(--okno-highlight);box-shadow:0 0 0 3px var(--okno-accent-soft);outline:none}.okp-count{margin:4px 0 0;color:var(--okno-faint);font-size:11px;text-align:right}.okp-images{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.okp-thumb{aspect-ratio:1;border:2px solid transparent;border-radius:8px;cursor:pointer}.okp-thumb.is-on{border-color:var(--okno-highlight);box-shadow:0 0 0 3px var(--okno-accent-soft)}@media(max-width:1023px){.okp{height:auto}.okp-sidebar,.okp-tb-center,.okp-hide-sm{display:none}.okp-main{flex-direction:column}.okp-stage{padding:10px}.okp-frame{max-height:420px}.okp-panel{flex:none;max-height:340px;border-left:0;border-top:1px solid var(--okno-line)}.okp-toolbar{gap:8px;padding:0 8px}.okp-exit{display:none}}@media(max-width:480px){.okp-banner{display:none!important}.okp-btn{padding:0 10px;font-size:12px}.okp [data-undo],.okp [data-redo]{display:none}}