/* Native app dimensions are preserved inside the existing scaled phone stage. */
.ee-chapter{color:#423d34;font-size:14px;line-height:20px;background:#fbf4e6}
.ee-scroll-window{position:absolute;inset:44px 0 68px;overflow:hidden}
.ee-form{position:relative;padding:0 12px 24px;will-change:transform}
.ee-cover{padding:12px 0 16px;text-align:center}
.ee-cover>.ee-photo{width:180px;height:168px;display:block;margin:0 auto 12px}
.ee-photo-tools{display:flex;justify-content:center;gap:12px;font-size:12px;line-height:16px}
.ee-photo-tools>span{border-radius:24px;background:#fffdf8;padding:8px 12px;display:flex;align-items:center;gap:4px}
.ee-photo-tools .icon{width:16px;height:16px}
.ee-version{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px;color:#a1998a;font-size:12px;line-height:16px}
.ee-version b{background:#fffdf8;border-radius:16px;padding:4px 24px;color:#987337;font-weight:600}
.ee-sheet{border-radius:24px;background:#fffdf8;padding:0 12px}
.ee-chapter h4{display:flex;align-items:center;gap:4px;font-size:14px;line-height:20px;font-weight:600;margin:0 0 12px}
.ee-chapter h4 small,.ee-chapter .ee-details small{color:#a29a8b;font-weight:400;font-size:12px;line-height:16px}
.ee-chapter h4 em{font-style:normal;font-size:12px;line-height:16px;font-weight:600;margin-left:auto;color:#a27d38}
.ee-name{padding:16px 0 24px}
.ee-name strong{font-size:16px;line-height:24px;font-weight:600}
.ee-section{padding:16px 0}
.ee-tag-list{display:flex;flex-wrap:wrap;gap:8px 4px;min-height:72px}
.ee-tag-list>span{display:inline-flex;align-items:center;justify-content:center;background:#f5f0e7;color:#8a8274;border-radius:24px;min-width:52px;height:32px;padding:4px 12px;font-size:12px;line-height:16px;white-space:nowrap;border:1px solid transparent}
.ee-tag-list>span.is-selected,.ee-tag-list>.ee-custom-tag{color:#8b682f;background:#faeac1;border-color:#e5cc8a}
.ee-tag-list>.ee-custom-tag{display:none}
.ee-recent{margin:12px 0 0;color:#a69e8c;font-size:12px;line-height:16px;display:flex;align-items:center;gap:12px}
.ee-recent span{padding:4px 8px;background:#faf7f0;border-radius:16px;color:#958c7a}
.ee-custom-editor{display:flex;align-items:center;gap:4px;background:#f7f1e4;border-radius:8px;height:32px;margin-top:8px;padding:4px 8px;color:#5c613e;font-size:12px;line-height:16px}
.ee-custom-editor b{margin-left:auto;font-size:12px;font-weight:400}
.ee-custom-editor i{height:16px;width:1px;background:#7d8659}
.ee-shape-options{display:flex;align-items:end;justify-content:space-between;gap:4px}
.ee-shape-options>span{height:64px;width:48px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px;border:1px solid transparent;border-radius:12px;padding:8px 0 4px}
.ee-shape-options>span.is-selected{background:#f9e9bd;border-color:#d5b05b}
.ee-shape-options i{display:block;width:28px;height:28px;border:1px solid #9d9789;border-radius:8px}
.ee-shape-options .ee-shape-circle{border-radius:50%}
.ee-shape-options .ee-shape-landscape{width:36px;height:24px}
.ee-shape-options .ee-shape-portrait{width:20px;height:32px}
.ee-shape-options .ee-shape-oval{width:36px;height:24px;border-radius:50%}
.ee-shape-options .ee-shape-free{border-style:dashed}
.ee-shape-options small{font-size:12px;line-height:16px;color:#9a907a}
.ee-details{position:relative;margin:16px -12px 0;padding:12px;background:#fcf6e8;font-size:12px;line-height:16px;display:flex;flex-direction:column;gap:4px}
.ee-details b{font-size:14px;line-height:20px;font-weight:600}
.ee-details span{color:#aaa08b}
.ee-details em{position:absolute;right:12px;top:16px;color:#a38646;font-style:normal}
.ee-ingredient{display:flex;align-items:center;gap:12px;min-height:48px;padding:4px 0}
.ee-ingredient>span:first-child{flex:1}
.ee-ingredient>small{color:#ada18b;font-size:16px;line-height:24px}
.ee-amount{display:flex;align-items:center;justify-content:center;gap:8px;min-width:96px;padding:8px;background:#f2e0b6;border-radius:8px;color:#98743c;font-size:12px;line-height:16px}
.ee-amount b{font-weight:400;min-width:36px;text-align:center}
.ee-amount .icon{width:12px;height:12px;color:#c59b68}
.ee-amount.is-empty{background:#f5f0e7;color:#b0a38b}
.ee-amount.is-writing{outline:2px solid #b8c899;outline-offset:2px}
.ee-add{text-align:center;padding:12px 0 0;margin:0;color:#b0863f;font-size:14px;line-height:20px}
.ee-step{padding:16px 0 12px}
.ee-step-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.ee-step-heading b{font-size:18px;line-height:28px;font-weight:600;color:#bb8f3c}
.ee-step-heading small,.ee-replace{font-size:12px;line-height:16px;color:#a79166}
.ee-step p{padding:12px;margin:8px 0 0;border:1px solid #f1ecdf;border-radius:8px;line-height:24px;background:#fffefa}
.ee-step-photo{display:block;width:100%;height:auto;aspect-ratio:896/1600;border-radius:8px;overflow:hidden}
.ee-replace{text-align:right;margin:8px 0 12px}
.ee-note h4>span{margin-left:auto;color:#b6a994;font-size:18px;font-weight:400}
.ee-note-text{height:80px;margin:0 0 8px;padding:12px 4px;font-size:14px;line-height:24px}
.ee-note>small,.ee-link-label{font-size:12px;line-height:16px;color:#a99d86}
.ee-link-label{margin:16px 0 8px}
.ee-source{display:flex;align-items:center;gap:8px;background:#f8f1e5;border-radius:12px;padding:8px}
.ee-source>img{height:28px;width:28px;border-radius:4px}
.ee-source>span{flex:1;min-width:0;display:flex;flex-direction:column;font-size:12px;line-height:16px}
.ee-source b{font-weight:400}
.ee-source small{display:block;color:#a99d86;font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ee-source>small{font-size:12px;color:#ad8a48}
.ee-destination{background:#fffdf8;border-radius:16px;margin-top:12px;padding:16px 12px}
.ee-save-options{display:flex;gap:8px}
.ee-save-options>span{flex:1;text-align:center;padding:12px;background:#f4eee3;border-radius:12px;color:#a29780;border:1px solid transparent}
.ee-save-options>.is-selected{background:#faeac0;border-color:#e3c575;color:#947135}
.ee-destination>p{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:12px;line-height:16px;color:#9d8d6c}
.ee-destination>p .icon{width:16px;height:16px}
.ee-destination>p b{margin-left:auto;font-weight:400}
.ee-destination>small{color:#aea18a;font-size:12px;line-height:16px}
.ee-save-bar{position:absolute;left:0;right:0;bottom:0;height:68px;padding:8px 12px 16px;background:#fffdf8ed;z-index:4}
.ee-save-bar>span{height:44px;display:flex;align-items:center;justify-content:center;background:#e8b14c;border-radius:12px;color:#fffdf8;font-weight:600}
.ee-save-bar>span.is-saved{background:#65764b}
.ee-save-confirmation{position:absolute;left:48px;right:48px;bottom:88px;padding:12px;border-radius:16px;background:#56613f;color:#fffdf8;z-index:8;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;opacity:0;visibility:hidden}
.ee-focus-ring{position:absolute;pointer-events:none;left:12px;top:0;width:2px;height:1px;background:#859663;border-radius:4px;transform-origin:left top;z-index:5}
.ee-scroll-track{position:absolute;top:64px;right:4px;bottom:84px;width:2px;background:#ded6c333;border-radius:4px;z-index:6}
.ee-scroll-track i{position:absolute;top:0;display:block;width:2px;background:#b7a277;height:48px;border-radius:4px}
.ee-explainer{position:absolute;inset:0;z-index:7;pointer-events:none;color:#35392a;opacity:0;visibility:hidden}
.ee-guide-heading{position:absolute;left:40px;top:64px;display:flex;align-items:center;justify-content:space-between;width:352px;color:#78775e}
.ee-guide-heading>small{font-size:14px;line-height:20px}
.ee-guide-heading>span{font-size:12px;line-height:16px;letter-spacing:.04em}
.ee-guide-card{position:absolute;left:32px;top:calc(112px + var(--guide-i)*112px);width:352px;min-height:88px;display:flex;align-items:center;gap:12px;padding:16px;background:#fffdf8;border:1px solid #e7dec6;border-radius:16px;transform-origin:left center;box-shadow:0 8px 16px #4f4b2110;will-change:transform,opacity;transition:opacity .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1)}
.ee-guide-number{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;font-size:12px;line-height:16px;background:#f0f1e0;color:#7d8659}
.ee-guide-card h3{margin:0;font-size:18px;line-height:28px;font-weight:600;letter-spacing:0;text-wrap:pretty}
.ee-guide-card p{margin:4px 0 0;font-size:14px;line-height:20px;color:#807d66;text-wrap:pretty}
.ee-guide-card [data-edit-step-caption]{display:none;margin-top:4px;color:#65764b;font-size:12px;line-height:16px}
.ee-guide-card.is-active{border-color:#99a77b;box-shadow:0 12px 24px #4f4b2118}
.ee-guide-card.is-active .ee-guide-number{background:#e2ebc9;color:#52613b}
.ee-guide-card.is-active [data-edit-step-caption]:not(:empty){display:block}
.ee-guide-port{position:absolute;right:-5px;top:50%;width:10px;height:10px;border-radius:50%;border:2px solid #70844f;background:#fffdf8;transform:translateY(-50%);opacity:0}
.ee-guide-card.is-active .ee-guide-port{opacity:1}
.ee-guide-progress{position:absolute;left:16px;right:16px;bottom:0;height:2px;overflow:hidden;opacity:0}
.ee-guide-card.is-active .ee-guide-progress{opacity:1}
.ee-guide-progress i{display:block;height:2px;background:#81915f;transform-origin:left}
.ee-connections{position:absolute;inset:0;width:940px;height:864px;overflow:visible;fill:none;color:#70844f}
.ee-connection-track{stroke:currentColor;stroke-width:2;opacity:.36}
.ee-connection-flow{stroke:currentColor;stroke-width:2;stroke-dasharray:12 88;stroke-linecap:round}
.ee-connection-source{fill:#fffdf8;stroke:currentColor;stroke-width:2}
.ee-connection-end,.ee-connection-dot{fill:currentColor}
@media(max-width:720px){
 .ee-guide-heading,.ee-connections{display:none}
 .ee-guide-card{left:20px;top:4px;width:440px;min-height:104px;padding:16px 24px;gap:16px;box-shadow:none;display:none}
 .ee-guide-card.is-active{display:flex}
 .ee-guide-number{width:40px;height:40px;font-size:16px;line-height:24px}
 .ee-guide-card h3{font-size:24px;line-height:32px}
 .ee-guide-card p{font-size:18px;line-height:28px}
 .ee-guide-card [data-edit-step-caption]{font-size:16px;line-height:24px}
 .ee-guide-port{display:none}
}
@media(prefers-reduced-motion:reduce){.ee-form,.ee-guide-card{will-change:auto;transition:none}.ee-connection-flow,.ee-connection-dot{display:none}}