:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Avenir Next,Segoe UI,sans-serif;color:#1d1d1f;background:#f5f5f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#fbfbfd,#f5f5f7 42%,#f0f0f2)}button,input,select,textarea{font:inherit}button{border:0;border-radius:6px;background:#1d1d1f;color:#fff;min-height:36px;padding:0 14px;cursor:pointer;font-weight:650;letter-spacing:0;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease}button.secondary{background:#e8e8ed;color:#1d1d1f}button.danger{background:#b42318}button:hover{box-shadow:0 5px 14px #1d1d1f1a;filter:none;transform:translateY(-1px)}button:disabled{cursor:default;opacity:.45;filter:none;box-shadow:none;transform:none}input,select,textarea{width:100%;border:1px solid #d8d8df;border-radius:6px;background:#ffffffe6;color:#1d1d1f;padding:10px 11px;font-family:IBM Plex Mono,SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:400;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}input[type=checkbox]{accent-color:#0071e3}input:focus,select:focus,textarea:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e324;outline:0}textarea{min-height:104px;resize:vertical;line-height:1.45}label{display:grid;gap:5px;color:#424245;font-size:13px;font-weight:620}.pin-screen{min-height:100vh;display:grid;grid-template-columns:minmax(360px,560px) minmax(320px,390px);gap:42px;align-items:center;justify-content:center;padding:32px}.pin-illustration{width:min(560px,100%);justify-self:center;object-fit:contain}.pin-panel{width:min(420px,100%);background:#ffffffd6;border:1px solid rgba(210,210,215,.9);border-radius:8px;padding:26px;box-shadow:0 24px 60px #0000001f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.pin-panel form{display:grid;gap:10px}.login-copy{color:#6e6e73;line-height:1.45;margin-bottom:18px}.shell{min-height:100vh;max-width:1480px;margin:0 auto;padding:30px}.topbar,.panel-header,.actions{display:flex;align-items:center}.topbar{justify-content:space-between;gap:16px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(210,210,215,.72)}.actions,.panel-header{gap:10px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:44px;height:44px;object-fit:contain}.panel-header{justify-content:space-between;margin-bottom:16px}.activity-summary{cursor:pointer;list-style:none;margin-bottom:0}.activity-summary::-webkit-details-marker{display:none}.activity-panel[open] .activity-summary{margin-bottom:14px}.eyebrow{margin:0 0 3px;color:#86868b;font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:34px;line-height:1;letter-spacing:0;font-weight:760}h2{margin-bottom:0;font-size:21px;line-height:1.1;font-weight:720}h3{margin-bottom:0;font-size:17px;font-weight:700}h4{margin:0;font-size:15px}.layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px}.content{min-width:0}.sidebar,.panel{background:#ffffffdb;border:1px solid rgba(210,210,215,.86);border-radius:8px;padding:16px;box-shadow:0 12px 34px #0000000e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar{align-self:start;position:sticky;top:16px}.walkthrough-list,.detail{display:grid;gap:12px}.walkthrough-list{margin-top:12px}.sidebar-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.tab-button{min-height:34px;background:#e8e8ed;color:#1d1d1f;font-size:13px}.tab-button.active{background:#1d1d1f;color:#fff}.walkthrough-row{display:grid;gap:7px;padding:9px;border:1px solid #e5e5ea;border-radius:7px;background:#fffc;position:relative;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.walkthrough-row[draggable=true]{cursor:grab}.walkthrough-row.dragging{opacity:.55}.walkthrough-row.drop-before:before,.walkthrough-row.drop-after:after{content:"";position:absolute;left:-1px;right:-1px;height:3px;border-radius:3px;background:#0071e3;box-shadow:0 0 0 3px #0071e324;pointer-events:none}.walkthrough-row.drop-before:before{top:-8px}.walkthrough-row.drop-after:after{bottom:-8px}.walkthrough-row.active{border-color:#0071e394;background:#f2f8ff;box-shadow:0 8px 22px #0071e317}.walkthrough-row:hover{border-color:#0071e357;box-shadow:0 8px 22px #1d1d1f14;transform:translateY(-1px)}.walkthrough-item{width:100%;display:grid;gap:4px;justify-items:start;min-height:60px;padding:5px 4px;background:transparent;border:0;color:#1d1d1f;text-align:left}.walkthrough-item strong{font-size:14px;line-height:1.2;font-weight:680}.walkthrough-item.active{outline:0}.walkthrough-item:hover{box-shadow:none;transform:none}.walkthrough-item span,.muted,.hint{color:#6e6e73;font-size:13px}.walkthrough-row-actions,.order-controls{display:flex;align-items:center}.walkthrough-row-actions{justify-content:space-between;gap:8px}.sidebar-publish{display:flex;grid-auto-flow:column;align-items:center;gap:6px;min-height:28px;color:#6e6e73;font-size:12px;font-weight:620}.sidebar-publish input{width:auto}.order-controls{gap:4px}.order-button{width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:14px}.notice{margin-bottom:14px;padding:10px 12px;border-radius:8px;background:#fff8e5;border:1px solid #f0d37a;color:#4a3700}.empty{min-height:260px;display:grid;place-content:center;text-align:center;background:#ffffffdb;border:1px solid rgba(210,210,215,.86);border-radius:8px;padding:24px;box-shadow:0 12px 34px #0000000e}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px;align-items:end;margin-bottom:12px}.metadata-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) 180px}.checkbox-row{display:flex;align-items:center;gap:8px;min-height:41px}.checkbox-row input{width:auto}.top-checkbox{min-height:38px}.publish-status{color:#6e6e73;font-size:13px;font-weight:620;white-space:nowrap}.step-card{display:grid;gap:12px;padding:18px 0;border-top:1px solid #e5e5ea}.step-card:first-of-type{border-top:0;padding-top:0}.step-add-row{display:flex;justify-content:flex-end;padding-top:14px;border-top:1px solid #e5e5ea}.step-head{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none}.step-head::-webkit-details-marker{display:none}.step-summary-title{color:#1d1d1f;font-size:15px;font-weight:700}.step-head span{color:#6e6e73;font-size:13px}.icon-button{width:28px;min-width:28px;height:28px;min-height:28px;padding:0;border-radius:6px;background:transparent;color:#b42318;font-size:20px;line-height:1}.icon-button:hover{background:#fef0ee;filter:none}.read-only{display:grid;grid-template-columns:1fr 1fr;gap:12px}.read-only textarea{background:#f7f7f9}.draft-editor,.read-only textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.draft-form{display:grid;gap:11px}.field-grid{display:grid;gap:12px}.field-grid.title-count{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:12px}.textarea-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.marker-editor{display:grid;gap:10px;padding:12px;border:1px solid #e5e5ea;border-radius:7px;background:#fafafa}.panel-header.compact{margin-bottom:0}.marker-list{display:grid;gap:8px}.marker-row{display:grid;gap:8px;align-items:end}.marker-row[data-marker-type=label],.marker-row[data-marker-type=large_label]{grid-template-columns:112px minmax(140px,1fr) minmax(220px,1.45fr) auto}.marker-row[data-marker-type=dot]{grid-template-columns:112px minmax(260px,1fr) auto}.marker-row[data-marker-type=line],.marker-row[data-marker-type=arrow]{grid-template-columns:112px minmax(220px,1fr) minmax(220px,1fr) auto}.marker-row[data-marker-type=hands]{grid-template-columns:112px minmax(120px,.8fr) minmax(170px,1fr) 84px minmax(180px,1fr) auto}.marker-row label{min-width:0}.marker-row input,.marker-row select{min-height:34px;padding:7px 8px;font-size:12px}.marker-row .remove-marker{min-height:34px;padding:0 10px}.marker-field-text,.marker-field-location,.marker-field-from,.marker-field-to,.marker-field-hand,.marker-field-animation{display:none}.marker-row[data-marker-type=label] .marker-field-text,.marker-row[data-marker-type=label] .marker-field-location,.marker-row[data-marker-type=dot] .marker-field-location,.marker-row[data-marker-type=large_label] .marker-field-text,.marker-row[data-marker-type=large_label] .marker-field-location,.marker-row[data-marker-type=hands] .marker-field-text,.marker-row[data-marker-type=hands] .marker-field-location,.marker-row[data-marker-type=hands] .marker-field-hand,.marker-row[data-marker-type=hands] .marker-field-animation,.marker-row[data-marker-type=line] .marker-field-from,.marker-row[data-marker-type=line] .marker-field-to,.marker-row[data-marker-type=arrow] .marker-field-from,.marker-row[data-marker-type=arrow] .marker-field-to{display:grid}.raw-section{display:grid;gap:10px}.raw-section summary{cursor:pointer;color:#6e6e73;font-weight:650}.raw-section textarea{margin-top:10px}.timeline{display:grid;gap:8px}.event{display:grid;grid-template-columns:70px 170px 70px minmax(0,1fr);gap:8px;align-items:baseline;border-top:1px solid #e5e5ea;padding-top:8px}.event span,.event em{color:#6e6e73;font-size:12px}.event p{margin:0}@media(max-width:860px){.shell{padding:14px}.pin-screen{grid-template-columns:1fr;gap:16px;padding:18px}.pin-illustration{width:min(340px,100%);justify-self:center}.topbar,.panel-header{align-items:stretch;flex-direction:column}.brand img{width:48px;height:42px}h1{font-size:30px}.layout,.form-grid,.field-grid.title-count,.textarea-grid.two,.read-only,.marker-row,.marker-row[data-marker-type=label],.marker-row[data-marker-type=dot],.marker-row[data-marker-type=large_label],.marker-row[data-marker-type=hands],.marker-row[data-marker-type=line],.marker-row[data-marker-type=arrow],.event{grid-template-columns:1fr}.actions{flex-wrap:wrap}.sidebar{position:static}}