:root{color:#19201d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f8f4;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button{align-items:center;border:1px solid #cfd8cc;background:#fff;border-radius:8px;color:#18201d;cursor:pointer;display:inline-flex;font:inherit;font-weight:700;gap:8px;min-height:40px;padding:0 14px}button:disabled{cursor:wait;opacity:.62}.app-shell{min-height:100vh}.landing-page{min-height:100vh;padding:24px;background:linear-gradient(180deg,#f7f8f4eb,#f7f8f4),url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1800&q=80) center/cover}.landing-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1180px}.landing-brand{align-items:center;display:flex;gap:12px}.landing-nav>span{color:#59665e;font-weight:800}.landing-hero{align-items:end;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) 380px;margin:70px auto 28px;max-width:1180px}.login-card{background:#fff;border:1px solid #dde5d8;border-radius:8px;box-shadow:0 16px 50px #13201c21;padding:22px}.login-card p,.login-card small{color:#59665e;display:block;line-height:1.45}.login-card button{justify-content:center;width:100%}.google-login{margin:16px 0 12px;min-height:40px}.login-missing{background:#f8faf4;border:1px solid #dde5d8;border-radius:8px;display:grid;gap:8px;margin-top:16px;padding:14px}.login-missing span{color:#59665e;line-height:1.45}.demo-login{display:grid;gap:12px;margin-top:14px}.demo-login summary{color:#4f5c54;cursor:pointer;font-weight:800}.demo-login[open]{border-top:1px solid #dde5d8;padding-top:12px}.landing-strip{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1180px}.landing-strip article{background:#ffffffe6;border:1px solid #dde5d8;border-radius:8px;display:grid;gap:6px;padding:16px}.landing-strip span{color:#59665e;font-size:13px}.workspace{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#13201c;color:#f8fbf5;display:flex;flex-direction:column;gap:30px;padding:24px}.brand{align-items:center;display:flex;gap:12px}.brand-mark{align-items:center;background:#d2ff72;border-radius:8px;color:#13201c;display:inline-flex;height:42px;justify-content:center;width:42px}.brand strong,.brand small{display:block}.brand small{color:#aeb9ae;font-size:12px;margin-top:2px}.nav-list{display:grid;gap:6px}.nav-list a,.nav-button{align-items:center;background:transparent;border:0;border-radius:8px;color:#c7d2c7;display:flex;gap:10px;justify-content:start;min-height:0;padding:11px 12px;text-decoration:none;width:100%}.nav-list .active,.nav-button.active{background:#24332e;color:#fff}.fixture-box{border-top:1px solid #31423b;display:grid;gap:10px;margin-top:auto;padding-top:20px}.fixture-box>span,.eyebrow{color:#657064;font-size:12px;font-weight:800;letter-spacing:0;margin:0;text-transform:uppercase}.fixture-box>span{color:#aeb9ae}.fixture-row{display:flex;font-size:13px;justify-content:space-between}.good{color:#d2ff72}.muted{color:#88958b}.content{display:grid;gap:22px;padding:28px}.product-content{align-content:start;background:linear-gradient(180deg,#f4f7efe6,#f7f8f4),radial-gradient(circle at top right,rgba(210,255,114,.22),transparent 34%)}.product-hero{align-items:end;display:flex;gap:18px;justify-content:space-between;padding:8px 0 4px}.hero-copy{color:#59665e;font-size:17px;line-height:1.5;margin:18px 0 0;max-width:760px}.account-box{background:#ffffffe6;border:1px solid #dde5d8;border-radius:8px;display:grid;gap:4px;min-width:260px;padding:14px}.account-box span{color:#657064;font-size:12px;font-weight:800;text-transform:uppercase}.account-box button{margin-top:8px;justify-content:center}.topbar{align-items:end;display:flex;gap:20px;justify-content:space-between}.segmented{align-items:center;background:#edf3e8;border:1px solid #d5decf;border-radius:8px;display:inline-flex;gap:4px;padding:4px}.segmented button{border:0;background:transparent;min-height:34px}.segmented button.active{background:#fff;box-shadow:0 1px 2px #13201c14}h1,h2,p{margin-top:0}h1{font-size:42px;letter-spacing:0;line-height:.98;margin-bottom:0;max-width:820px}h2{font-size:18px;letter-spacing:0;margin-bottom:0}.primary{background:#d2ff72;border-color:#bddf68}.ghost{background:#f8faf4}.metrics{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.metrics div{background:#fff;border:1px solid #dde5d8;border-radius:8px;padding:18px}.metrics span{display:block;font-size:34px;font-weight:900;line-height:1}.metrics p{color:#657064;margin:6px 0 0}.panels{display:grid;gap:18px;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr)}.order-layout{display:grid;gap:18px;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)}.setup-grid{display:grid;gap:18px;grid-template-columns:minmax(320px,.65fr) minmax(0,1.35fr)}.work-panel,.result-panel,.sdk-runner,.checkout-panel{background:#fff;border:1px solid #dde5d8;border-radius:8px;min-width:0;padding:20px}label{color:#465046;display:grid;font-size:13px;font-weight:800;gap:7px;margin-bottom:14px}input,select,textarea{background:#fbfcf8;border:1px solid #cfd8cc;border-radius:8px;color:#18201d;font:inherit;font-weight:500;min-height:42px;padding:9px 10px;width:100%}textarea{min-height:118px;resize:vertical}.form-grid{display:grid;gap:12px;grid-template-columns:1fr 1.4fr 120px}.form-grid.two{grid-template-columns:1fr 1fr}.connect-panel{align-items:center;background:#f6f8f4;border:1px solid #dde5d8;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr auto;margin:0 0 14px;padding:14px}.connect-panel p{color:#59665e;margin:4px 0 0}.connect-panel.connected{background:#f1f9ea;border-color:#bedf9e}.connect-panel a{color:#315b42;font-size:13px;font-weight:800}.file-list{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 14px}.file-list span{background:#edf3e8;border-radius:999px;color:#465046;font-size:12px;font-weight:800;padding:6px 9px}.checkout-panel{align-self:start;position:sticky;top:24px}.empty-state{align-items:center;border:1px dashed #cfd8cc;border-radius:8px;color:#59665e;display:grid;gap:12px;justify-items:center;min-height:220px;padding:22px;text-align:center}.empty-state p{margin:0}.empty-state.compact{min-height:128px;padding:18px}.empty-state small{color:#718071;font-size:13px}.checkout-actions{display:grid;gap:10px;margin-top:14px}.order-summary{display:grid;gap:10px}.order-summary div{align-items:center;border-bottom:1px solid #e3edda;display:flex;justify-content:space-between;padding:8px 0}.order-summary span{color:var(--green-soft);font-size:12px;font-weight:900;text-transform:uppercase}.order-summary strong{color:var(--green);text-align:right}.order-summary p{background:var(--sage);border-radius:8px;color:var(--green);line-height:1.4;margin:6px 0 0;padding:12px}.checkout-actions button{justify-content:center;width:100%}.picker-block{border-top:1px solid #e3edda;margin-top:14px;padding-top:14px}.album-grid,.photo-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.album-card,.photo-card{align-items:start;background:#fffff7f0;border-color:var(--sage-line);display:grid;gap:8px;height:100%;justify-items:start;min-height:0;padding:10px;text-align:left}.date-list{display:grid;gap:8px}.date-row{align-items:center;display:grid;gap:10px;grid-template-columns:18px 1fr auto;justify-content:stretch;min-height:48px;text-align:left;width:100%}.date-row strong{color:#59665e;font-size:12px;font-weight:800}.album-card.active,.photo-card.active{border-color:var(--orange);box-shadow:0 0 0 2px #ff76282e}.album-card img,.photo-card img{aspect-ratio:1.45;border-radius:6px;object-fit:cover;width:100%}.album-card strong{font-size:13px;line-height:1.2}.album-card span,.photo-card span{color:var(--green-soft);font-size:12px;font-weight:800}.checkout-link{align-items:center;background:var(--orange);border-radius:8px;color:#1d260f;display:inline-flex;font-weight:900;gap:8px;justify-content:center;margin-top:12px;min-height:42px;padding:0 14px;text-decoration:none;width:100%}.checkout-link.ghost-link{background:#fffff7f0;border:1px solid var(--sage-line)}.gift-links{border-top:1px solid #e3edda;display:grid;gap:8px;margin-top:14px;padding-top:14px}.gift-links>strong{color:var(--green);font-size:13px}.gift-links a{align-items:center;border:1px solid var(--sage-line);border-radius:8px;color:var(--green);display:flex;font-size:13px;font-weight:800;gap:8px;min-height:40px;padding:8px 10px;text-decoration:none}.gift-link-row{display:grid;gap:6px;grid-template-columns:minmax(0,1fr) 40px}.gift-link-row button{align-items:center;justify-content:center;min-height:40px;padding:0}.customization-list{display:grid;gap:10px}.customization-row{align-items:start;border:1px solid var(--sage-line);border-radius:8px;display:grid;gap:12px;grid-template-columns:96px minmax(0,1fr);padding:10px}.customization-row>img{aspect-ratio:1;border-radius:6px;object-fit:cover;width:96px}.customization-fields{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.customization-fields label{margin:0}.customization-fields .message-field{grid-column:1 / -1}.reminder-button{justify-content:center;margin-top:10px;width:100%}.gift-page{background:#f8fbef;min-height:100vh;padding:22px}.gift-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1120px}.gift-nav>span{color:var(--green-soft);font-size:13px;font-weight:800}.gift-experience{align-items:center;display:grid;gap:56px;grid-template-columns:minmax(280px,.75fr) minmax(360px,1fr);margin:54px auto 0;max-width:1120px}.gift-copy h1{font-size:38px;line-height:1.04;margin:10px 0 18px;max-width:560px}.gift-copy>p:not(.eyebrow){color:var(--green-soft);font-size:18px;line-height:1.55;max-width:520px}.puzzle-status{align-items:center;color:var(--burnt);display:flex;font-size:14px;font-weight:800;gap:9px;margin-top:24px}.puzzle-status.solved{color:#2f671e}.reset-puzzle{margin-top:16px}.puzzle-board{aspect-ratio:1;background:#fff;border:10px solid #ffffff;border-radius:8px;box-shadow:0 22px 60px #1330092e;display:grid;gap:3px;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;width:min(100%,620px)}.puzzle-piece{background-color:#e7efd7;background-repeat:no-repeat;background-size:300% 300%;border:0;border-radius:0;min-height:0;padding:0;transition:filter .16s ease,opacity .16s ease,transform .16s ease}.puzzle-piece:hover,.puzzle-piece.selected{filter:saturate(1.15) brightness(1.06);outline:4px solid var(--orange);outline-offset:-4px;transform:scale(.97);z-index:1}.puzzle-board.complete .puzzle-piece{pointer-events:none}.digital-card{background:#fff;border:10px solid #ffffff;border-radius:8px;box-shadow:0 22px 60px #1330092e;margin:0;overflow:hidden}.digital-card img{aspect-ratio:1;display:block;object-fit:cover;width:100%}.digital-card figcaption{color:var(--green);font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:800;padding:18px}.product-strip{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.product-strip article{background:#fff;border:1px solid #dde5d8;border-radius:8px;display:grid;gap:6px;padding:16px}.product-strip span{color:#59665e;font-size:13px}.plan-box{border-top:1px solid #eef2ea;margin-top:8px;padding-top:16px}.sdk-runner{display:grid;gap:4px}.helper-copy{color:#59665e;line-height:1.45}.no-border{border-top:0;padding-top:0}.setup-output pre{max-height:620px}.quick-connect{display:grid;gap:10px;margin:14px 0}.quick-connect button{justify-content:center}.panel-head{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.compact{margin-bottom:12px}.compact span{color:#657064;font-size:13px}.event-row{align-items:center;border-top:1px solid #eef2ea;display:flex;gap:18px;justify-content:space-between;padding:16px 0}.event-row p{color:#59665e;margin:4px 0 0}.event-row span,.pill{background:#edf3e8;border-radius:999px;color:#465046;display:inline-flex;font-size:12px;font-weight:800;padding:5px 9px;white-space:nowrap}.action-bar{border-top:1px solid #eef2ea;display:flex;flex-wrap:wrap;gap:10px;padding-top:18px}.result-list{display:grid;gap:12px;max-height:486px;overflow:auto}.empty{color:#657064;margin:0}.result{border:1px solid #dde5d8;border-left-width:4px;border-radius:8px;padding:12px}.result.ok{border-left-color:#4b9f64}.result.fail{border-left-color:#bf5656}.result div{display:flex;justify-content:space-between}.result span{color:#657064;font-size:12px}pre{background:#f6f8f4;border-radius:8px;color:#29302c;font-size:12px;margin:10px 0 0;max-height:180px;overflow:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.coverage{display:grid;gap:18px}.coverage-group{display:grid;gap:12px}.coverage-title{align-items:center;display:flex;justify-content:space-between}.coverage-title span{color:#657064;font-size:13px}.method-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.method-card{background:#fff;border:1px solid #dde5d8;border-radius:8px;display:grid;gap:12px;padding:14px}.method-card div{display:grid;gap:4px}.method-card span{color:#657064;font-size:12px}.method-card p{color:#465046;font-size:13px;line-height:1.42;margin:0}.method-card footer{display:flex;gap:8px}.pill.ready{background:#ddf6cb;color:#285629}.pill.warn{background:#fff2c2;color:#6b5617}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{color:#12320d;background:#fbfaec;--cream: #fbfaec;--cream-deep: #fff4c7;--green: #12320d;--green-soft: #5b8524;--sage: #eff8e9;--sage-line: #c8ddb1;--orange: #ff7628;--rust: #ad3d08;--teal: #5c8f87}body{background:var(--cream);color:var(--green)}button{background:#fffff7f0;border-color:var(--sage-line);color:var(--green);font-weight:800}.primary{background:var(--orange);border-color:var(--orange);color:#1d260f}.ghost{background:#fffff7f0}.landing-page,.product-content{background:radial-gradient(circle at 92% 38%,rgba(203,229,218,.56),transparent 18%),linear-gradient(115deg,#fff4c7,#fff9e6 42%,#f7fbef)}.landing-page{padding:0 34px 34px}.landing-nav{max-width:1440px;min-height:72px}.landing-brand,.brand strong{font-family:Georgia,Times New Roman,serif}.landing-brand{color:var(--green);font-size:25px}.landing-nav>span,.hero-copy,.login-card p,.login-card small,.landing-strip span,.product-strip span,.helper-copy,.event-row p,.empty,.empty-state,.connect-panel p,.metrics p{color:var(--green-soft)}.landing-hero{gap:48px;grid-template-columns:minmax(0,1fr) 410px;margin:78px auto 32px;max-width:1440px}.landing-strip{max-width:1440px}.login-card,.account-box,.work-panel,.result-panel,.sdk-runner,.checkout-panel,.landing-strip article,.product-strip article,.method-card,.metrics div{background:#fffff7f0;border-color:var(--sage-line);box-shadow:0 14px 42px #37462314}.login-card{box-shadow:0 24px 70px #2e422029;transform:rotate(-1deg)}.login-missing,.segmented,.connect-panel,.file-list span,.event-row span,.pill{background:var(--sage);border-color:var(--sage-line);color:var(--green)}.demo-login summary,.connect-panel a{color:var(--rust)}.sidebar{background:var(--green);color:#fffdf0}.brand-mark{background:var(--orange);color:#fff8df}.brand small,.nav-button,.fixture-box>span{color:#dbe8c7}.nav-list .active,.nav-button.active{background:#fff4c721}.fixture-box{border-top-color:#fff4c73d}.good{color:#ffd43b}.muted{color:#b5c6a5}h1,h2{color:var(--green);font-family:Georgia,Times New Roman,serif;font-weight:800}h1{font-size:42px;line-height:1.03}h2{font-size:19px}.topbar h1,.content:not(.product-content) h1{font-size:34px;max-width:680px}.product-hero h1{font-size:38px;max-width:760px}.hero-copy{font-size:18px;max-width:620px}.login-card p,.helper-copy,.connect-panel p,.product-strip span,.landing-strip span{font-size:13px}.work-panel,.result-panel,.sdk-runner,.checkout-panel{padding:18px}.eyebrow,.account-box span,.compact span,.coverage-title span,.method-card span,.result span{color:var(--teal)}label{color:var(--green)}input,select,textarea{background:#fffdf5;border-color:var(--sage-line);color:var(--green)}.connect-panel.connected{background:#eff9df;border-color:#b8d998}.empty-state{border-color:var(--sage-line)}.plan-box,.event-row,.action-bar,.demo-login[open]{border-color:#e3edda}pre{background:#fff8dc;color:var(--green)}.result{border-color:var(--sage-line)}.pill.ready{background:#e3f8d5;color:#2f671e}.pill.warn{background:#fff0b1;color:#8d4a0c}@media(max-width:980px){.workspace{grid-template-columns:1fr}.sidebar{min-height:auto}.panels,.order-layout,.setup-grid,.product-strip,.landing-hero,.landing-strip,.metrics,.form-grid,.form-grid.two,.customization-fields{grid-template-columns:1fr}.customization-fields .message-field{grid-column:auto}.topbar{align-items:start;flex-direction:column}.gift-experience{gap:30px;grid-template-columns:1fr;margin-top:34px}.puzzle-board,.digital-card{justify-self:center;max-width:620px;width:100%}.product-hero,.connect-panel{align-items:start;grid-template-columns:1fr}.checkout-panel{position:static}}@media(max-width:620px){.content,.sidebar{padding:18px}h1{font-size:30px}.panel-head,.event-row{align-items:start;flex-direction:column}button{justify-content:center;width:100%}.landing-page,.gift-page{padding:18px}.gift-copy h1{font-size:30px}.gift-copy>p:not(.eyebrow){font-size:16px}.puzzle-board{border-width:6px;gap:2px}.landing-nav{align-items:start;flex-direction:column;gap:12px}}