.guide-shell{max-width:920px;margin:0 auto;padding:40px 0 64px}.guide-shell h1{letter-spacing:-.03em;overflow-wrap:anywhere;margin:10px 0 16px;font-size:clamp(28px,4.4vw,42px);font-weight:750;line-height:1.1}.guide-shell .actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.guide-lead{max-width:660px;color:var(--muted);margin:0;font-size:17px}.guide-note{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.5}.guide-empty{border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface);margin-top:28px;padding:28px}.guide-empty h2{margin:0 0 10px;font-size:20px}.guide-empty ol{margin:0;padding-inline-start:20px}.guide-list{gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.guide-list li{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:16px;padding:14px 18px;display:flex}.guide-list a{min-width:0;color:var(--text);flex-direction:column;flex:1;text-decoration:none;display:flex}.guide-list a strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guide-list a span{color:var(--muted);font-size:14px}.guide-list a:hover strong{color:var(--accent)}.guide-list-actions{gap:14px;display:flex}.guide-choose{border:1px solid var(--line);background:var(--surface);border-radius:14px;gap:10px;margin:24px 0 0;padding:18px;display:grid}.guide-choose legend{padding:0 6px;font-weight:600}.guide-choose label,.guide-check{align-items:center;gap:8px;display:flex}.guide-check{margin-top:12px;font-size:14.5px}.guide-shell select,.guide-adding select{border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;border-radius:10px;padding:7px 10px;font-size:14px}.guide-crumbs{justify-content:space-between;gap:12px;font-size:14px;display:flex}.guide-saved{color:var(--muted)}.guide-saved.error{color:var(--danger)}.guide-title,.guide-purpose,.step-title,.step-note{width:100%;color:var(--text);font:inherit;background:0 0;border:1px solid #0000;border-radius:10px}.guide-title:hover,.guide-purpose:hover,.step-title:hover,.step-note:hover{border-color:var(--line)}.guide-title:focus,.guide-purpose:focus,.step-title:focus,.step-note:focus{border-color:var(--accent);background:var(--surface);outline:none}.guide-title{font-family:var(--font-display);letter-spacing:-.02em;margin:14px 0 4px;padding:4px 8px;font-size:clamp(26px,4vw,38px);font-weight:750}.guide-purpose{color:var(--muted);resize:vertical;padding:6px 8px}.guide-toolbar{z-index:5;border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(8px);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 8px;padding:10px;display:flex;position:sticky;top:64px}.guide-toolbar .btn-sm{min-height:38px;padding:0 14px;font-size:14px}.step-spacer{flex:1}.step-list{gap:18px;margin:18px 0 0;padding:0;list-style:none;display:grid}.step-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:16px}.step-head{align-items:center;gap:10px;display:flex}.step-number{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:999px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.step-title{padding:5px 8px;font-size:17px;font-weight:650}.step-note{margin:4px 0 10px;resize:vertical;width:calc(100% - 40px);margin-inline-start:40px;padding:5px 8px;font-size:14.5px}.step-drag{color:var(--muted);cursor:grab;user-select:none;letter-spacing:-2px}.step-frame{border:1px solid var(--line);background:var(--sunk);border-radius:12px;position:relative;overflow:hidden}.step-frame img{object-fit:contain;width:100%;height:100%;display:block}.step-frame.blurring{cursor:crosshair;outline:2px solid var(--accent);outline-offset:2px;touch-action:none}.step-frame.blurring img{pointer-events:none}.step-blur-box{border:2px dashed var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent);position:absolute}.step-loading{height:100%;min-height:120px;color:var(--muted);place-items:center;font-size:14px;display:grid}.step-tools{flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:12px;display:flex}.step-tools .vt-link.on{font-weight:700}.step-tools .vt-link:disabled{color:var(--muted);cursor:default;opacity:.5;text-decoration:none}.step-meta{color:var(--muted);margin:8px 0 0;font-size:12.5px}.step-gap{background:var(--warn-soft);color:var(--warn);border-radius:10px;margin:0 0 12px;padding:8px 12px;font-size:14px}.guide-add{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.guide-add .guide-note{margin:0}.guide-pro-note{background:var(--accent-soft);color:var(--text);border-radius:12px;margin:0;padding:12px 14px;font-size:15px}.guide-modal{z-index:50;background:#0a081473;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.guide-modal-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);width:min(560px,100%);max-height:calc(100vh - 32px);padding:22px;overflow:auto;box-shadow:0 24px 60px -20px #00000073}.guide-modal-box.wide{width:min(900px,100%)}.guide-modal-box:focus{outline:none}.guide-modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.guide-modal-head h2{margin:0;font-size:20px}.guide-modal .vt-days{margin-top:14px}.guide-share-link{gap:8px;display:flex}.guide-share-link input{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);font:13px var(--font-mono);border-radius:10px;flex:1;padding:8px 12px}.guide-versions{gap:8px;margin:14px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.guide-versions li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.frame-options,.add-options{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:14px;display:grid}.frame-option,.add-option{border:2px solid var(--line);background:var(--surface);color:var(--text);font:inherit;text-align:start;cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;padding:6px;font-size:13px;display:flex}.frame-option.selected,.add-option.selected{border-color:var(--accent)}.frame-option img,.add-option img{border-radius:8px;width:100%}.add-option input{align-self:flex-start}.frame-scrub{gap:10px;margin-top:18px;display:grid}.frame-scrub video{background:#000;border-radius:12px;width:100%;max-height:50vh}.frame-scrub .actions{margin-top:0}.guide-adding{border:2px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);margin:18px 0 0;padding:18px}.guide-adding h2{margin:0;font-size:19px}.add-place{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px;font-size:14.5px;display:flex}.add-place label{align-items:center;gap:6px;display:flex}@media (width<=640px){.guide-shell{padding-top:24px}.guide-toolbar{top:56px}.step-note{width:100%;margin-inline-start:0}.guide-list li{flex-direction:column;align-items:stretch}}.guide-howto{margin:0;padding-inline-start:20px;line-height:1.6}.guide-howto li+li{margin-top:6px}