:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--color-dark:#3f352b;--color-muted:#7d6b5c;--color-light:#fff9f1;--color-border:#5f4e3d1f;--color-glass:#fffaf3b8;--color-glass-border:#ffffffa6;--shadow-subtle:0 8px 32px #3f352b14;--shadow-elevation:0 16px 48px #3f352b1f;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-layout:cubic-bezier(.16, 1, .3, 1)}.app-root{--qr-ink:var(--color-dark);--qr-ink-muted:var(--color-muted);--qr-ink-placeholder:#a89888;--qr-on-accent:var(--color-light);--qr-accent:#c07a3a;--qr-accent-strong:#a45e22;--qr-accent-deep:#8c4c16;--qr-success:#38b04a;--qr-danger:#d32f2f;--qr-code-keyword:#98596e;--qr-code-string:#286018;--qr-code-tag:#3a8ef5;--qr-code-property:#a45e22;--qr-code-number:#e77433;--qr-code-literal:#db2777;--qr-code-comment:#a89888;--qr-code-punctuation:#7d6b5c;--qr-surface-panel:var(--color-glass);--qr-surface-elevated:#fffaf3eb;--qr-surface-warm:#fffaf3c7;--qr-surface-warm-hover:#fffaf3f2;--qr-surface-subtle:#ffffff73;--qr-surface-control:#ffffff8c;--qr-surface-control-hover:#ffffffe6;--qr-surface-solid:#fff;--qr-border-subtle:#5f4e3d14;--qr-border-default:#5f4e3d1f;--qr-border-strong:#5f4e3d33;--qr-border-hover:#5f4e3d40;--qr-border-accent:#c07a3a66;--qr-shadow-control:0 2px 8px #3f352b0a;--qr-shadow-control-hover:0 4px 12px #3f352b14;--qr-shadow-control-active:0 4px 12px #3f352b14;--qr-shadow-accent:0 4px 12px #c07a3a33;--qr-focus-color:#c07a3a94;--qr-control-height:38px;--qr-control-gap:8px;--qr-control-padding-inline:12px;--qr-control-font-size:.82rem;--qr-control-radius:var(--radius-md);--qr-drawer-padding-block:16px;--qr-drawer-padding-inline:20px;--qr-drawer-gap:14px;--qr-overlay-edge:16px;--qr-duration-fast:.18s;--qr-duration-control:.22s;--qr-duration-enter:.3s;--qr-transition-control:var(--qr-duration-control) var(--ease-smooth);--qr-transition-layout:.32s var(--ease-layout)}@media (width<=640px){.app-root{--qr-control-height:34px;--qr-control-gap:5px;--qr-control-padding-inline:8px;--qr-control-font-size:.72rem;--qr-drawer-padding-block:8px;--qr-drawer-padding-inline:8px;--qr-drawer-gap:6px;--qr-overlay-edge:8px}}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-sans);color:var(--color-dark);-webkit-user-select:none;user-select:none;background-color:#f6f1e7;overflow:hidden}#root{width:100%;height:100%}.site-header-layout{border-bottom:1px solid var(--site-header-line,var(--color-border));justify-content:space-between;align-items:center;width:min(100%,760px);min-height:82px;margin:0 auto;display:flex}.site-header-brand{color:inherit;font-family:var(--font-sans);letter-spacing:-.025em;border-radius:12px;outline:none;align-items:center;font-size:1.05rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.site-header-brand:focus-visible{box-shadow:0 0 0 3px #98596e33}@media (width<=620px){.site-header-layout{min-height:72px}}.glass-panel{background:var(--qr-surface-panel,var(--color-glass));-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--color-glass-border);box-shadow:var(--shadow-subtle)}.app-root{width:100%;height:100%;transition:background .8s var(--ease-smooth);flex-direction:column;display:flex;position:relative;overflow:hidden}.app-root :where(button,summary,.header-info-list a,.share-open-btn,.share-code-view,.share-install-code,input[type=color],textarea):focus-visible{outline:2px solid var(--qr-focus-color);outline-offset:2px}.app-root :where(button,summary){-webkit-tap-highlight-color:transparent}.app-header-shell{z-index:50;pointer-events:none;width:min(100% - 64px,1240px);position:absolute;top:0;left:50%;transform:translate(-50%)}.app-header{pointer-events:auto}@media (width<=620px){.app-header-shell{width:min(100% - 36px,1240px)}}.header-brand{align-items:center;gap:12px;display:flex}.brand-title{font:inherit;color:inherit;letter-spacing:inherit}.tech-badge{border-radius:var(--radius-pill);background:var(--qr-border-subtle);color:var(--qr-ink-muted);border:1px solid var(--qr-border-default);align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:600;display:flex}.header-info{flex:none;position:relative}.header-info-trigger{border:1px solid var(--qr-border-default);width:26px;height:26px;color:var(--qr-ink-muted);cursor:pointer;transition:all var(--qr-transition-control);background:#fffaf380;border-radius:50%;justify-content:center;align-items:center;list-style:none;display:flex}.header-info-trigger::-webkit-details-marker{display:none}.header-info-trigger:hover,.header-info[open] .header-info-trigger{border-color:var(--qr-border-strong);color:var(--qr-ink);background:#fffaf3e0}.header-info-popover{border:1px solid var(--color-glass-border);border-radius:var(--radius-md);width:360px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-subtle);-webkit-backdrop-filter:blur(18px);color:var(--qr-ink-muted);font-family:var(--font-body);-webkit-user-select:text;user-select:text;background:#fffaf3f0;padding:14px;font-size:.76rem;font-weight:500;line-height:1.5;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.header-info-title{color:var(--qr-ink-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:700;line-height:1}.header-info-list{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.header-info-list a{color:var(--qr-ink);background:#5f4e3d0e;border-radius:9px;grid-template-columns:62px minmax(0,1fr);align-items:baseline;gap:10px;padding:8px 9px;font-weight:650;line-height:1.35;text-decoration:none;transition:color .16s,background .16s;display:grid}.header-info-list a:hover{color:var(--qr-ink);background:#5f4e3d1a}.header-info-author{color:var(--qr-ink-muted);font-size:.68rem;font-weight:700}.header-info-list a>span:last-child{overflow-wrap:anywhere;min-width:0}.header-actions{align-items:center;gap:10px;display:flex}.view-mode-group{background:var(--color-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-pill);border:1px solid var(--color-glass-border);align-items:center;padding:4px;display:flex;box-shadow:0 2px 8px #3f352b0a}.mode-btn{border-radius:var(--radius-pill);color:var(--qr-ink-muted);font-family:var(--font-sans);cursor:pointer;transition:all var(--qr-transition-control);background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;display:flex}.mode-btn:hover{color:var(--qr-ink);background:#ffffff80}.mode-btn.active{background:var(--qr-ink);color:#fff;box-shadow:0 2px 8px #3f352b2e}.main-viewport{--stage-lower-offset:24px;flex:1;width:100%;height:100%;position:relative;overflow:hidden}.designqr-canvas-wrapper{--stage-transform:none;touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.designqr-canvas-wrapper:active{cursor:grabbing}.designqr-canvas-wrapper.view-scan,.designqr-canvas-wrapper.view-scan:active{cursor:pointer}.designqr-webgl-canvas{opacity:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.designqr-presentation-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.designqr-stage-transform-probe{visibility:hidden;pointer-events:none;transform:var(--stage-transform);transform-origin:50%;position:absolute;inset:0}.floating-tools-stack{pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.floating-flat-qr-controls{--qr-checkbox-height:34px;--qr-checkbox-padding-inline:10px;--qr-checkbox-gap:6px;border-radius:var(--radius-xl);pointer-events:auto;width:102px;max-width:100%;height:46px;animation:pop-modal .28s var(--ease-spring);will-change:width, height;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:18px;padding:6px;transition:width .38s cubic-bezier(.16,1,.3,1),height .38s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;overflow:hidden}.floating-flat-qr-controls.expanded{width:min(100%,380px);height:91px}.floating-flat-qr-options-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:100%;display:grid}.floating-flat-qr-controls.expanded .floating-flat-qr-options-row{grid-template-columns:auto minmax(0,1fr) auto;justify-content:space-between;column-gap:4px;padding:0 2px 1px;transform:translateY(3px)}.floating-border-control{--border-toggle-width:82px;--border-adjust-width:112px;width:var(--border-toggle-width);height:var(--qr-checkbox-height);box-sizing:border-box;border:1px solid var(--qr-border-default);border-radius:var(--radius-pill);background:#ffffff8f;grid-column:1;justify-self:start;align-items:center;transition:width .3s cubic-bezier(.16,1,.3,1),border-color .2s,background .2s,box-shadow .2s;display:flex;overflow:hidden}.floating-border-control.expanded{width:calc(var(--border-toggle-width) + var(--border-adjust-width));border-color:var(--qr-border-accent);background:#ffffffb8;box-shadow:0 3px 10px #3f352b12}.floating-flat-qr-controls .floating-border-control .floating-border-toggle,.floating-flat-qr-controls .floating-border-control .floating-border-toggle.checked{width:var(--border-toggle-width);height:100%;padding:0 var(--qr-checkbox-padding-inline);gap:var(--qr-checkbox-gap);box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;transform:none}.floating-qr-details-top-row{align-items:center;gap:6px;width:100%;min-width:0;display:flex}.floating-qr-details-top-row .floating-qr-title-card{flex:1;min-width:0}.floating-border-padding-control{flex:0 0 var(--border-adjust-width);width:var(--border-adjust-width);max-width:var(--border-adjust-width);border:0;border-left:1px solid var(--qr-border-default);box-sizing:border-box;background:0 0;border-radius:0;grid-template-columns:24px minmax(34px,1fr) 24px;align-items:center;gap:4px;min-width:0;height:22px;padding:0 8px;animation:.28s cubic-bezier(.16,1,.3,1) both border-padding-control-expand;display:grid;overflow:hidden}.floating-border-padding-btn{border-radius:var(--radius-pill);width:24px;height:24px;color:var(--qr-ink-muted);cursor:pointer;background:#ffffffb8;border:0;justify-content:center;align-items:center;padding:0;transition:background .18s,color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 1px 4px #3f352b14}.floating-border-padding-btn:hover:not(:disabled){background:var(--qr-surface-solid);color:var(--qr-ink);transform:translateY(-1px);box-shadow:0 2px 7px #3f352b1f}.floating-border-padding-btn:active:not(:disabled){transform:scale(.94)}.floating-border-padding-btn:disabled{opacity:.35;cursor:default}.floating-border-padding-value{min-width:0;color:var(--qr-ink);font:650 .68rem var(--font-body);font-variant-numeric:tabular-nums;text-align:center;flex:1}@keyframes border-padding-control-expand{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.floating-show-content-toggle{grid-column:3;justify-self:end}.floating-flat-qr-controls.expanded .floating-qr-title-card,.floating-flat-qr-controls.expanded .floating-show-content-toggle{animation:.3s 60ms both flat-qr-detail-in}@keyframes flat-qr-detail-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.floating-flat-qr-controls .floating-qr-title-card{max-width:none}.floating-flat-qr-controls .interactive-checkbox-chip{height:var(--qr-checkbox-height);padding:0 var(--qr-checkbox-padding-inline);gap:var(--qr-checkbox-gap);border-radius:var(--radius-pill);background:#ffffff8f}.floating-top-tools-row{pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"left center right";align-items:center;gap:8px;width:100%;margin-bottom:2px;display:grid;position:relative}.floating-edge-tools{pointer-events:auto;align-items:center;gap:8px;display:flex}.floating-left-tools{grid-area:left;justify-self:start}.floating-right-tools{grid-area:right;justify-self:end}.floating-edit-toggle{border:1px solid var(--qr-border-hover);border-radius:var(--radius-pill);height:34px;color:var(--qr-ink-muted);box-shadow:none;font-family:var(--font-body);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:.78rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,box-shadow .24s,transform .18s;display:inline-flex}.floating-edit-toggle:hover{box-shadow:none;color:var(--qr-ink);background:#fffaf333;border-color:#5f4e3d66;transform:translateY(-1px)}.floating-edit-toggle.open{border-color:var(--qr-border-accent);color:var(--qr-accent-strong);background:#c07a3a1a;box-shadow:0 4px 14px #c07a3a1a}.floating-edit-chevron{transition:transform .24s cubic-bezier(.16,1,.3,1)}.floating-edit-toggle.open .floating-edit-chevron{transform:rotate(180deg)}.floating-center-tools{pointer-events:none;flex-direction:column;grid-area:center;justify-content:center;justify-self:center;align-items:center;display:flex}.floating-center-tools>*{pointer-events:auto}.floating-qr-tools-bar{pointer-events:auto;animation:pop-modal .28s var(--ease-spring);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.floating-qr-tools-bar .canvas-hint-badge{height:34px;margin-bottom:0}.floating-qr-tools-bar .interactive-checkbox-chip{border-radius:var(--radius-pill);background:var(--qr-surface-warm);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffffe6;height:34px;padding:0 13px;font-size:.78rem;box-shadow:0 4px 16px #3f352b14}.floating-qr-tools-bar .interactive-checkbox-chip:hover{background:var(--qr-surface-warm-hover);color:var(--qr-ink);transform:translateY(-2px);box-shadow:0 6px 20px #3f352b1f}.floating-qr-tools-bar .interactive-checkbox-chip.checked{background:var(--qr-surface-solid);border-color:var(--qr-border-accent);color:var(--qr-ink);box-shadow:0 6px 20px #c07a3a29}.floating-qr-title-card{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(16px);background:#fffaf3d9;border:1px solid #ffffffe6;align-items:center;gap:8px;width:100%;min-width:0;max-width:none;height:36px;padding:0 12px;transition:all .2s;display:flex;box-shadow:0 4px 16px #3f352b14}.floating-qr-title-card:focus-within{background:var(--qr-surface-solid);border-color:#c07a3a73;box-shadow:0 6px 20px #c07a3a29}.floating-title-icon{color:var(--qr-accent);flex-shrink:0}.floating-title-input{min-width:0;font-family:var(--font-sans);color:var(--qr-ink);background:0 0;border:none;outline:none;flex:1;font-size:.82rem;font-weight:600}.floating-title-input::placeholder{color:var(--qr-ink-muted);font-weight:500}.canvas-hint-badge{border-radius:var(--radius-pill);background:var(--qr-surface-warm);-webkit-backdrop-filter:blur(16px);color:var(--qr-ink-muted);cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;border:1px solid #ffffffe6;align-self:center;align-items:center;gap:8px;margin-bottom:2px;padding:6px 18px;font-size:.8rem;font-weight:550;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #3f352b14}.canvas-hint-badge:hover{background:var(--qr-surface-warm-hover);color:var(--qr-ink);transform:translateY(-2px);box-shadow:0 6px 20px #3f352b1f}.canvas-hint-badge:active{transform:translateY(0)}.hint-icon{color:var(--qr-accent);animation:8s linear infinite spin-slow}.hint-icon.animate-pulse{animation:1.8s ease-in-out infinite hint-pulse}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hint-pulse{0%,to{opacity:.58;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}.transition-radial-blur-overlay{pointer-events:none;z-index:5;-webkit-backdrop-filter:blur(var(--blur-amount,0px));will-change:backdrop-filter;background:0 0;transition:opacity .15s ease-out;position:absolute;inset:0}.controls-overlay{width:100%;max-width:580px;padding:0 var(--qr-overlay-edge);gap:var(--space-3);z-index:40;pointer-events:auto;flex-direction:column;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.input-cards-stack{flex-direction:column;gap:8px;display:flex}.input-card{border-radius:var(--radius-xl);transition:border-color var(--qr-transition-control), box-shadow var(--qr-transition-control), background var(--qr-transition-control);padding:6px 8px}.input-card:focus-within{border-color:var(--qr-border-accent);box-shadow:var(--shadow-subtle), 0 0 0 3px #c07a3a1f;background:#fffaf3e0}.interactive-checkbox-chip{--checkbox-active-color:var(--qr-accent);justify-content:center;align-items:center;gap:var(--qr-control-gap);height:var(--qr-control-height);padding:0 var(--qr-control-padding-inline);border-radius:var(--qr-control-radius);border:1px solid var(--qr-border-default);background:var(--qr-surface-control);color:var(--qr-ink-muted);font-family:var(--font-body);font-size:var(--qr-control-font-size);letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--qr-transition-control);-webkit-tap-highlight-color:transparent;white-space:nowrap;outline:none;flex-shrink:0;font-weight:600;display:inline-flex}.interactive-checkbox-chip:hover{background:var(--qr-surface-control-hover);color:var(--qr-ink);border-color:var(--qr-border-hover);transform:translateY(-1px)}.interactive-checkbox-chip:active{transform:scale(.96)}.interactive-checkbox-chip.checked{border-color:var(--qr-border-strong);background:var(--qr-surface-solid);color:var(--qr-ink);box-shadow:var(--qr-shadow-control-active)}.checkbox-chip-label{line-height:1;display:inline-block}.checkbox-chip-indicator{flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;display:inline-flex}.checkbox-chip-circle-outline{border:1.5px solid #5f4e3d4d;border-radius:50%;width:15px;height:15px;transition:border-color .2s}.interactive-checkbox-chip:hover .checkbox-chip-circle-outline{border-color:#5f4e3d80}.checkbox-chip-indicator.is-checked{animation:.26s cubic-bezier(.34,1.56,.64,1) forwards check-spring-in}.checkbox-chip-check-icon{color:var(--checkbox-active-color)}@keyframes check-spring-in{0%{opacity:0;transform:scale(0)rotate(-45deg)}65%{opacity:1;transform:scale(1.22)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.input-field-wrapper{align-items:center;gap:10px;padding:6px 12px;display:flex}.input-icon{color:var(--color-muted);flex-shrink:0}.url-input{font-family:var(--font-body);color:var(--qr-ink);background:0 0;border:none;outline:none;flex:1;font-size:.92rem;font-weight:500}.url-input::placeholder{color:var(--qr-ink-placeholder)}.clear-input-btn{background:var(--qr-border-subtle);width:26px;height:26px;color:var(--qr-ink-muted);cursor:pointer;transition:all var(--qr-transition-control);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.clear-input-btn:hover{background:var(--qr-border-strong);color:var(--qr-ink)}.customizer-card{border-radius:var(--radius-xl);padding:var(--qr-drawer-padding-block) var(--qr-drawer-padding-inline);gap:var(--qr-drawer-gap);flex-direction:column;display:flex}.season-tabs{align-items:center;gap:var(--qr-control-gap);justify-content:space-between;display:flex}.season-tabs .season-chip{flex:1}.custom-themes-row{scrollbar-width:none;align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.custom-themes-row::-webkit-scrollbar{display:none}.season-chip{justify-content:center;align-items:center;gap:var(--qr-control-gap);height:var(--qr-control-height);padding:0 var(--qr-control-padding-inline);border-radius:var(--qr-control-radius);border:1px solid var(--qr-border-default);background:var(--qr-surface-control);font-family:var(--font-sans);font-size:var(--qr-control-font-size);color:var(--qr-ink-muted);cursor:pointer;transition:all var(--qr-transition-control);white-space:nowrap;flex-shrink:0;font-weight:600;display:flex}.season-chip:hover{background:var(--qr-surface-control-hover);color:var(--qr-ink);border-color:var(--qr-border-hover);transform:translateY(-1px)}.season-chip.active{background:var(--qr-surface-solid);color:var(--qr-ink);border-color:var(--qr-border-strong);box-shadow:var(--qr-shadow-control-active)}.custom-theme-chip-wrap{border-radius:var(--radius-md);border:1px solid var(--qr-border-default);background:var(--qr-surface-control);transition:all var(--qr-transition-control);align-items:center;display:flex}.custom-theme-chip-wrap:hover{background:var(--qr-surface-control-hover)}.custom-theme-chip-wrap.active{background:var(--qr-surface-solid);border-color:var(--qr-border-strong);box-shadow:var(--qr-shadow-control-active)}.custom-theme-chip-wrap .custom-theme-btn{box-shadow:none;background:0 0;border:none;padding-right:4px}.custom-theme-dot{border-radius:50%;width:10px;height:10px;box-shadow:0 1px 3px #0003}.custom-theme-edit-btn{color:var(--qr-ink-muted);cursor:pointer;transition:all var(--qr-transition-control);background:0 0;border:none;justify-content:center;align-items:center;padding:8px 8px 8px 2px;display:flex}.custom-theme-edit-btn:hover{color:var(--qr-ink);transform:scale(1.15)}.season-tabs .add-theme-chip-compact{flex:0 0 var(--qr-control-height);min-width:var(--qr-control-height);width:var(--qr-control-height);color:var(--qr-accent-strong);border-radius:var(--radius-md);transition:all var(--qr-transition-control);background:#c07a3a1a;border:1px dashed #c07a3a73;justify-content:center;align-items:center;padding:0;display:flex}.add-theme-chip-compact:hover{color:var(--qr-accent-deep);background:#c07a3a38;border-color:#c07a3ab3;transform:translateY(-1px);box-shadow:0 4px 12px #c07a3a2e}.custom-theme-aside-overlay{z-index:90;pointer-events:none;background:0 0;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.custom-theme-aside-panel{pointer-events:auto;border-radius:var(--radius-xl);background:var(--qr-surface-elevated);width:440px;max-width:calc(100vw - 32px);height:calc(100vh - 36px);box-shadow:-10px 0 40px #0000001f, var(--shadow-elevation);animation:slide-in-aside var(--qr-transition-layout);flex-direction:column;margin:16px 20px 20px 0;padding:22px 24px;display:flex;overflow:hidden}@keyframes slide-in-aside{0%{opacity:0;transform:translate(40px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.theme-form{flex-direction:column;gap:14px;display:flex}.modal-header-actions{align-items:center;gap:8px;display:flex}.aside-theme-form{flex:1;margin:4px -8px 0;padding:6px 8px 16px;overflow:hidden auto}.aside-theme-form::-webkit-scrollbar{width:5px}.aside-theme-form::-webkit-scrollbar-thumb{background:var(--qr-border-strong);border-radius:4px}@media (width<=768px){.custom-theme-aside-overlay{justify-content:center;align-items:flex-end}.custom-theme-aside-panel{width:100%;max-width:100%;height:min(78dvh,680px);max-height:calc(100dvh - 88px);animation:slide-up-aside var(--qr-transition-layout);padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(18px)saturate(170%);background:linear-gradient(#fffaf3c7 0%,#fffaf3db 24%,#fffaf3eb 58%,#fffaf3f7 100%);border-radius:22px 22px 0 0;margin:0;box-shadow:0 -8px 30px #0000001f}@keyframes slide-up-aside{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}}.theme-live-preview-card{border-radius:var(--radius-lg);flex-direction:column;flex:0 0 110px;justify-content:space-between;height:110px;padding:12px 16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff4d,0 4px 14px #00000014}.preview-decor-tree{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.preview-tree-crown{border-radius:50% 50% 45% 45%;width:42px;height:32px;transition:background-color .2s;box-shadow:0 4px 10px #0000002e}.preview-ground-platform{border-radius:4px;width:80px;height:8px;transition:background-color .2s;box-shadow:0 2px 6px #0000001f}.preview-info-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-pill);background:#ffffffbf;justify-content:space-between;align-items:center;padding:4px 12px;display:flex}.preview-label{color:var(--qr-ink);font-size:.85rem;font-weight:700}.preview-particle-badge{color:var(--qr-ink-muted);font-size:.76rem;font-weight:600}.form-group{flex-direction:column;flex:none;gap:6px;display:flex}.form-label-row{justify-content:space-between;align-items:center;display:flex}.form-label{color:var(--qr-ink);font-size:.82rem;font-weight:700}.theme-input{border-radius:var(--radius-md);border:1px solid var(--qr-border-default);background:var(--qr-surface-control-hover);width:100%;font-family:var(--font-sans);color:var(--qr-ink);transition:all var(--qr-transition-control);outline:none;padding:10px 14px;font-size:.9rem}.theme-input:focus{border-color:var(--qr-accent);background:var(--qr-surface-solid);box-shadow:0 0 0 3px #c07a3a26}.color-value-badge{background:var(--qr-surface-control-hover);border-radius:var(--radius-pill);border:1px solid var(--qr-border-default);align-items:center;gap:6px;min-width:0;padding:3px 8px 3px 4px;display:flex}.inline-color-picker{cursor:pointer;background:0 0;border:none;border-radius:50%;flex:0 0 22px;width:22px;height:22px;padding:0}.inline-color-picker::-webkit-color-swatch-wrapper{padding:0}.inline-color-picker::-webkit-color-swatch{border:1px solid #00000026;border-radius:50%}.color-hex-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--qr-ink);font-family:monospace;font-size:.78rem;font-weight:600;overflow:hidden}.multi-color-tones-grid{background:var(--qr-surface-subtle);border:1px solid var(--qr-border-default);border-radius:var(--radius-md);grid-template-columns:repeat(2,1fr);gap:8px;padding:8px;display:grid}.tone-color-item{flex-direction:column;gap:3px;min-width:0;display:flex}.tone-label{color:var(--qr-ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:700;overflow:hidden}.preset-palette-chip-grid{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.preset-palette-pill{background:var(--qr-surface-control);border:1px solid var(--qr-border-default);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--qr-duration-fast) var(--ease-smooth);justify-content:center;align-items:center;gap:5px;padding:4px 7px;line-height:1;display:inline-flex}.preset-emoji{font-size:.88rem;line-height:1}.preset-palette-pill:hover{background:var(--qr-surface-solid);border-color:var(--qr-accent);transform:translateY(-1px)scale(1.08);box-shadow:0 3px 8px #0000001a}.preset-palette-pill.active{background:var(--qr-surface-solid);border-color:var(--qr-accent);transform:scale(1.05);box-shadow:0 0 0 2px #c07a3a59}.palette-preview-dot{border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:13px;height:13px;box-shadow:0 1px 2px #00000014}.sky-color-gradient-preview{border-radius:var(--radius-pill);border:1px solid #00000014;flex:1;height:12px;box-shadow:inset 0 1px 2px #0000001a}.sky-gradient-row{align-items:center;gap:10px;display:flex}.sky-color-input-block{flex-direction:column;gap:4px;min-width:0;display:flex}.sky-label{color:var(--qr-ink-muted);font-size:.72rem;font-weight:600}.particle-selector-grid{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:8px;padding:2px;display:grid}.option-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px}.option-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px}.tone-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.particle-option-btn{border-radius:var(--radius-md);border:1px solid var(--qr-border-default);background:var(--qr-surface-control);font-family:var(--font-sans);color:var(--qr-ink-muted);cursor:pointer;transition:all var(--qr-transition-control);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:.76rem;font-weight:600;display:flex}.particle-option-btn:hover{background:var(--qr-surface-control-hover);color:var(--qr-ink);border-color:var(--qr-border-hover);transform:translateY(-1px)}.particle-option-btn.active{background:var(--qr-surface-solid);color:var(--qr-ink);border-color:var(--qr-accent);box-shadow:0 2px 8px #c07a3a2e}.particle-slider-card{border-radius:var(--radius-lg);border:1px solid var(--qr-border-default);background:#ffffffb3;flex-direction:column;gap:8px;margin-top:8px;padding:10px 14px;display:flex}.density-control-card{margin-top:4px}.nested-form-card{margin-top:10px}.nested-form-heading{margin-bottom:8px}.particle-option-symbol{font-size:14px;line-height:1}.slider-val-pill{color:var(--qr-accent-strong);border-radius:var(--radius-pill);background:#c07a3a1f;padding:2px 8px;font-size:.72rem;font-weight:700}.slider-track-wrap{align-items:center;gap:10px;min-width:0;display:flex}.slider-track-offset{margin-top:4px}.slider-bound-label{color:var(--qr-ink-muted);flex-shrink:0;font-size:.7rem;font-weight:600}.leaf-amount-slider{appearance:none;background:var(--qr-border-strong);cursor:pointer;min-width:0;height:6px;transition:background var(--qr-transition-control);border-radius:3px;outline:none;flex:1}.leaf-amount-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--qr-accent) 0%, var(--qr-accent-strong) 100%);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 6px #a45e2259}.leaf-amount-slider::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 3px 8px #a45e2273}.leaf-amount-slider::-moz-range-thumb{background:linear-gradient(135deg, var(--qr-accent) 0%, var(--qr-accent-strong) 100%);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #a45e2259}.leaf-amount-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--qr-focus-color), 0 2px 6px #a45e2259}.leaf-amount-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--qr-focus-color), 0 2px 6px #a45e2259}.modal-actions-row{justify-content:flex-end;align-items:center;gap:var(--space-2);border-top:1px solid var(--qr-border-default);flex:none;margin-top:8px;padding-top:12px;display:flex}.btn{border-radius:var(--qr-control-radius);min-width:96px;height:40px;font-family:var(--font-sans);cursor:pointer;transition:all var(--qr-transition-control);justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:.84rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-ghost{border:1px solid var(--qr-border-default);background:var(--qr-surface-control);color:var(--qr-ink)}.btn-ghost:hover{border-color:var(--qr-border-hover);background:var(--qr-surface-control-hover)}.btn-primary{background:linear-gradient(135deg, var(--qr-accent) 0%, var(--qr-accent-strong) 100%);color:var(--qr-on-accent);border:1px solid #0000;box-shadow:0 4px 12px #c07a3a4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #c07a3a66}.action-buttons-row{justify-content:space-between;align-items:center;gap:var(--qr-control-gap);width:100%;display:flex}.drawer-left-actions{align-items:center;gap:var(--qr-control-gap);flex:1;min-width:0;display:flex}.drawer-icon-btn{flex:0 0 var(--qr-control-height);width:var(--qr-control-height);height:var(--qr-control-height);border-radius:var(--qr-control-radius);border:1px solid var(--qr-border-default);background:var(--qr-surface-control);color:var(--qr-ink-muted);cursor:pointer;box-shadow:var(--qr-shadow-control);transition:all var(--qr-transition-control);justify-content:center;align-items:center;display:flex}.drawer-icon-btn:hover{background:var(--qr-surface-control-hover);color:var(--qr-ink);border-color:var(--qr-border-hover);box-shadow:var(--qr-shadow-control-hover);transform:translateY(-1px)}.drawer-icon-btn.active{background:var(--qr-surface-solid);color:var(--qr-accent);border-color:var(--qr-border-accent);box-shadow:var(--qr-shadow-accent)}.transition-speed-control{min-width:104px;max-width:220px;height:var(--qr-control-height);align-items:center;gap:var(--qr-control-gap);padding:0 var(--qr-control-padding-inline);border:1px solid var(--qr-border-default);border-radius:var(--qr-control-radius);background:var(--qr-surface-control);color:var(--qr-ink-muted);box-shadow:var(--qr-shadow-control);transition:all var(--qr-transition-control);flex:132px;grid-template-columns:15px minmax(34px,1fr) 31px;display:grid}.transition-speed-control:focus-within,.transition-speed-control:hover{border-color:var(--qr-border-hover);background:var(--qr-surface-control-hover);color:var(--qr-ink)}.transition-speed-icon{flex-shrink:0}.transition-speed-slider{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;min-width:0;height:16px;margin:0}.transition-speed-slider::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:var(--qr-border-strong);height:4px}.transition-speed-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--qr-on-accent);background:var(--qr-accent);border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 2px 5px #a45e2252}.transition-speed-slider::-moz-range-track{border-radius:var(--radius-pill);background:var(--qr-border-strong);height:4px}.transition-speed-slider::-moz-range-thumb{border:2px solid var(--qr-on-accent);background:var(--qr-accent);border-radius:50%;width:14px;height:14px;box-shadow:0 2px 5px #a45e2252}.transition-speed-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #c07a3a33,0 2px 5px #a45e2252}.transition-speed-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #c07a3a33,0 2px 5px #a45e2252}.transition-speed-value{min-width:31px;color:var(--qr-ink);font-family:var(--font-sans);text-align:right;white-space:nowrap;font-size:.7rem;font-weight:700;line-height:1}.share-icon-btn{flex:0 0 var(--qr-control-height);width:var(--qr-control-height);height:var(--qr-control-height);border-radius:var(--qr-control-radius);background-color:var(--qr-accent);color:var(--qr-on-accent);cursor:pointer;transition:all var(--qr-transition-control);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex;box-shadow:0 1px #7b4d2640,0 3px 10px #c07a3a40}.share-icon-btn:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 2px #7b4d264d,0 5px 14px #c07a3a59}.share-icon-btn:active{transform:scale(.96)}.qr-details-overlay{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;animation:.2s ease-out qr-details-fade-in;display:flex;position:absolute;inset:0}@keyframes qr-details-fade-in{0%{opacity:0}to{opacity:1}}.qr-details-anchor{width:var(--qr-card-size-landscape,min(320px, 60vw));aspect-ratio:1;position:relative}@media (orientation:portrait){.qr-details-anchor{width:var(--qr-card-size-portrait,min(270px, 69vw))}}.qr-details-frame{top:var(--qr-card-offset,0px);left:var(--qr-card-offset,0px);grid-template-columns:var(--qr-card-padding,0px) minmax(0, 1fr) var(--qr-card-padding,0px);grid-template-rows:var(--qr-card-padding,0px) auto auto var(--qr-card-padding,0px);width:calc(100% + var(--qr-card-padding,0px) + var(--qr-card-padding,0px));box-sizing:border-box;display:grid;position:absolute}.qr-details-frame.border-enabled{border-radius:var(--qr-frame-radius,var(--radius-xl));pointer-events:none;background:0 0;transition:top .24s cubic-bezier(.16,1,.3,1),left .24s cubic-bezier(.16,1,.3,1),width .24s cubic-bezier(.16,1,.3,1),grid-template-columns .24s cubic-bezier(.16,1,.3,1),grid-template-rows .24s cubic-bezier(.16,1,.3,1);animation:.2s ease-out qr-border-in}.qr-details-frame.border-enabled:before{content:"";border:1px solid var(--qr-border-hover);border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffff57,0 2px 5px #3f352b0d,0 14px 32px #3f352b1a}.qr-details-qr-slot{aspect-ratio:1;grid-area:2/2;width:100%}@keyframes qr-border-in{0%{opacity:0}to{opacity:1}}.qr-details-info{width:max-content;max-width:min(320px,100vw - 40px);box-shadow:none;background:0 0;border:0;flex-direction:column;grid-area:3/1/auto/-1;justify-self:center;align-items:center;gap:4px;margin-top:30px;padding:0;display:flex}.qr-details-frame.border-enabled .qr-details-info{width:auto;min-width:0;max-width:none;padding:12px var(--qr-card-padding) 0;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-self:stretch;margin:0;transition:padding .24s cubic-bezier(.16,1,.3,1)}.qr-details-title{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;max-width:min(100%,320px,100vw - 40px);color:var(--qr-title-color,#98596e);text-shadow:0 1px 2px #fff9f1b8, 0 3px 10px color-mix(in srgb, var(--qr-title-color,#98596e) 20%, transparent);font-size:.75rem;font-weight:700;overflow:hidden}.qr-details-content{color:var(--qr-ink-muted);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #fff9f1b8;max-width:min(100%,280px,100vw - 40px);font-size:.82rem;overflow:hidden}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:100;padding:var(--space-5);background:#28201873;justify-content:center;align-items:center;animation:.2s ease-out fade-in-backdrop;display:flex;position:fixed;inset:0}@keyframes fade-in-backdrop{0%{opacity:0}to{opacity:1}}.modal-content{width:100%;max-width:440px;max-height:calc(100dvh - var(--space-5) - var(--space-5));border-radius:var(--radius-xl);background:var(--qr-surface-elevated);box-shadow:var(--shadow-elevation);animation:pop-modal .3s var(--ease-spring);-webkit-user-select:text;user-select:text;padding:24px;overflow-y:auto}@keyframes pop-modal{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal-title-wrap{align-items:center;gap:8px;display:flex}.sparkle-icon,.modal-title-icon{color:var(--qr-accent)}.modal-title{color:var(--qr-ink);font-size:1.15rem;font-weight:700}.modal-close-btn{background:var(--qr-border-subtle);width:32px;height:32px;color:var(--qr-ink-muted);cursor:pointer;transition:all var(--qr-transition-control);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background:var(--qr-border-strong);color:var(--qr-ink)}.modal-desc{color:var(--qr-ink-muted);margin-bottom:18px;font-size:.86rem;line-height:1.4}.share-modal-content{height:min(580px, calc(100dvh - var(--space-5) - var(--space-5)));flex-direction:column;max-width:560px;display:flex;overflow:hidden}.share-mode-switcher{gap:var(--space-1);min-width:0;margin-bottom:var(--space-4);padding:var(--space-1);border:1px solid var(--qr-border-default);border-radius:var(--radius-lg);background:var(--qr-surface-control);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.share-mode-switcher button{border-radius:var(--radius-md);min-width:0;min-height:38px;color:var(--qr-ink-muted);font-family:var(--font-sans);cursor:pointer;transition:background var(--qr-transition-control), border-color var(--qr-transition-control), color var(--qr-transition-control), box-shadow var(--qr-transition-control);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.82rem;font-weight:600;display:flex}.share-mode-switcher button:hover{background:var(--qr-surface-control-hover);color:var(--qr-ink)}.share-mode-switcher button.active{border-color:var(--qr-border-strong);background:var(--qr-surface-solid);color:var(--qr-ink);box-shadow:var(--qr-shadow-control)}.share-mode-panel{scrollbar-gutter:stable;flex:1;min-width:0;min-height:0;overflow-y:auto}.share-integration-summary{margin-bottom:var(--space-3);border:1px solid var(--qr-border-default);border-radius:var(--radius-lg);background:var(--qr-surface-subtle);color:var(--qr-ink);align-items:center;gap:10px;padding:10px 12px;display:flex}.share-integration-summary>svg{color:var(--qr-accent);flex:none}.share-integration-summary div{flex-direction:column;gap:2px;min-width:0;display:flex}.share-integration-summary strong{font-size:.86rem}.share-integration-summary span{color:var(--qr-ink-muted);font-family:var(--font-body);font-size:.75rem;line-height:1.4}.share-code-card{min-width:0;margin-bottom:var(--space-4);border:1px solid var(--qr-border-default);border-radius:var(--radius-lg);background:var(--qr-surface-control);overflow:hidden}.share-install-box{margin-bottom:var(--space-3)}.share-code-header{justify-content:space-between;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--qr-border-default);min-height:42px;color:var(--qr-ink-muted);letter-spacing:.06em;padding:6px 8px 6px 12px;font-size:.72rem;font-weight:700;display:flex}.share-copy-icon-btn{border:1px solid var(--qr-border-default);border-radius:var(--radius-md);background:var(--qr-surface-solid);width:34px;height:34px;color:var(--qr-ink);cursor:pointer;transition:background var(--qr-transition-control), border-color var(--qr-transition-control), color var(--qr-transition-control), box-shadow var(--qr-transition-control);flex:0 0 34px;justify-content:center;align-items:center;padding:0;display:inline-flex}.share-copy-icon-btn:hover{border-color:var(--qr-border-hover);background:var(--qr-surface-control-hover);box-shadow:var(--qr-shadow-control-hover)}.share-copy-icon-btn.copied{border-color:var(--qr-success);background:var(--qr-success);color:var(--qr-on-accent)}.share-code-view{background:var(--qr-surface-solid);width:100%;min-width:0;height:188px;color:var(--qr-ink);tab-size:2;white-space:pre;-webkit-user-select:text;user-select:text;border:0;outline:0;margin:0;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;line-height:1.55;display:block;overflow:auto}.share-code-view.react-code{height:280px}.share-install-code{min-width:0;color:var(--qr-ink);white-space:pre;-webkit-user-select:text;user-select:text;flex:1;padding:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.4;overflow-x:auto}.react-code-header{min-height:46px}.react-example-switcher{border:1px solid var(--qr-border-default);border-radius:var(--radius-md);background:var(--qr-surface-control);gap:2px;min-width:0;padding:2px;display:inline-flex}.react-example-switcher button{min-height:28px;color:var(--qr-ink-muted);font-family:var(--font-sans);letter-spacing:normal;cursor:pointer;transition:background var(--qr-transition-control), border-color var(--qr-transition-control), color var(--qr-transition-control), box-shadow var(--qr-transition-control);background:0 0;border:1px solid #0000;border-radius:9px;padding:0 10px;font-size:.72rem;font-weight:600}.react-example-switcher button:hover{background:var(--qr-surface-control-hover);color:var(--qr-ink)}.react-example-switcher button.active{border-color:var(--qr-border-strong);background:var(--qr-surface-solid);color:var(--qr-ink);box-shadow:var(--qr-shadow-control)}.syntax-keyword{color:var(--qr-code-keyword);font-weight:700}.syntax-string{color:var(--qr-code-string)}.syntax-tag{color:var(--qr-code-tag)}.syntax-property{color:var(--qr-code-property)}.syntax-number{color:var(--qr-code-number)}.syntax-literal{color:var(--qr-code-literal)}.syntax-comment{color:var(--qr-code-comment);font-style:italic}.syntax-punctuation{color:var(--qr-code-punctuation)}.share-actions-stack{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.share-action-item{border-radius:var(--radius-lg);border:1px solid var(--qr-border-default);background:var(--qr-surface-control);cursor:pointer;text-align:left;transition:all var(--qr-transition-control);outline:none;align-items:center;gap:14px;width:100%;padding:12px 14px;display:flex}.share-action-item:hover{background:var(--qr-surface-solid);border-color:var(--qr-border-hover);transform:translateY(-1px);box-shadow:0 4px 14px #3f352b14}.share-action-item.primary{background:linear-gradient(135deg,#c07a3a1f 0%,#e8a0b026 100%);border-color:#c07a3a59}.share-action-item.primary:hover{background:linear-gradient(135deg,#c07a3a33 0%,#e8a0b040 100%);border-color:#c07a3a8c}.share-action-icon-wrap{background:var(--qr-accent);width:38px;height:38px;color:var(--qr-on-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #c07a3a40}.share-action-text{flex-direction:column;gap:2px;display:flex}.share-action-title{color:var(--qr-ink);font-size:.92rem;font-weight:700}.share-action-sub{color:var(--qr-ink-muted);font-size:.76rem}.share-link-box-label{color:var(--qr-ink-muted);margin-bottom:6px;font-size:.78rem;font-weight:600}.share-link-box{background:var(--qr-surface-control-hover);border-radius:var(--radius-lg);border:1px solid var(--qr-border-default);transition:border-color var(--qr-transition-control), box-shadow var(--qr-transition-control), background var(--qr-transition-control);align-items:center;gap:8px;padding:6px 8px;display:flex}.share-link-box:focus-within{border-color:var(--qr-border-accent);background:var(--qr-surface-solid);box-shadow:0 0 0 3px #c07a3a1f}.share-link-input{min-width:0;font-family:var(--font-body);color:var(--qr-ink);text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;padding:6px;font-size:.85rem}.share-open-btn{border:1px solid var(--qr-border-default);border-radius:var(--radius-md);background:var(--qr-surface-solid);color:var(--qr-ink);font-family:var(--font-sans);transition:background var(--qr-transition-control), border-color var(--qr-transition-control), box-shadow var(--qr-transition-control);flex:none;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:.78rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.share-open-btn:hover{border-color:var(--qr-border-hover);background:var(--qr-surface-control-hover);box-shadow:var(--qr-shadow-control-hover)}@media (width<=640px){.header-brand{gap:9px}.header-info-popover{top:calc(max(8px, env(safe-area-inset-top,0px)) + 54px);overscroll-behavior:contain;width:min(360px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 70px);position:fixed;left:50%;overflow-y:auto;transform:translate(-50%)}.btn-label{display:none}.mode-btn{padding:6px 9px}.controls-overlay{padding:0 var(--qr-overlay-edge);gap:var(--qr-control-gap);max-width:100%;bottom:8px}.canvas-hint-badge{height:28px;margin-bottom:0;padding:0 10px;font-size:.7rem}.floating-tools-stack{gap:4px}.floating-flat-qr-controls{--qr-checkbox-height:30px;--qr-checkbox-padding-inline:8px;--qr-checkbox-gap:5px;gap:4px;width:90px;height:44px;margin-bottom:0;padding:6px}.floating-flat-qr-controls.expanded{width:min(100%,340px);height:78px}.floating-flat-qr-controls.expanded .floating-flat-qr-options-row{padding-bottom:0;transform:none}.floating-flat-qr-controls .interactive-checkbox-chip{height:var(--qr-checkbox-height);padding:0 var(--qr-checkbox-padding-inline);gap:var(--qr-checkbox-gap);font-size:.7rem}.floating-qr-details-top-row{gap:4px}.floating-border-padding-control{grid-template-columns:22px minmax(32px,1fr) 22px;gap:3px;height:20px;padding:0 7px}.floating-border-control{--border-toggle-width:74px;--border-adjust-width:104px;height:var(--qr-checkbox-height)}.floating-border-padding-btn{flex-basis:22px;width:22px;height:22px}.floating-border-padding-value{font-size:.7rem}.floating-top-tools-row{gap:5px}.floating-edge-tools{gap:3px}.floating-qr-tools-bar{gap:5px}.floating-qr-tools-bar .canvas-hint-badge{height:28px;padding:0 6px;font-size:.7rem}.floating-qr-tools-bar .interactive-checkbox-chip{gap:4px;height:28px;padding:0 9px;font-size:.7rem}.floating-edit-toggle{gap:4px;height:28px;padding:0 7px;font-size:.7rem}.floating-qr-title-card{max-width:260px;height:30px;padding:0 10px}.floating-title-input{font-size:.76rem}.input-cards-stack{gap:4px}.input-card{border-radius:var(--radius-md);padding:3px 8px}.url-input{padding:5px 4px;font-size:.8rem}.customizer-card{border-radius:var(--radius-lg)}.season-tabs{gap:var(--qr-control-gap);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:1px;overflow-x:auto}.season-tabs::-webkit-scrollbar{display:none}.season-chip{white-space:nowrap;flex:auto;gap:3px;min-width:54px;padding:0 5px}.transition-speed-control{grid-template-columns:minmax(0,1fr) 22px;gap:6px;min-width:0;max-width:none;padding:0 10px}.transition-speed-icon{display:none}.transition-speed-slider{height:24px}.transition-speed-slider::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px}.transition-speed-slider::-moz-range-thumb{width:20px;height:20px}.transition-speed-value{text-align:center;min-width:22px;font-size:.66rem}.modal-backdrop{padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));align-items:flex-end}.modal-content{max-height:calc(100dvh - 24px - env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg);padding:18px}.share-modal-content{height:min(580px, calc(100dvh - 24px - env(safe-area-inset-bottom,0px)))}.share-mode-switcher button{gap:4px;min-height:36px;padding:7px 4px;font-size:.75rem}.share-mode-switcher button svg{width:14px;height:14px}.share-integration-summary{align-items:flex-start;padding:10px}.share-code-view{height:168px;padding:10px;font-size:.68rem}.share-code-view.react-code{height:230px}.share-action-item{gap:10px;padding:10px 12px}.share-action-sub{line-height:1.35}.share-link-box{gap:4px}.qr-details-overlay{justify-content:center;align-items:center;padding:0;animation:.2s ease-out qr-details-fade-in}.qr-details-anchor{width:var(--qr-card-size-portrait,min(270px, 69vw))}.qr-details-info{margin-top:18px}.qr-details-frame.border-enabled .qr-details-info{margin-top:0}.qr-details-title{font-size:.7rem}.qr-details-content{max-width:min(260px,100vw - 80px);font-size:.75rem}.designqr-canvas-wrapper{--stage-transform:translateY(calc(-45px + var(--stage-lower-offset)))}}@media (width<=360px){.tone-grid-3{grid-template-columns:minmax(0,1fr)}.header-info-list a{grid-template-columns:minmax(0,1fr);gap:3px}}@media (width<=300px){.header-brand{gap:6px}.site-header-brand{font-size:.94rem}.tech-badge{justify-content:center;width:26px;height:26px;padding:0}.tech-badge span{display:none}.mode-btn{padding-inline:8px}}@media (width<=640px) and (height>=821px) and (height<=840px){.designqr-canvas-wrapper{--stage-transform:translateY(calc(-48px + var(--stage-lower-offset))) scale(.98)}}@media (width<=640px) and (height>=761px) and (height<=820px){.designqr-canvas-wrapper{--stage-transform:translateY(calc(-58px + var(--stage-lower-offset))) scale(.96)}}@media (width<=640px) and (height>=681px) and (height<=760px){.designqr-canvas-wrapper{--stage-transform:translateY(calc(-85px + var(--stage-lower-offset))) scale(.9)}}@media (width<=640px) and (height>=621px) and (height<=680px){.designqr-canvas-wrapper{--stage-transform:translateY(calc(-104px + var(--stage-lower-offset))) scale(.84)}}@media (width<=640px) and (height<=620px){.designqr-canvas-wrapper{--stage-transform:translateY(calc(-113px + var(--stage-lower-offset))) scale(.75)}}@media (width>=641px) and (height>=850px){.designqr-canvas-wrapper{--stage-transform:translateY(min(var(--stage-lower-offset), calc(50vh - 598px + var(--stage-lower-offset)))) scale(.95)}}@media (width>=641px) and (height>=760px) and (height<=849px){.designqr-canvas-wrapper{--stage-transform:translateY(calc(50vh - 550px + var(--stage-lower-offset))) scale(.75)}}@media (width>=641px) and (height>=700px) and (height<=759px){.designqr-canvas-wrapper{--stage-transform:translateY(calc(50vh - 514px + var(--stage-lower-offset))) scale(.6)}}@media (width>=641px) and (height<=699px){.designqr-canvas-wrapper{--stage-transform:translateY(calc(50vh - 490px + var(--stage-lower-offset))) scale(.5)}}@media (prefers-reduced-motion:reduce){.app-root *,.app-root :before,.app-root :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hint-icon{animation:none!important}}.design-route-loading{color:#98596e;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#f6e2d5,#f1cdbd);place-content:center;justify-items:center;gap:14px;width:100%;height:100%;font-size:.78rem;font-weight:650;display:grid}.design-route-loading span{border:2px solid #98596e29;border-top-color:#98596e;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite design-route-spin}@keyframes design-route-spin{to{transform:rotate(1turn)}}.design-home{--design-ink:#4c3540;--design-muted:#80656f;--design-title:#98596e;--design-line:#98596e26;--site-header-line:var(--design-line);width:100%;height:100%;color:var(--design-ink);background:linear-gradient(#98596e09 1px, transparent 1px), linear-gradient(90deg, #98596e09 1px, transparent 1px), linear-gradient(180deg, var(--design-sky-top,#f6e2d5), var(--design-sky-bottom,#f1cdbd));font-family:var(--font-body);-webkit-user-select:text;user-select:text;isolation:isolate;background-repeat:repeat,repeat,no-repeat;background-size:56px 56px,56px 56px,100% 100%;position:relative;overflow:hidden auto}.design-home:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 80% 4%,#f4b4cf66,#0000 34%),radial-gradient(circle at 8% 88%,#86b66824,#0000 30%),linear-gradient(#fffbf9a3,#f6e2d51a);position:fixed;inset:0}.design-home-shell{flex-direction:column;width:min(100% - 64px,1240px);min-height:100%;margin:0 auto;display:flex}.design-site-brand{color:var(--design-ink)}.design-site-nav a:focus-visible{box-shadow:0 0 0 3px #98596e33}.design-site-nav a{color:var(--design-muted);letter-spacing:.015em;border-radius:6px;outline:none;align-items:center;gap:7px;padding:7px 2px;font-size:.8rem;font-weight:650;text-decoration:none;transition:color .18s;display:inline-flex}.design-site-nav a:hover{color:var(--design-title)}.design-catalog{flex:1;width:min(100%,1040px);margin:0 auto;padding:clamp(76px,9vw,126px) 0 120px}.design-catalog-heading{text-align:center;flex-direction:column;align-items:center;margin-bottom:clamp(52px,7vw,78px);display:flex}.design-catalog-heading h1{font-family:var(--font-sans);letter-spacing:-.07em;font-size:clamp(3.5rem,7vw,6rem);font-weight:500;line-height:.9}.design-catalog-heading p{color:var(--design-muted);margin-top:30px;font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.6}.design-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.5vw,34px);display:grid}.design-catalog-card{width:100%;min-width:0;max-width:258px;color:var(--design-ink);outline:none;justify-self:center;text-decoration:none;display:block}.design-catalog-preview{aspect-ratio:9/16;background:#fff9f785;border:5px solid #fffcfae0;border-radius:38px;transition:transform .34s cubic-bezier(.16,1,.3,1),border-color .26s,box-shadow .34s;position:relative;overflow:hidden;box-shadow:0 18px 52px #7d4e6021,inset 0 0 0 1px #98596e1a}.design-catalog-card:hover .design-catalog-preview{border-color:#fffffff2;transform:translateY(-7px);box-shadow:0 30px 74px #7d4e602b}.design-catalog-card:focus-visible .design-catalog-preview{outline-offset:4px;outline:3px solid #98596e57}.design-catalog-video{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.design-site-footer{width:min(100%,760px);min-height:82px;color:var(--design-muted);border-top:1px solid var(--design-line);letter-spacing:.04em;align-items:center;margin:0 auto;font-size:.7rem;display:flex}.design-not-found{color:#4c3540;width:100%;height:100%;font-family:var(--font-body);text-align:center;-webkit-user-select:text;user-select:text;background:linear-gradient(#f6e2d5,#f1cdbd);flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.design-not-found-mark{color:#98596e;background:#f4b4cf;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:28px;display:grid}.design-not-found>span{color:#98596e;letter-spacing:.18em;font-size:.72rem;font-weight:700}.design-not-found h1{font-family:var(--font-sans);letter-spacing:-.055em;margin-top:10px;font-size:clamp(2.3rem,6vw,4.8rem);font-weight:500}.design-not-found p{color:#7f626c;max-width:500px;margin-top:18px;line-height:1.7}.design-not-found a{color:#fff;background:#98596e;border-radius:999px;align-items:center;gap:8px;margin-top:30px;padding:11px 17px;font-size:.76rem;font-weight:700;text-decoration:none;display:inline-flex}@media (width<=900px){.design-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.design-home-shell{width:min(100% - 36px,1240px)}.design-catalog{padding:54px 0 82px}.design-catalog-heading{margin-bottom:42px}.design-catalog-heading h1{font-size:3.5rem}.design-catalog-heading p{margin-top:22px}.design-catalog-grid{grid-template-columns:minmax(0,1fr);gap:36px}.design-catalog-preview{border-radius:36px}.design-site-footer{min-height:74px}}@media (prefers-reduced-motion:reduce){.design-route-loading span,.design-catalog-preview{transition:none;animation:none}}