:root{font-family:Georgia,Times New Roman,serif;color:#3d332b;background:#dfcfb8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #3d332b;--muted: #735b4f;--dim: #947b69;--paper: rgba(246, 236, 218, .94);--paper-strong: #f8efdf;--linen: #eadbc3;--line: rgba(117, 77, 57, .27);--pine: #25565a;--crimson: #bc6547;--gold: #e2a84a;--shadow: 0 18px 44px rgba(65, 39, 27, .2)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:#dfcfb8}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--crimson);outline-offset:3px}.scene-shell{isolation:isolate;position:relative;min-height:100%;overflow:hidden;background:linear-gradient(145deg,#eee2cf,#cfb38e)}#scene-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.glass-panel{border:1px solid var(--line);border-radius:13px;background:var(--paper);box-shadow:var(--shadow)}.topbar{position:absolute;z-index:5;top:20px;left:22px;display:flex;align-items:center;justify-content:space-between;width:min(520px,calc(100% - 44px));min-height:60px;padding:11px 13px 11px 17px;pointer-events:auto}.topbar,.scene-toolbar,.leave-gift-cta,.gift-list-panel,.details-panel,.admin-panel,.toast,.loading-card{transition:opacity .2s ease,visibility 0s linear 0s}.scene-shell.is-presenting .topbar,.scene-shell.is-presenting .scene-toolbar,.scene-shell.is-presenting .leave-gift-cta,.scene-shell.is-presenting .gift-list-panel,.scene-shell.is-presenting .details-panel,.scene-shell.is-presenting .admin-panel,.scene-shell.is-presenting .toast,.scene-shell.is-presenting .loading-card{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}.eyebrow{margin:0 0 5px;color:var(--pine);font-family:system-ui,sans-serif;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}h1,h2,p{margin-top:0}h1,h2{color:var(--ink);font-weight:600;letter-spacing:-.025em}h1{margin-bottom:0;font-size:clamp(22px,3vw,33px);line-height:1}h2{margin-bottom:0;font-size:clamp(23px,2.6vw,30px);line-height:1}.topbar-actions{display:flex;align-items:center;gap:10px}.status-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid rgba(37,86,90,.35);border-radius:99px;color:var(--pine);font-family:system-ui,sans-serif;font-size:9px;letter-spacing:.04em}.status-pill.error{border-color:#bc654775;color:var(--crimson)}.status-pill.ready{border-color:#b994659e;color:#765332}.icon-button{display:inline-grid;width:35px;height:35px;padding:0;border:1px solid var(--line);border-radius:50%;place-items:center;color:var(--ink);background:#fffaef94;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}.icon-button:hover{border-color:var(--gold);background:#fff7e9;transform:translateY(-1px)}.loading-card{position:absolute;z-index:7;top:50%;left:50%;display:grid;width:min(400px,calc(100% - 36px));grid-template-columns:34px 1fr;gap:2px 13px;padding:18px;transform:translate(-50%,-50%);transition:opacity .35s,transform .35s}.loading-card[hidden]{display:none}.loading-card strong{display:block;margin-top:1px;font-size:14px}.loading-card p{margin:4px 0 0;color:var(--muted);font-family:system-ui,sans-serif;font-size:12px}.loading-card progress{width:100%;height:5px;grid-column:1 / -1;margin-top:12px;overflow:hidden;border:0;border-radius:99px;background:#754d391f}.loading-card progress::-webkit-progress-bar{background:#754d391f}.loading-card progress::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,var(--pine),var(--gold))}.loading-card progress::-moz-progress-bar{border-radius:99px;background:linear-gradient(90deg,var(--pine),var(--gold))}.spinner{width:28px;height:28px;border:2px solid rgba(117,77,57,.2);border-top-color:var(--crimson);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scene-toolbar{position:absolute;z-index:4;bottom:17px;left:22px;display:flex;align-items:center;gap:6px;padding:6px;pointer-events:auto;box-shadow:0 10px 28px #41271b24}.scene-toolbar button,.secondary-button{min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fffaefb3;cursor:pointer;font-family:system-ui,sans-serif;font-size:11px;transition:background .2s,transform .2s,border-color .2s}.scene-toolbar button:hover,.secondary-button:hover{border-color:var(--gold);background:#fff8ec;transform:translateY(-1px)}.scene-toolbar button:disabled{cursor:not-allowed;opacity:.55;transform:none}.leave-gift-button{color:#fff8ed!important;border-color:var(--pine)!important;background:var(--pine)!important}.leave-gift-cta{position:absolute;z-index:5;bottom:17px;left:50%;display:flex;min-width:min(500px,calc(100% - 360px));align-items:center;justify-content:space-between;gap:18px;padding:11px 12px 11px 17px;transform:translate(-50%);pointer-events:auto;box-shadow:0 12px 30px #4a36232e}.leave-gift-copy{margin:0;color:var(--muted);font-family:system-ui,sans-serif;font-size:11px;line-height:1.35}.leave-gift-cta .eyebrow{margin-bottom:3px}.leave-gift-cta .leave-gift-button{min-height:48px;padding:0 23px;border-radius:11px;font-size:13px;box-shadow:0 8px 20px #25565a33}.toolbar-hint{margin-left:5px;color:var(--dim);font-family:system-ui,sans-serif;font-size:9px}.count-badge{display:inline-grid;min-width:18px;height:18px;margin-left:4px;padding:0 4px;border-radius:8px;color:#fff8ed;background:var(--pine);place-items:center;font-family:system-ui,sans-serif;font-size:9px}.gift-list-panel,.details-panel,.admin-panel{position:absolute;z-index:6;top:108px;right:22px;width:min(360px,calc(100% - 44px));max-height:calc(100% - 164px);padding:19px;overflow:auto;pointer-events:auto}.gift-list-panel[hidden],.details-panel[hidden],.admin-panel[hidden]{display:none}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.muted-copy{margin:11px 0 15px;color:var(--muted);font-family:system-ui,sans-serif;font-size:12px;line-height:1.5}.gift-list{display:grid;gap:7px}.gift-list button{display:grid;width:100%;grid-template-columns:29px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(117,77,57,.17);border-radius:10px;color:var(--ink);text-align:left;background:#fffaef99;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.gift-list button:hover,.gift-list button[aria-current=true]{border-color:var(--gold);background:#fff8eb;transform:translate(-2px)}.gift-index{display:grid;width:26px;height:26px;border-radius:8px;color:#fff8ed;background:var(--pine);place-items:center;font-family:system-ui,sans-serif;font-size:10px}.gift-list button:nth-child(3n) .gift-index{background:var(--crimson)}.gift-list button:nth-child(3n+2) .gift-index{background:var(--gold);color:#35251f}.gift-list strong{display:block;font-size:12px}.gift-list small{display:block;margin-top:2px;overflow:hidden;color:var(--muted);font-family:system-ui,sans-serif;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.gift-state{color:var(--dim);font-family:system-ui,sans-serif;font-size:9px;text-transform:uppercase}.gift-state.open{color:var(--pine)}.details-content{margin-top:16px}.from-line{margin:0 0 7px;color:var(--pine);font-family:system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.note-quote{margin:0 0 17px;color:var(--ink);font-size:22px;line-height:1.16}.details-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:17px}.meta-chip{padding:5px 8px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-family:system-ui,sans-serif;font-size:9px}.meta-chip.open{border-color:#25565a61;color:var(--pine)}.meta-chip.locked{border-color:#bc654759;color:var(--crimson)}.action-row{display:flex;flex-wrap:wrap;gap:8px}.primary-button{min-height:39px;padding:0 15px;border:0;border-radius:9px;color:#fff8ed;background:var(--pine);box-shadow:0 7px 17px #25565a2e;cursor:pointer;font-family:system-ui,sans-serif;font-weight:700;font-size:11px;transition:transform .2s,filter .2s}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.58;transform:none}.secondary-button{min-height:39px}.details-hint{margin:12px 0 0;color:var(--dim);font-family:system-ui,sans-serif;font-size:11px;line-height:1.45}.admin-panel{top:auto;bottom:74px}.field-label{display:block;margin:12px 0 6px;color:var(--muted);font-family:system-ui,sans-serif;font-size:11px}.token-row{display:flex;gap:7px}.token-row input{min-width:0;flex:1;min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fffaefa8;font-family:system-ui,sans-serif;font-size:11px}.form-status{min-height:15px;margin:10px 0 0;color:var(--pine);font-family:system-ui,sans-serif;font-size:11px;line-height:1.4}.form-status.error{color:var(--crimson)}.toast{position:absolute;z-index:10;bottom:70px;left:50%;max-width:min(400px,calc(100% - 44px));padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#f6ecdaf7;box-shadow:var(--shadow);font-family:system-ui,sans-serif;font-size:12px;transform:translate(-50%)}.toast[hidden]{display:none}.modal-backdrop{position:absolute;z-index:20;inset:0;display:grid;padding:24px;background:#35251f6e;opacity:0;place-items:center;transition:opacity .22s ease}.modal-backdrop.is-visible{opacity:1}.modal-backdrop.is-closing{opacity:0}.modal-backdrop[hidden]{display:none}.payload-modal{width:min(540px,100%);max-height:min(690px,100%);padding:20px;overflow:auto}.payload-content{margin-top:18px}.payload-copy{color:var(--ink);font-size:22px;line-height:1.35;white-space:pre-wrap}.payload-json{max-height:220px;margin:0;padding:13px;overflow:auto;border:1px solid var(--line);border-radius:10px;color:var(--pine);background:#fffaefb3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;white-space:pre-wrap}.payload-content img,.payload-content video{display:block;width:100%;max-height:390px;border-radius:10px;object-fit:contain;background:#35251f14}.payload-content audio{width:100%}.payload-caption{margin:10px 0 0;color:var(--muted);font-family:system-ui,sans-serif;font-size:11px;line-height:1.45}.empty-state{padding:16px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-family:system-ui,sans-serif;font-size:12px;line-height:1.5}.accessibility-note{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.composer-drawer{position:absolute;z-index:12;top:20px;right:20px;bottom:20px;display:flex;width:min(430px,calc(100% - 40px));flex-direction:column;padding:20px;overflow:auto;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#f6ecdaf7;box-shadow:0 20px 54px #41271b42;pointer-events:auto}.composer-drawer.composer-placement{top:auto;bottom:20px;width:min(470px,calc(100% - 40px));max-height:min(330px,calc(100% - 40px));padding:15px 17px}.composer-drawer[hidden]{display:none}.composer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.composer-heading h2{margin-bottom:0;font-size:28px}.composer-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:18px 0 5px;padding:0;list-style:none;color:var(--dim);font-family:system-ui,sans-serif;font-size:10px}.composer-steps li{padding:7px 4px;border-bottom:2px solid rgba(117,77,57,.2);text-align:center}.composer-steps li.active{border-color:var(--crimson);color:var(--crimson);font-weight:700}.composer-steps li.complete{border-color:var(--pine);color:var(--pine)}.composer-content{flex:1;margin-top:12px}.composer-field{display:block;margin:0 0 14px}.composer-field .field-label{margin-top:0}.composer-field input[type=text],.composer-field textarea,.composer-field input[type=password]{display:block;width:100%;min-height:44px;padding:10px 11px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fffaefb8;font-family:system-ui,sans-serif;font-size:13px;resize:vertical}.media-file-row{display:flex;min-height:44px;align-items:center;gap:9px}.media-file-row .secondary-button{min-height:44px}.media-file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.media-file-name{min-width:0;overflow:hidden;color:var(--muted);font-family:system-ui,sans-serif;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.field-hint{display:block;margin-top:5px;color:var(--muted);font-family:system-ui,sans-serif;font-size:10px;line-height:1.4}.composer-notice{margin:8px 0 14px;padding:12px;border:1px solid rgba(185,148,101,.42);border-radius:9px;color:var(--muted);background:#fffaef94;font-family:system-ui,sans-serif;font-size:12px;line-height:1.5}.restore-key{margin-top:10px;color:var(--muted);font-family:system-ui,sans-serif;font-size:11px}.restore-key summary{cursor:pointer}.restore-key .token-row{margin-top:8px}.restore-key .token-row input{min-height:44px}.composer-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.color-swatch{width:34px;height:34px;min-height:34px;padding:0;border:2px solid rgba(53,37,31,.18);border-radius:50%;cursor:pointer}.color-swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper-strong),0 0 0 4px var(--ink)}.composer-swatches input[type=color]{width:42px;height:38px;padding:2px;border:1px solid var(--line);border-radius:8px;background:transparent;cursor:pointer}.pattern-options{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 0;padding:0;border:0}.pattern-options legend{width:100%;margin-bottom:4px;color:var(--muted);font-family:system-ui,sans-serif;font-size:11px}.pattern-options label{display:inline-flex;min-height:38px;align-items:center;gap:4px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#fffaef94;cursor:pointer;font-family:system-ui,sans-serif;font-size:11px}.pattern-options input{accent-color:var(--pine)}.payload-type-options{margin-top:4px}.composer-media-preview{margin:8px 0 14px;padding:8px;border:1px solid var(--line);border-radius:9px;background:#fffaef9e}.composer-media-preview img,.composer-media-preview video{display:block;width:100%;max-height:190px;border-radius:6px;object-fit:contain;background:#35251f14}.composer-media-preview audio{display:block;width:100%}.drawing-pad{margin:8px 0 14px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fffaef9e}.drawing-controls,.drawing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.drawing-controls{margin-bottom:8px}.drawing-control{display:inline-flex;min-height:38px;align-items:center;gap:7px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-family:system-ui,sans-serif;font-size:10px}.drawing-control input[type=color]{width:30px;height:26px;padding:0;border:0;background:transparent;cursor:pointer}.drawing-control input[type=range]{width:100px;accent-color:var(--pine)}.drawing-control output{min-width:33px;color:var(--ink);font-variant-numeric:tabular-nums}.drawing-actions{margin-bottom:8px}.drawing-actions .secondary-button{min-height:35px}.drawing-canvas{display:block;width:100%;height:auto;aspect-ratio:3 / 2;border:1px solid rgba(117,77,57,.3);border-radius:8px;background:#fffaf0;cursor:crosshair;touch-action:none}.drawing-status{min-height:15px;margin:7px 0 0;color:var(--muted);font-family:system-ui,sans-serif;font-size:10px;line-height:1.35}.payload-content canvas.payload-drawing{display:block;width:100%;max-height:390px;border-radius:10px;object-fit:contain;background:#fffaf0}.upload-status-panel{margin-top:12px;padding:13px;border:1px solid rgba(185,148,101,.55);border-radius:10px;background:#fff7e9b8}.upload-status-panel h3{margin:0 0 8px;font-size:18px}.upload-status-panel progress{display:block;width:100%;height:8px;margin:8px 0;border:0;border-radius:99px;background:#754d391f}.upload-status-panel progress::-webkit-progress-bar{background:#754d391f;border-radius:99px}.upload-status-panel progress::-webkit-progress-value{background:linear-gradient(90deg,var(--pine),var(--gold));border-radius:99px}.upload-status-panel progress::-moz-progress-bar{background:linear-gradient(90deg,var(--pine),var(--gold));border-radius:99px}.media-next{margin-top:17px}.place-note{margin-top:8px}.place-summary{margin:17px 0 5px;color:var(--pine);font-family:system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.placement-live-status{margin:12px 0 0;padding:9px 10px;border:1px solid rgba(37,86,90,.26);border-radius:8px;color:var(--pine);background:#fffaef94;font-family:system-ui,sans-serif;font-size:11px;line-height:1.4}.placement-live-status.placement-falling{border-color:#bc654759;color:#9a4d38}.placement-live-status.placement-saving{border-color:#b994657a;color:#765332}.placement-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.placement-controls .secondary-button{min-height:42px}.composer-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.composer-actions .primary-button,.composer-actions .secondary-button{min-height:44px}.composer-error,.composer-status{margin:12px 0 0;font-family:system-ui,sans-serif;font-size:11px;line-height:1.4}.composer-error{color:var(--crimson)}.composer-status{color:var(--pine)}.recovery-key{margin-top:10px;padding:14px;border:1px solid rgba(185,148,101,.62);border-radius:10px;background:#fff7e9}.recovery-key h3{margin:0 0 7px;font-size:18px}.recovery-key p{margin:0 0 10px;color:var(--muted);font-family:system-ui,sans-serif;font-size:11px;line-height:1.45}.recovery-key code{display:block;padding:10px;overflow-wrap:anywhere;border:1px dashed var(--gold);border-radius:7px;color:var(--ink);background:#f6ecdac2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}@media(max-width:720px){.topbar{top:max(10px,env(safe-area-inset-top));left:10px;width:calc(100% - 20px);min-height:60px;padding:10px 11px 10px 14px;border-radius:12px}.status-pill{max-width:114px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-toolbar{right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;justify-content:space-between;border-radius:12px}.leave-gift-cta{right:10px;bottom:calc(61px + max(10px,env(safe-area-inset-bottom)));left:10px;min-width:0;padding:10px 11px 10px 14px;border-radius:12px}.leave-gift-copy{font-size:10px}.leave-gift-cta .leave-gift-button{min-height:46px;padding:0 16px;font-size:12px}.toolbar-hint{display:none}.gift-list-panel,.details-panel,.admin-panel{top:auto;right:10px;bottom:calc(61px + max(10px,env(safe-area-inset-bottom)));left:10px;width:auto;max-height:min(60vh,500px);padding:16px;border-radius:12px}.details-panel{max-height:48vh}.admin-panel{bottom:calc(61px + max(10px,env(safe-area-inset-bottom)))}.toast{bottom:calc(70px + max(10px,env(safe-area-inset-bottom)))}.composer-drawer{top:auto;right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;width:auto;max-height:calc(100% - 20px);padding:16px;border-radius:14px}.composer-drawer.composer-placement{right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;width:auto;max-height:35vh;padding:12px 14px}.modal-backdrop{padding:10px}.payload-modal{padding:16px;border-radius:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}