.sample-reader{background:#efede5;border:1px solid var(--ink);border-radius:18px;padding:24px}.sample-controls{display:flex;gap:18px;align-items:end;max-width:760px;margin:0 auto 16px}.sample-controls label{flex:1;min-width:0;font-size:12px;font-weight:750}.sample-controls select{width:100%;display:block;margin-top:8px;min-height:46px;background:#fff;color:var(--ink);border:1px solid #77776d;border-radius:6px;font:inherit;font-size:14px;padding:10px}.sample-buttons{display:flex;gap:8px}.sample-buttons button{min-height:46px;border:1px solid var(--ink);border-radius:6px;background:var(--yellow);color:var(--ink);font:inherit;font-size:12px;font-weight:750;padding:12px 17px;cursor:pointer}.sample-buttons button:hover:enabled{background:var(--lilac)}.sample-buttons button:disabled{color:#77776e;background:#e8e6de;border-color:#bbb9b0;cursor:default}.sample-page-status{text-align:center;font-size:12px;color:var(--muted);margin:17px 0}.sample-sheet{width:min(100%,760px);margin:auto;background:#fff;box-shadow:0 4px 22px #24252812}.sample-sheet img{display:block;width:100%;height:auto;background:#fff;mix-blend-mode:normal}.sample-page-error{background:#fff1d8;border:1px solid #9b632c;padding:15px;border-radius:8px;margin-bottom:18px;font-size:13px}.sample-static-links{margin-top:20px;font-size:14px}.sample-static-links a{display:inline-block;margin:8px}
@media(max-width:720px){.sample-reader{padding:14px;border-radius:12px}.sample-controls{display:block}.sample-controls select{font-size:16px}.sample-buttons{justify-content:space-between;margin-top:15px}.sample-buttons button{min-width:115px}.sample-page-status{font-size:11px;margin:15px 0}}