.viewer{height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto 39px minmax(0,1fr) 43px;background:#e9ebe4}.preview-toolbar{display:flex;align-items:center;gap:22px;padding:13px 22px;background:var(--paper);border-bottom:1px solid var(--line);min-height:77px}.back-link{font-size:12px;white-space:nowrap}.theme-picker,.page-picker{display:grid;gap:3px;min-width:0}.theme-picker{border-left:1px solid var(--line);padding-left:22px}.page-picker{margin-left:auto}.theme-picker>span,.page-picker>span{font-size:8px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.preview-toolbar select{font-size:12px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:4px;padding:8px 22px 8px 7px;max-width:190px;min-width:130px}.devices{display:flex;gap:2px;border:1px solid #d9ded1;border-radius:5px;background:#e9ece2;padding:3px}.devices button{border:0;border-radius:3px;background:transparent;color:#64705f;padding:9px 12px;font-size:11px}.devices button[aria-pressed=true]{background:var(--white);color:var(--ink);box-shadow:0 1px 3px #34483d18}.open-site{font-size:11px;background:var(--green);color:white;padding:12px 15px;border-radius:4px;white-space:nowrap}.preview-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 23px;color:#667060;font-size:10px}.preview-info button{font-size:10px;border:0;background:transparent;color:inherit;padding:9px 0}#preview-stage{position:relative;display:flex;justify-content:center;align-items:flex-start;min-height:0;overflow:hidden;margin:0;padding:0 18px 15px}#frame-sizer{position:relative;flex:none;background:white;box-shadow:0 6px 30px #34483d18}#theme-frame{position:absolute;inset:0;transform-origin:top left;border:0;background:white;display:block}.viewer-footer{margin:0;padding:0 23px;border-top:1px solid var(--line);display:flex;background:var(--paper);font-size:10px}.viewer-footer span{font-size:10px;color:var(--muted)}.viewer-footer a{padding:12px 0}.viewer-footer a:hover{text-decoration:underline}#loading-message{position:absolute;left:50%;top:30px;transform:translateX(-50%);background:var(--green);color:white;border-radius:5px;padding:14px 20px;font-size:12px}.viewer[data-device=phone] #frame-sizer{border-radius:10px;overflow:hidden}.viewer[data-device=tablet] #frame-sizer{border-radius:6px;overflow:hidden}.script-note{position:fixed;bottom:0;background:var(--paper);padding:16px;margin:0;width:100%;font-size:12px}.script-note a{text-decoration:underline}@media(max-width:1000px){.preview-toolbar{gap:12px;padding:12px 16px}.theme-picker{padding-left:12px}.preview-toolbar select{min-width:110px;max-width:155px}.devices button{padding:9px}.back-link span{display:none}}@media(max-width:700px){.viewer{grid-template-rows:auto 34px minmax(0,1fr) 38px}.preview-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 12px;padding:10px 12px}.theme-picker{border:0;padding:0}.theme-picker>span{display:none}.preview-toolbar select{width:100%;min-width:0;max-width:none;padding:8px 20px 8px 7px;font-size:11px}.open-site{grid-row:1;grid-column:3;padding:10px;font-size:10px}.page-picker{grid-row:2;grid-column:1/3;display:grid;grid-template-columns:34px minmax(0,1fr);gap:5px;align-items:center;margin:0}.page-picker>span{font-size:7px}.devices{grid-row:2;grid-column:3;justify-self:end}.devices button{font-size:9px;padding:9px 7px}.preview-info{padding:0 12px;font-size:8px;gap:5px}.preview-info button{font-size:8px}.demo-note{display:none}#preview-stage{padding:0 7px 8px}.viewer-footer{padding:0 12px;gap:12px}.viewer-footer span{display:none}.viewer-footer a{font-size:9px;width:auto;margin:0}.viewer-footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.viewer-footer .etsy-buy{padding:8px 12px;border-radius:4px;background:var(--green);color:var(--white);font-size:11px;white-space:nowrap}.viewer-footer .etsy-buy:hover{text-decoration:none;background:#24392d}@media(max-width:700px){.viewer-footer .etsy-buy{font-size:9px;padding:7px 9px}}