/* Verbatim prototype rules, source line 2 (2026-11-01). Scoped to the Gift mobile presentation. */
@media(max-width:1000px){
@scope (body.gift-mobile #screen){
.frame{background:radial-gradient(ellipse at top,#fffaf0,#f1dfc4);border:1px solid #d2b789;border-radius:11px;padding:12px}
.heading{text-align:center;font:26px Georgia;margin:7px 0}
.sub{text-align:center;color:#76695c;font-size:12px;line-height:1.5;margin:5px 0 14px}
.ornament{text-align:center;color:#ad8041;font-size:23px}
.second{background:#fffaf2;border:1px solid #c9b89f;padding:11px 16px;border-radius:5px;font:14px Georgia}
.center{text-align:center;margin:12px}
.progress{height:7px;background:#ded2c1;border-radius:7px;margin:15px 0;overflow:hidden}
.progress:before{content:'';display:block;width:55%;height:100%;background:#34513d}
.tabs2{display:flex;gap:6px}
.tabs2 span{flex:1;border:1px solid #d2c5b5;text-align:center;padding:10px;font-size:12px;border-radius:5px}
.row{display:flex;gap:12px;align-items:center}
.versions{display:flex;gap:8px;margin-top:8px}
.notes{max-width:480px;background:#faf6ee;border:1px solid #d6c8b5;padding:22px;border-radius:10px;font-size:14px;line-height:1.7}
.receipt{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #d6c8b5}
.note{color:#6e6256;font-size:12px}
}
}
/* Prototype declarations bound to the existing live screen/control selectors.
   Only responsive presentation; the desktop layout and backend are unchanged. */
body.gift-pivot .lc-footer{display:none}
@media(max-width:1000px){
 body.gift-mobile{background:#faf6ee;color:#2d2923;padding-bottom:0;height:100dvh;overflow:hidden;display:flex;flex-direction:column}
 body.gift-mobile .liten-masthead{height:64px;min-height:64px;flex-shrink:0;padding:14px 19px}
 body.gift-mobile #mobile-progress{height:53px;flex-shrink:0;padding:0 13px;border-bottom:3px solid #34513d;font:15px Georgia;gap:7px}
 body.gift-mobile #mobile-progress>span{font:15px Georgia}
 body.gift-mobile #mobile-progress>small{font:12px Arial;color:#766c5e}
 body.gift-mobile #mobile-progress>button{font:14px Georgia;min-height:0;padding:11px 16px}
 body.gift-mobile #workspace{flex:1;min-height:0;overflow-y:auto!important}
 body.gift-mobile #workspace>.center,body.gift-mobile #workspace>#right{padding:13px}
 body.gift-mobile #workspace>#right{padding-top:0}
 body.gift-mobile .lc-footer{display:none}
 body.gift-mobile .gift-mobile-action{position:static;flex-shrink:0;padding:10px 13px max(13px,env(safe-area-inset-bottom));border-top:1px solid #d9cbb7;background:#faf6ee}
 body.gift-mobile .gift-mobile-action #primary,body.gift-mobile:has(#screen) .gift-mobile-action [data-product-continue]{width:100%;background:#294936;color:white;border:0;border-radius:5px;padding:14px;font:17px Georgia;min-height:0;margin:0}
 body.gift-pivot.gift-mobile #workspace #screen{padding:0;border:0;min-height:0}
 body.gift-mobile #workspace #screen .frame{background:radial-gradient(ellipse at top,#fffaf0,#f1dfc4);border:1px solid #d2b789;border-radius:11px;padding:12px}
 body.gift-mobile #workspace #screen .frame .center{padding:0;border:0;overflow:visible;background:transparent;margin:12px;text-align:center}
 body.gift-mobile #workspace #screen .frame .heading{font:26px Georgia;text-align:center;margin:7px 0}
 body.gift-mobile #workspace #screen .frame .sub{font:12px/1.5 Arial;margin:5px 0 14px;text-align:center;color:#76695c}
 body.gift-mobile #workspace #screen .frame>img{display:block;width:100%;height:340px;object-fit:contain;border:1px solid #c9c4ba;border-radius:6px}
 body.gift-mobile #workspace #screen .frame .upload{min-height:340px;padding:12px;border:1px solid #d2b789;border-radius:6px;background:#fffaf2;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0}
 body.gift-mobile #workspace #screen .frame .upload p{font:12px/1.5 Arial;text-align:center}
 body.gift-mobile #workspace #screen .frame button{background:#fffaf2;color:#2d2923;border:1px solid #c9b89f;padding:11px 16px;border-radius:5px;font:14px Georgia;margin:0}
 body.gift-mobile #workspace #screen .frame .progress{display:block!important;padding:0;border:0;min-height:7px}
 body.gift-mobile #workspace #screen .frame .progress:before{width:100%;animation:gift-photo-progress 2s ease-in-out infinite;transform-origin:left}
 body.gift-mobile #workspace .effect-library{margin:8px 0 0}
 body.gift-mobile #workspace .effect-library .grid{gap:7px;grid-template-columns:1fr 1fr!important}
 body.gift-mobile #workspace .effect-library .tile{padding:0;border:0;background:transparent;gap:0}
 body.gift-mobile #workspace .effect-library .tile img{border-radius:6px}
 body.gift-mobile #workspace .effect-library .tile span{font:11px Georgia;text-align:center;padding:5px 0}
 body.gift-mobile #workspace .effect-library .tile[aria-pressed=true] img{outline:1px solid #34513d}
 body.gift-mobile #mobile-silo{padding:12px;background:#fffaf3;border:1px solid #d2c5b5;border-radius:5px;font:12px Arial}
 body.gift-mobile #workspace .effect-feature-photo img{max-height:340px;object-fit:contain}
 body.gift-mobile #workspace h2{font:22px Georgia;margin:7px 0}
 body.gift-mobile #workspace h3{font:17px Georgia;margin:12px 0}
 body.gift-mobile #workspace .studio-panel p{font:14px/1.5 Georgia}
 body.gift-mobile #workspace .tabs2{display:flex;gap:6px;margin-bottom:12px}
 body.gift-mobile #workspace .tabs2 span{flex:1;border:1px solid #d2c5b5;text-align:center;padding:10px;font:12px Arial;border-radius:5px;cursor:pointer;background:#fffaf3;color:#2d2923}
 body.gift-mobile #workspace .tabs2 span[aria-selected=true]{background:#34513d;color:white}
 body.gift-mobile #workspace .studio-products article[hidden]{display:none}
 body.gift-mobile #workspace .product-studio:is([data-category="0"],[data-category="2"]) .studio-products{grid-template-columns:minmax(0,1fr)!important}
 body.gift-mobile #workspace .studio-products img{max-height:280px;object-fit:contain}
 body.gift-mobile #workspace .studio-products button{padding:0;background:transparent;border:0}
 body.gift-mobile #workspace .studio-products span{font:22px Georgia;margin:7px 0}
 body.gift-mobile #workspace .studio-products small{font:12px/1.5 Arial;margin:5px 0 14px}
 body.gift-mobile #workspace .product-studio[data-step="size"] .studio-media{float:left;width:108px;margin:0 12px 12px 0}
 body.gift-mobile #workspace .product-studio[data-step="size"] .studio-media img{height:105px;object-fit:contain}
 body.gift-mobile #workspace .studio-panel .field{clear:both}
 body.gift-mobile #workspace .studio-panel>h3{clear:both}
 body.gift-mobile #workspace .sizes{gap:7px;margin-bottom:12px}
 body.gift-mobile #workspace .studio-panel .sizes button{font:14px Georgia;padding:11px 16px;min-height:0}
 body.gift-mobile #workspace .saved-compositions{margin-top:8px}
 body.gift-mobile #workspace .composition-history{display:flex;gap:8px;margin-top:8px}
 body.gift-mobile #workspace .composition-history button{flex:1;height:67px;max-width:108px;padding:0}
 body.gift-mobile #workspace .composition-history img{height:100%;width:100%;object-fit:contain}
 body.gift-mobile #workspace #explore-versions{background:#fffaf2;border:1px solid #c9b89f;padding:11px 16px;border-radius:5px;font:14px Georgia;display:block;margin:12px auto}
 body.gift-mobile #workspace .craft-progress{min-height:0;padding:75px 0 0}
 body.gift-mobile #workspace .craft-progress h2{font:26px Georgia;margin:7px 0}
 body.gift-mobile #workspace .craft-progress p{font:12px/1.5 Arial;margin:5px 0 14px}
 body.gift-mobile #workspace .cart-line{grid-template-columns:108px minmax(0,1fr);gap:12px}
 body.gift-mobile #workspace .cart-thumbnail img{height:105px}
 body.gift-mobile #workspace .cart-details h3{font:17px Georgia}
 body.gift-mobile #workspace .cart-summary{margin-top:12px;padding-top:13px}
}
@keyframes gift-photo-progress{50%{transform:scaleX(.55)}}
@media(prefers-reduced-motion:reduce){body.gift-mobile #workspace #screen .frame .progress:before{animation:none}}