:root[data-page=guide]{--g-head: 68px;--g-strip: 0px;--g-vh: 100vh;--g-side-w: 248px;--g-bg: #232323;--g-surface: #1b1b1b;--g-raise: #2e2e2e;--g-line: rgba(255, 255, 255, .08);--g-text: rgba(255, 255, 255, .88);--g-muted: rgba(255, 255, 255, .52);--g-faint: rgba(255, 255, 255, .32);--g-accent: #5dcaa5;--g-accent-strong: #1d9e75;--g-accent-soft: rgba(93, 202, 165, .12);--g-label-bg: rgba(255, 255, 255, .07);--g-label-line: rgba(255, 255, 255, .22);--g-shadow: 0 24px 64px rgba(0, 0, 0, .45);scroll-snap-type:none;scroll-padding-top:calc(var(--g-head) + var(--g-strip) + 12px)}:root[data-page=guide][data-theme=light]{--g-bg: #f6f5f2;--g-surface: #ffffff;--g-raise: #eeece8;--g-line: rgba(0, 0, 0, .09);--g-text: #23231f;--g-muted: #5f5e5a;--g-faint: #8d8b86;--g-accent: #0f6e56;--g-accent-strong: #1d9e75;--g-accent-soft: rgba(29, 158, 117, .1);--g-label-bg: #ffffff;--g-label-line: #c9c6bf;--g-shadow: 0 18px 48px rgba(0, 0, 0, .12)}:root[data-page=guide] body{background:var(--g-bg);color:var(--g-text)}:root[data-theme=light] .g-side-nav,:root[data-theme=light] .g-pager{background:transparent!important;border-bottom-color:transparent!important}:root[data-page=guide] main>*{min-height:0;scroll-snap-align:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.g-head a:focus-visible,.g-side a:focus-visible,.g-strip select:focus-visible,.g-walk button:focus-visible,.g-view-btn:focus-visible,.g-pager a:focus-visible,.g-ov-card:focus-visible{outline:2px solid var(--g-accent);outline-offset:2px;border-radius:8px}.g-head{position:fixed;inset:0 0 auto;z-index:100;background:#1e1e1ef5;backdrop-filter:blur(16px);border-bottom:1px solid var(--g-line)}:root[data-theme=light] .g-head{background:#f6f5f2f7}.g-head-in{display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px;padding:0 20px}.g-head-sep{width:1px;height:22px;background:var(--g-line)}.g-head-title{font-family:Manrope,system-ui,sans-serif;font-weight:700;font-size:15px;color:var(--g-text);text-decoration:none;white-space:nowrap}.g-head-link{font-size:13.5px;color:var(--g-muted);text-decoration:none}.g-head-link:hover{color:var(--g-accent)}.g-head-cta{padding:7px 14px;white-space:nowrap}@media(max-width:640px){.g-head-in{padding:0 12px}.g-head .planoramix-logo>span{display:none}.g-head-cta{padding:6px 10px;font-size:12.5px}}.g-shell{padding-top:calc(var(--g-head) + var(--g-strip))}.g-side{position:fixed;left:0;top:var(--g-head);z-index:50;width:var(--g-side-w);height:calc(var(--g-vh) - var(--g-head));overflow-y:auto;overscroll-behavior:contain;padding:18px 14px 28px;border-right:1px solid var(--g-line);background:var(--g-surface)}.g-main{margin-left:var(--g-side-w);padding:0 24px}.g-side-nav{margin-top:18px}.g-side-group+.g-side-group{margin-top:18px}.g-side-group-h{font-family:DM Sans,system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--g-faint);margin:0 10px 6px}.g-side ul{list-style:none;margin:0;padding:0}.g-side-link{display:block;padding:8px 10px;border-radius:8px;font-size:14px;line-height:1.35;color:var(--g-muted);text-decoration:none}.g-side-link:hover{color:var(--g-text);background:var(--g-raise)}.g-side-link.is-current{color:var(--g-accent);background:var(--g-accent-soft);font-weight:500}.g-view{display:flex;gap:4px;padding:3px;border-radius:10px;background:var(--g-raise)}.g-view-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 10px;border-radius:8px;font-size:13px;color:var(--g-muted);background:transparent;border:0;cursor:pointer}.g-view-btn[aria-pressed=true]{background:var(--g-surface);color:var(--g-text);box-shadow:0 1px 3px #0003}.g-view-strip .g-view-btn{flex:0 0 auto;width:44px;min-height:36px;padding:0}:root:not([data-guide-view]) .g-view{display:none}.g-strip{display:none}@media(max-width:1023px){.g-side{display:none}.g-main{margin-left:0;padding:0 16px}.g-strip{display:flex;align-items:center;gap:10px;position:fixed;left:0;right:0;top:var(--g-head);z-index:90;padding:8px 12px;background:var(--g-surface);border-bottom:1px solid var(--g-line)}.g-strip-pick{flex:1;min-width:0}.g-strip select{width:100%;min-height:40px;padding:0 10px;border-radius:9px;border:1px solid var(--g-line);background:var(--g-raise);color:var(--g-text);font-size:14px}}.g-topic,.g-overview{max-width:1480px;margin:0 auto;padding-top:22px}.g-h1{font-family:Manrope,system-ui,sans-serif;font-weight:800;font-size:clamp(24px,2.2vw,30px);line-height:1.15;letter-spacing:-.3px;color:var(--g-text);margin:0}.g-lede{margin:6px 0 0;font-size:15px;line-height:1.55;color:var(--g-muted);max-width:900px}.g-meta{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;font-size:12px;color:var(--g-faint)}.g-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:0}.g-tags:not(:empty){margin-bottom:8px}.g-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.02em;text-decoration:none}.g-tag-plan{color:var(--g-accent);background:var(--g-accent-soft);border:1px solid rgba(93,202,165,.35)}.g-tag-plan:hover{border-color:var(--g-accent)}.g-tag-editing{color:#e0a84a;background:#e0a84a1f;border:1px solid rgba(224,168,74,.35)}:root[data-theme=light] .g-tag-editing{color:#8a5d00}.g-pager{display:flex;justify-content:space-between;gap:16px;padding:14px 0 18px;border-top:1px solid var(--g-line);margin-top:20px}.g-pager-link{font-size:14px;color:var(--g-muted);text-decoration:none;padding:6px 0}.g-pager-link:hover{color:var(--g-accent)}.g-pager-link.is-next{text-align:right}.ui-label{display:inline-block;padding:0 6px;margin:0 1px;border:1px solid var(--g-label-line);border-radius:5px;background:var(--g-label-bg);color:var(--g-text);font-size:.92em;font-weight:500;line-height:1.45;-webkit-box-decoration-break:clone;box-decoration-break:clone}.g-step{display:flex;gap:10px;align-items:flex-start;width:100%;padding:8px 10px;border:0;border-radius:10px;background:transparent;text-align:left;font:inherit;font-size:14px;line-height:1.5;color:var(--g-text);cursor:pointer;transition:opacity .2s,background .2s}.g-step:hover{background:var(--g-raise)}.g-step-n{flex:0 0 auto;display:inline-grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:50%;font-size:12px;font-weight:700;color:var(--g-muted);background:var(--g-raise)}.g-step.is-active{background:var(--g-accent-soft)}.g-step.is-active .g-step-n{background:var(--g-accent-strong);color:#fff}.g-arrow{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--g-line);background:var(--g-surface);color:var(--g-text);font-size:22px;line-height:1;cursor:pointer}.g-arrow:disabled{opacity:.35;cursor:default}.g-ctrl{display:flex;align-items:center;justify-content:center;gap:12px}.g-count{font-size:12.5px;color:var(--g-muted);min-width:92px;text-align:center}.g-device{position:relative;border-radius:12px;overflow:visible;box-shadow:var(--g-shadow);background:#ececea}.g-bar{display:flex;align-items:center;gap:12px;height:34px;padding:0 12px;border-radius:12px 12px 0 0;background:#dedcd8;border-bottom:1px solid #cfccc6}.g-dots{display:inline-flex;gap:6px}.g-dots i{width:10px;height:10px;border-radius:50%;background:#c2bfb9}.g-dots i:first-child{background:#ec6a5e}.g-dots i:nth-child(2){background:#f4bf4f}.g-dots i:nth-child(3){background:#61c554}.g-url{flex:1;max-width:360px;margin:0 auto;height:22px;display:grid;place-items:center;border-radius:6px;background:#f6f5f3;color:#6f6d68;font-size:11.5px;font-family:DM Sans,system-ui,sans-serif}.g-screen{position:relative;aspect-ratio:var(--g-ar);border-radius:0 0 12px 12px;overflow:hidden;background:#f4f3ef}.g-screen-c{position:absolute;inset:0}.g-shot{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0;transition:opacity .28s ease}.g-shot.is-active{opacity:1}.g-finger{position:absolute;z-index:2;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;pointer-events:none;background:#1d9e7547;border:2.5px solid #1d9e75;box-shadow:0 2px 10px #00000040;transition:left .45s cubic-bezier(.22,1,.36,1),top .45s cubic-bezier(.22,1,.36,1)}.g-finger[data-kind=draw]{border-style:dashed}.g-finger[data-kind=hold]{background:#1d9e7573}.g-finger.is-pulsing:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid #1d9e75;animation:g-pulse .9s ease-out .45s 2;opacity:0}@keyframes g-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(2.1);opacity:0}}.g-look{position:absolute;z-index:1;pointer-events:none;border-radius:6px;border:2.5px solid #1d9e75;box-shadow:0 0 0 9999px #1414142e;transition:left .45s,top .45s,width .45s,height .45s}.g-look.is-static{box-shadow:none}.g-finger.is-static{transition:none}.g-lens{position:absolute;z-index:5;width:280px;height:280px;border-radius:50%;overflow:hidden;pointer-events:none;border:3px solid #fff;box-shadow:0 10px 40px #0006;background:#f4f3ef}.g-lens-c>*{position:absolute;left:0;top:0;transform-origin:0 0}.g-lens .g-shot,.g-lens .g-finger,.g-lens .g-look{transition:none}.g-lens .g-finger:after{display:none}.g-guided,.g-listview{display:none}:root[data-guide-view=guided] .g-guided{display:block}:root:not([data-guide-view=guided]) .g-listview{display:grid}.g-stage{position:relative;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);gap:22px;align-items:center;margin-top:12px}.g-col{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:100%;overflow-y:auto}.g-col-r ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.g-stage>.g-device-col{display:flex;flex-direction:column;align-items:stretch}.g-dev-ctrl{margin-top:10px}.g-more{margin-left:8px;padding:8px 14px;border-radius:9px;border:1px solid var(--g-line);background:var(--g-surface);color:var(--g-text);font-size:13.5px;cursor:pointer}.g-more:hover{border-color:var(--g-accent);color:var(--g-accent)}.g-guided .g-step:not(.is-active){opacity:.5}.g-guided .g-step:not(.is-active):hover{opacity:.85}.g-step-result .g-step-n{color:var(--g-accent)}.g-hint{position:absolute;left:0;right:0;top:50%;z-index:6;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 16px;background:#101010db;color:#fff;font-size:14px;white-space:nowrap;pointer-events:none}.g-hint[hidden]{display:none}.g-hint-mouse{position:relative;width:16px;height:25px;border:2px solid #fff;border-radius:9px}.g-hint-mouse i{position:absolute;left:50%;top:4px;width:3px;height:6px;margin-left:-1.5px;border-radius:2px;background:#fff;animation:g-wheel 1.4s ease-in-out infinite}@keyframes g-wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(8px);opacity:0}to{opacity:0}}.g-details{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:#0a0a0a59;backdrop-filter:blur(2px)}.g-details[hidden]{display:none}.g-details-card{width:min(560px,92%);max-height:90%;overflow-y:auto;padding:20px 22px;border-radius:14px;background:var(--g-surface);color:var(--g-text);box-shadow:var(--g-shadow)}.g-details-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.g-details-head h2{font-size:17px;margin:0}.g-details-x{width:36px;height:36px;border-radius:50%;border:0;background:var(--g-raise);color:var(--g-text);font-size:20px;cursor:pointer}.g-details ul,.g-list-details ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;font-size:14.5px;line-height:1.6}.g-phone-step{display:none}@media(min-width:1024px){:root[data-guide-view=guided] .g-topic.has-walk{height:calc(var(--g-vh) - var(--g-head));display:flex;flex-direction:column;overflow:hidden;padding-top:16px}:root[data-guide-view=guided] .g-topic.has-walk .g-walk{flex:1;min-height:0}:root[data-guide-view=guided] .g-topic.has-walk .g-pager{margin-top:0}:root[data-guide-view=guided] .g-stage .g-col{max-height:100%}}@media(max-width:1023px){.g-stage{display:block;height:auto!important;margin-top:14px}.g-stage .g-col,.g-stage .g-col-r{display:none}.g-device{width:100%!important}.g-dev-ctrl{display:none}.g-bar{height:26px}.g-url{font-size:10px;height:18px}.g-lens,.g-hint{display:none}.g-phone-step{display:flex;align-items:flex-start;gap:10px;margin-top:14px}.g-phone-step-t{flex:1;display:flex;gap:10px;font-size:15px;line-height:1.55;min-height:72px}.g-phone-step .g-step-n{background:var(--g-accent-strong);color:#fff}.g-details{position:fixed;z-index:120}}.g-listview{grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:24px 32px;margin-top:18px;align-items:start}.g-carousel{position:sticky;top:calc(var(--g-head) + var(--g-strip) + 16px)}.g-carousel-frame{position:relative;aspect-ratio:var(--g-ar);border-radius:10px;overflow:hidden;border:1px solid var(--g-line);background:#f4f3ef}.g-cshot{position:absolute;inset:0;margin:0;display:none}.g-cshot.is-active{display:block}.g-cshot img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.g-carousel .g-ctrl{margin-top:10px}.g-list-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.g-list-result{margin:12px 0 0;padding:12px 14px;border-radius:10px;background:var(--g-accent-soft);font-size:14.5px;line-height:1.55}.g-list-details{grid-column:1 / -1;padding:16px 0 4px;border-top:1px solid var(--g-line)}.g-list-details h2{font-size:16px;margin:0 0 10px}:root:not([data-guide-view]) .g-cshot{position:relative;display:block;margin-bottom:12px}:root:not([data-guide-view]) .g-carousel-frame{aspect-ratio:auto;border:0;overflow:visible}:root:not([data-guide-view]) .g-carousel .g-ctrl{display:none}@media(max-width:1023px){.g-listview{grid-template-columns:1fr}.g-carousel{position:static}}.g-walk.is-text{margin-top:18px;max-width:760px}.g-text-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.g-text-steps li{display:flex;gap:11px;font-size:15px;line-height:1.55}.g-article{max-width:760px;margin-top:18px;font-size:15px;line-height:1.7;color:var(--g-text)}.g-art-h{font-size:19px;margin:26px 0 8px}.g-art-p{margin:0 0 10px}.g-art-ul{list-style:disc;padding-left:20px;margin:0 0 12px}.g-art-ul li{margin:3px 0}.g-details ul,.g-list-details ul{list-style:disc}.g-art-table{overflow-x:auto}.g-art-table table{border-collapse:collapse;width:100%;font-size:14px}.g-art-table th,.g-art-table td{border-bottom:1px solid var(--g-line);padding:8px 10px;text-align:left}.g-art-faq details{border-bottom:1px solid var(--g-line);padding:10px 0}.g-art-faq summary{cursor:pointer;font-weight:600}.g-art-shot img{max-width:100%;border-radius:10px;border:1px solid var(--g-line)}.g-overview{padding-bottom:48px}.g-ov-group{margin-top:30px}.g-ov-h{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g-faint);margin:0 0 10px}.g-ov-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.g-ov-card{display:flex;flex-direction:column;gap:6px;height:100%;padding:16px 18px;border-radius:12px;border:1px solid var(--g-line);background:var(--g-surface);text-decoration:none}.g-ov-card:hover{border-color:var(--g-accent)}.g-ov-title{font-family:Manrope,system-ui,sans-serif;font-weight:700;font-size:16px;color:var(--g-text)}.g-ov-intro{font-size:14px;line-height:1.55;color:var(--g-muted)}@media(prefers-reduced-motion:reduce){.g-finger,.g-look,.g-shot,.g-step{transition:none!important}.g-finger.is-pulsing:after,.g-hint-mouse i{animation:none!important}}
