.sample-views{color:#241e35;line-height:1.6}.sample-views *{box-sizing:border-box}.sv-card{background:#fff;border:1px solid #ded8e9;border-radius:15px;margin:20px 0;padding:clamp(16px,3vw,28px)}.sv-card h2{margin:0 0 12px;font-size:1.35rem}.sv-card h3{font-size:1.1rem}.sv-controls{flex-wrap:wrap;align-items:end;gap:12px;margin:14px 0;display:flex}.sample-views label{flex-direction:column;gap:5px;max-width:100%;font-size:.91rem;font-weight:600;display:flex}.sample-views input:not([type=checkbox]),.sample-views select{font:inherit;color:#241e35;background:#fff;border:1px solid #a79cb7;border-radius:7px;max-width:100%;min-height:42px;padding:8px}.sample-views input[type=file]{width:310px}.sample-views button{font:inherit;color:#332148;cursor:pointer;background:#f0e9fa;border:1px solid #75608e;border-radius:8px;min-height:42px;padding:8px 13px;font-size:.92rem;font-weight:600}.sample-views button:hover{background:#e6d9f7}.sample-views button:disabled{opacity:.5;cursor:default}.sample-views a{color:#63408a;text-decoration:underline}.sample-views :focus-visible{outline-offset:3px;outline:3px solid #9071b7}.sv-small{color:#62576e;font-size:.84rem}.sv-preview{background:#f8f4fd;border:2px solid #9a7abc;border-radius:10px;margin-top:16px;padding:18px}.sample-views .sv-check{flex-direction:row;align-items:start;gap:9px;margin:15px 0;font-weight:500;display:flex}.sv-check input{margin-top:6px}.sv-table{max-width:100%;margin:14px 0;overflow-x:auto}.sv-table table{border-collapse:collapse;width:100%;font-size:.9rem}.sv-table caption{text-align:left;margin-bottom:8px;font-weight:600}.sv-table th,.sv-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e6dfed;padding:11px 10px}.sv-table th{white-space:nowrap;background:#f7f3fb}.sv-table td{overflow-wrap:anywhere;min-width:90px;max-width:320px}.sv-table td:first-child{min-width:60px}.sv-table input[type=checkbox]{width:20px;height:20px}.sv-work{border:0;min-width:0;margin:0;padding:0}.sv-work legend{color:#62576e;font-size:.85rem}.sv-notice{background:#f4eefc;border:1px solid #bba4d5;border-radius:10px;padding:14px;position:sticky;bottom:10px;box-shadow:0 2px 12px #241e3512}.sample-views [role=alert]{color:#8c243e;font-weight:600}@media (width<=640px){.sv-controls{align-items:stretch}.sv-controls>label,.sv-controls>button,.sample-views input[type=file]{width:100%}}