.product-creation-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.6fr);gap:24px;margin:24px 0 42px;padding:26px;border:1px solid rgba(20,40,30,.18);border-radius:16px;background:#fffdf8;color:#17241f}.product-creation-banner h2{font-size:clamp(21px,3vw,28px);line-height:1.2;margin:8px 0 12px;font-weight:600}.product-creation-banner p{font-size:14px;line-height:1.65;margin:0;color:#5c655f}.product-creation-banner .product-creation-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a44320}.product-creation-links{display:flex;flex-direction:column;gap:10px;justify-content:center;min-width:0}.product-creation-links a{display:block;padding:11px 14px;border:1px solid rgba(20,40,30,.18);border-radius:9px;color:#15392f;text-decoration:none;font-size:13px;font-weight:600;background:#f4efe4}.product-creation-links a:hover{border-color:#d4572a}.product-creation-links a:focus-visible{outline:3px solid #d4572a;outline-offset:3px}.product-creation-links .product-creation-overview{background:transparent;border-color:transparent;padding:4px 0}@media(max-width:640px){.product-creation-banner{grid-template-columns:1fr;padding:20px;gap:18px}}.guide-p3-preview{--bg:#f5f3ee;--surface:#fff;--surface-2:#f5f3ee;--canvas:#c6d8db;--ink:#172128;--muted:#69757b;--line:#dce1df;--deep:#c2ccca;--accent:#ff8138;--primary:#172128;--primary-fg:#f0f3f1;height:100dvh;min-height:0;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-sans),Arial,sans-serif;display:grid;grid-template-rows:74px minmax(0,1fr) 58px}.guide-p3-preview[data-theme=dark]{--bg:#10191e;--surface:#17232a;--surface-2:#223038;--canvas:#203138;--ink:#f0f3f1;--muted:#a5b0b3;--line:#324047;--deep:#0c1418;--primary:#f0f3f1;--primary-fg:#172128;color-scheme:dark}.guide-p3-header{display:flex;align-items:center;gap:16px;padding:0 24px;border-bottom:1px solid var(--line);background:var(--surface);min-width:0}.guide-p3-header strong{font-size:17px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-p3-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.guide-p3-audio,.guide-p3-icon,.guide-p3-next,.guide-p3-play,.guide-p3-previous,.guide-p3-step-picker{font:inherit;border:0;cursor:pointer}.guide-p3-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--surface-2);color:var(--ink);text-decoration:none}.guide-p3-icon svg{width:17px}.guide-p3-audio{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 17px;border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:13px;font-weight:650}.guide-p3-audio svg{width:15px}.guide-p3-body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.72fr);min-height:0}.guide-p3-stage{position:relative;overflow:hidden;background:var(--canvas)}.guide-p3-model{position:absolute!important;inset:0!important;min-height:0!important;border:0!important;border-radius:0!important;background:var(--canvas)!important}.guide-p3-model>div,.guide-p3-model>p{display:none}.guide-p3-loading{display:grid;place-items:center;width:100%;height:100%;color:var(--muted);font-size:14px}.guide-p3-legacy-viewer{position:absolute;top:-50px;left:min(0px,calc(50% - 395px));width:max(calc(100% + 310px),1100px);height:calc(100% + 104px);border:0;background:var(--canvas)}.guide-p3-camera-note{position:absolute;left:20px;bottom:18px;z-index:3;display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted);font-size:11px;pointer-events:none}.guide-p3-camera-note svg{width:14px}.guide-p3-panel{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:16px 20px 12px;background:var(--surface);border-left:1px solid var(--line);overflow:hidden}.guide-p3-panel-top{display:flex;align-items:center;gap:8px}.guide-p3-step-picker{display:inline-flex;align-items:center;gap:7px;min-height:37px;padding:0 12px;border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:11px;font-weight:750;letter-spacing:.04em}.guide-p3-step-picker svg{width:14px}.guide-p3-play{display:grid;place-items:center;width:37px;height:37px;border-radius:999px;background:var(--surface-2);color:var(--ink)}.guide-p3-play svg{width:14px}.guide-p3-instruction-content{min-height:0;overflow:auto;padding-right:2px}.guide-p3-panel h1{margin:0 0 8px;max-width:17ch;font-size:clamp(23px,2vw,30px);line-height:1.08;letter-spacing:-.045em}.guide-p3-instruction{margin:0;color:var(--muted);font-size:13px;line-height:1.42}.guide-p3-figure{margin:10px 0 0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface-2)}.guide-p3-figure figcaption{border-bottom:1px solid var(--line);color:var(--muted);font-weight:700}.guide-p3-figure img{display:block;max-height:min(14dvh,104px);background:#fff}.guide-p3-parts{margin-top:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-p3-parts summary{display:flex;align-items:center;gap:5px;padding:9px 1px;list-style:none;color:var(--muted);font-weight:800;letter-spacing:.08em;cursor:pointer}.guide-p3-parts summary::-webkit-details-marker{display:none}.guide-p3-parts summary span{font-weight:600}.guide-p3-parts summary svg{width:14px;margin-left:auto;transition:transform .18s}.guide-p3-parts:not([open]) summary svg{transform:rotate(-90deg)}.guide-p3-parts>div{display:flex;flex-wrap:wrap;gap:7px;padding:0 0 11px}.guide-p3-parts>div span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:11px}.guide-p3-parts span svg{width:12px}.guide-p3-step-list{min-height:0;overflow:auto;border-top:1px solid var(--line);padding-top:10px}.guide-p3-step-list button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 2px;border:0;background:transparent;color:var(--muted);text-align:left;cursor:pointer}.guide-p3-step-list button span{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--line);border-radius:50%;font-size:10px;flex:none}.guide-p3-step-list button b{font-size:12px;font-weight:600;line-height:1.3}.guide-p3-step-list button.done span{border-color:#2e9e6b;background:#2e9e6b;color:#fff}.guide-p3-step-list button.active{color:var(--ink)}.guide-p3-step-list button.active span{border-color:var(--accent);background:var(--accent);color:#24160d}.guide-p3-footer{display:grid;grid-template-columns:auto 1fr;gap:10px;padding-top:9px;border-top:1px solid var(--line)}.guide-p3-next,.guide-p3-previous{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;font-size:13px;font-weight:700}.guide-p3-previous{min-width:96px;background:var(--surface);color:var(--muted);border:1px solid var(--line)}.guide-p3-previous:disabled{opacity:.4;cursor:not-allowed}.guide-p3-next{background:var(--primary);color:var(--primary-fg)}.guide-p3-footer svg{width:16px}.guide-p3-progress{position:relative;display:flex;align-items:center;gap:6px;padding:0 32px;border-top:1px solid var(--line);background:var(--surface)}.guide-p3-progress>button{position:relative;z-index:2;flex:1;height:7px;border:0;border-radius:99px;background:#dfe4e2;cursor:pointer}.guide-p3-progress>button.complete{background:#2e9e6b}.guide-p3-progress>button.current{background:var(--accent)}.guide-p3-progress>span{position:absolute;left:32px;right:112px;height:7px;transform-origin:left;border-radius:99px;background:#2e9e6b}.guide-p3-progress>span+button{position:absolute;z-index:3;width:18px;height:18px;margin-left:-9px;border:3px solid var(--surface);border-radius:50%;background:var(--accent)}.guide-p3-progress small{margin-left:18px;color:#aeb8bb;font-size:13px;font-weight:700}@media(max-width:760px){.guide-p3-preview{grid-template-rows:62px minmax(0,1fr) 52px}.guide-p3-header{padding:0 14px}.guide-p3-header strong{font-size:14px}.guide-p3-audio{width:40px;padding:0;justify-content:center;font-size:0}.guide-p3-body{grid-template-columns:1fr;grid-template-rows:minmax(44dvh,1fr) auto}.guide-p3-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:17px 18px;border-left:0;border-top:1px solid var(--line)}.guide-p3-instruction{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px}.guide-p3-step-list{display:block;max-height:30dvh}.guide-p3-footer{padding-top:10px}.guide-p3-progress{padding:0 16px}.guide-p3-progress>span{left:16px;right:86px}.guide-p3-progress small{font-size:11px;margin-left:10px}.guide-p3-camera-note{left:12px;bottom:12px;font-size:10px}.guide-p3-panel h1{font-size:26px}.guide-p3-figure img{max-height:170px}}.guide-p3-preview{--surface:#fffdf8;--accent:#df572a;grid-template-rows:62px minmax(0,1fr) 42px}.guide-p3-preview,.guide-p3-preview[data-theme=dark]{--primary:#df572a;--primary-fg:#fff}.guide-p3-header{gap:12px;padding:0 16px}.guide-p3-brand{display:flex;align-items:center;gap:9px;flex:none;padding-right:14px;border-right:1px solid var(--line);font:700 20px Georgia,serif;color:var(--ink);text-decoration:none}.guide-p3-brand span{width:12px;height:12px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}.guide-p3-header strong{font-size:14px;font-weight:500;letter-spacing:0}.guide-p3-header .guide-p3-icon{width:36px;height:36px;border-radius:9px}.guide-p3-audio{min-height:36px;font-size:12px;padding:0 12px;border-radius:9px}.guide-p3-body{grid-template-columns:minmax(0,1fr) clamp(300px,20vw,384px)}.guide-p3-panel{padding:14px 16px 12px;gap:10px}.guide-p3-step-picker{color:var(--accent);font-size:12px;letter-spacing:.02em}.guide-p3-panel h1{max-width:none;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:700;line-height:1.16;letter-spacing:0;margin-bottom:8px}.guide-p3-instruction{font-size:13.5px;line-height:1.46}.guide-p3-instruction-content{min-width:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.guide-p3-figure{height:clamp(112px,18vw,310px);max-height:calc(100dvh - 415px);margin-top:10px}.guide-p3-figure figcaption{font-size:10px;padding:7px 10px}.guide-p3-figure img{height:calc(100% - 25px);max-height:none;width:100%;object-fit:contain;padding:8px;box-sizing:border-box}.guide-p3-parts summary{font-size:10.5px;padding:10px 0}.guide-p3-parts>div span{font-size:13px}.guide-p3-footer{grid-template-columns:52px minmax(0,1fr);padding-top:12px}.guide-p3-previous{min-width:0}.guide-p3-next,.guide-p3-previous{min-height:52px;border-radius:11px}.guide-p3-progress{padding:0 20px;gap:4px}.guide-p3-progress small{font-size:11px;font-weight:400}.guide-p3-progress>button{height:6px}.guide-p3-figure{display:block;width:100%;padding:0;text-align:left;color:var(--ink);font:inherit;cursor:zoom-in}.guide-p3-figure-caption{display:block;padding:7px 10px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:700}.guide-p3-figure-modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:48px;background:rgb(23 33 40/.88);backdrop-filter:blur(4px)}.guide-p3-figure-modal img{display:block;max-width:min(100%,1200px);max-height:calc(100dvh - 96px);border-radius:12px;background:#fff;box-shadow:0 24px 80px rgb(0 0 0/.35);object-fit:contain}.guide-p3-figure-close{position:absolute;top:20px;right:22px;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#172128;cursor:pointer}.guide-p3-figure-close svg{width:19px}@media(max-width:760px){.guide-p3-preview{grid-template-rows:52px minmax(0,1fr) 32px}.guide-p3-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.guide-p3-panel{padding:10px 14px;gap:6px}.guide-p3-header strong{font-size:12px}.guide-p3-panel h1{font-size:20px}.guide-p3-instruction-content{overflow:hidden}.guide-p3-instruction{display:-webkit-box;overflow:hidden;font-size:13px;-webkit-line-clamp:2;-webkit-box-orient:vertical}.guide-p3-figure{height:min(32vw,132px);max-height:none}.guide-p3-figure img{height:calc(100% - 25px)}.guide-p3-parts{margin-top:6px}.guide-p3-parts summary{padding:7px 0}.guide-p3-parts>div span{font-size:11px;padding:5px 7px}.guide-p3-figure-modal{padding:20px}.guide-p3-figure-modal img{max-height:calc(100dvh - 40px)}}@media (min-width:761px) and (max-width:1100px){.guide-p3-body{grid-template-columns:minmax(0,1.1fr) minmax(420px,1fr)}.guide-p3-panel{padding:16px 20px}.guide-p3-figure{height:clamp(150px,25vw,250px);max-height:calc(100dvh - 455px)}}