.trial-media{--tm-ink:#171717;--tm-yellow:#ffd400;--tm-border:#b8bec6;max-width:1120px;margin-block:32px;background:#fff;color:var(--tm-ink);font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
.trial-media *{box-sizing:border-box}.tm-heading h2{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:clamp(1.65rem,4vw,2.2rem);line-height:1.15}.tm-heading h2>svg{width:32px;height:32px;flex:none}.tm-lead{margin:8px 0 20px}.tm-scope,.tm-privacy{font-size:.9rem;color:#525963}.tm-scope{margin:8px 0 20px}
.tm-form{max-width:760px;border:1px solid var(--tm-border);border-top:4px solid var(--tm-yellow);border-radius:8px;padding:24px;background:#fff;margin-block:24px}.tm-field{margin-block:18px}.tm-field>label{display:block;font-weight:650;margin-block-end:7px}.tm-field :is(input,select,textarea){display:block;width:100%;min-height:48px;padding:12px;border:1px solid #777f8a;border-radius:5px;background:#fff;color:var(--tm-ink);font:inherit;line-height:1.4}.tm-field textarea{min-height:100px;resize:vertical}.tm-field input[type=file]{padding:8px}.tm-field input[type=file]::file-selector-button{min-height:36px;border:1px solid var(--tm-ink);border-radius:3px;background:var(--tm-yellow);color:var(--tm-ink);font:inherit;font-weight:700;padding:5px 12px;margin-inline-end:10px;cursor:pointer}.tm-field :is(input,select,textarea):disabled{opacity:.65}.tm-hint{margin:8px 0;font-size:.88rem;color:#535a63;line-height:1.5}.tm-binding{font-size:.91rem;border-inline-start:3px solid var(--tm-yellow);padding-inline-start:12px;margin:12px 0 18px}.tm-binding:empty{display:none}
.tm-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:1px solid var(--tm-ink);border-radius:6px;background:var(--tm-yellow);color:var(--tm-ink);font:inherit;font-weight:700;padding:12px 18px;cursor:pointer;text-align:center;line-height:1.4}.tm-button.secondary{background:#fff}.tm-button svg{flex:none}.tm-button:disabled{opacity:.55;cursor:default}.tm-button:not(:disabled):hover{box-shadow:inset 0 -3px var(--tm-ink)}.tm-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin-block:16px}
.tm-boundary,.tm-status{padding:14px 16px;border:1px solid var(--tm-border);border-inline-start:4px solid var(--tm-yellow);border-radius:5px;margin-block:16px;background:#fff}.tm-boundary>p:first-child{margin-top:0}.tm-boundary>p:last-child{margin-bottom:0}.tm-status{border-color:var(--tm-ink)}.tm-error{padding:12px 16px;border:1px solid #961b16;border-inline-start:4px solid #961b16;border-radius:5px;color:#961b16;font-weight:650;scroll-margin-block-start:24px}.tm-field [aria-invalid=true]{border-color:#961b16}
.tm-selected{margin:20px 0;padding:16px;border:1px solid var(--tm-border);border-radius:6px;background:#fff}.tm-selected>img,.tm-image-area>img{display:block;width:100%;max-height:360px;height:auto;object-fit:contain;background:#fff;margin:0 auto 12px}.tm-selected figcaption{font-size:.9rem;margin-block:10px;overflow-wrap:anywhere}.tm-selected>.tm-button{margin-block-start:8px}.tm-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:20px;margin-block:24px}.tm-photo-card{padding:20px;border:1px solid var(--tm-border);border-radius:8px;background:#fff;min-width:0}.tm-photo-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.tm-photo-head h3{font-size:1.05rem;margin:0;overflow-wrap:anywhere}.tm-version{font-size:.83rem;color:#535a63}.tm-description{white-space:pre-wrap;margin-block:14px;overflow-wrap:anywhere}.tm-empty{padding-block:12px;color:#535a63}
.tm-history,.tm-archive,.tm-import{border:1px solid #d4d9de;border-radius:6px;padding:0 16px;background:#fff;margin-block:16px}.trial-media :is(.tm-history,.tm-archive,.tm-import)>summary{display:flex;align-items:center;gap:10px;min-height:48px;padding-block:12px;font-weight:700;cursor:pointer;line-height:1.5;list-style:disclosure-closed}.trial-media :is(.tm-history,.tm-archive,.tm-import)>summary::before{content:'+';font-size:1.1rem;width:14px;flex:none}.trial-media :is(.tm-history,.tm-archive,.tm-import)[open]>summary::before{content:'−'}.tm-history ol{padding-inline-start:22px}.tm-history li{margin-block:16px}.tm-history li>p{margin:5px 0}.tm-portable{border-block-start:1px solid var(--tm-border);padding-block-start:24px;margin-block:28px}.tm-portable>.tm-hint{margin-block:10px 20px}.tm-import{max-width:760px}.tm-import form{padding-block:0 16px}.tm-privacy{margin-block:24px}
.trial-media [hidden]{display:none!important}.trial-media :is(button,input,select,textarea,summary):focus-visible,.trial-media [tabindex="-1"]:focus-visible{outline:3px solid var(--tm-ink);outline-offset:3px}.trial-media .tm-button:focus-visible{box-shadow:0 0 0 6px var(--tm-yellow)}
@media(max-width:640px){.tm-form,.tm-photo-card{padding:18px}.tm-photo-grid{grid-template-columns:1fr;gap:16px}.tm-actions{display:grid;grid-template-columns:1fr}.tm-actions>.tm-button{width:100%}.tm-form>.tm-button,.tm-portable>.tm-button{width:100%}.tm-field input[type=file]::file-selector-button{max-width:100%;margin-block-end:4px}.tm-selected{padding:12px}.tm-archive{padding:0 12px}.tm-binding{font-size:.86rem}.tm-selected>img,.tm-image-area>img{max-height:280px}}
@media(prefers-reduced-motion:no-preference){.tm-button{transition:box-shadow .1s ease}}