.samd-shell{--samd-ink:#151a2d;--samd-muted:#6b7280;--samd-line:#e7e9f2;direction:rtl;color:var(--samd-ink)}
.samd-studio{position:relative;overflow:hidden;margin:24px 0;padding:clamp(18px,4vw,42px);border:1px solid color-mix(in srgb,var(--samd-accent) 18%,#e5e7eb);border-radius:32px;background:linear-gradient(145deg,color-mix(in srgb,var(--samd-accent) 7%,#fff),#fff 43%);box-shadow:0 24px 70px #171a2d12}
.samd-studio:before{content:"";position:absolute;inset:-180px auto auto -130px;width:370px;height:370px;border:70px solid color-mix(in srgb,var(--samd-accent) 9%,transparent);border-radius:50%;pointer-events:none}
.samd-hero{position:relative;display:flex;align-items:center;gap:20px;margin-bottom:26px}
.samd-brand{display:grid;place-items:center;flex:0 0 78px;width:78px;height:78px;border-radius:25px;background:var(--samd-accent);color:#fff;font-size:37px;box-shadow:0 14px 35px color-mix(in srgb,var(--samd-accent) 32%,transparent);transform:rotate(-4deg)}
.samd-hero small,.samd-details>small{color:var(--samd-accent);font-weight:900;letter-spacing:.08em}
.samd-hero h2{margin:5px 0 7px;font-size:clamp(24px,4vw,38px);line-height:1.25}.samd-hero p{margin:0;color:var(--samd-muted);font-size:16px}
.samd-form{position:relative;padding:22px;border:1px solid var(--samd-line);border-radius:25px;background:#fff;box-shadow:0 15px 45px #171a2d0c}
.samd-url>span{display:block;margin-bottom:10px;font-weight:900}.samd-url>span i{color:var(--samd-accent);margin-left:7px}
.samd-url>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:7px;border:2px solid color-mix(in srgb,var(--samd-accent) 25%,var(--samd-line));border-radius:18px;background:#fafbff}
.samd-url input{min-width:0;padding:14px 16px;border:0!important;outline:0;background:transparent;font-size:16px;direction:ltr;text-align:left}
.samd-url button{padding:12px 22px;border:0;border-radius:13px;background:var(--samd-accent);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 8px 22px color-mix(in srgb,var(--samd-accent) 24%,transparent)}
.samd-url>small{display:block;margin:9px 4px;color:var(--samd-muted)}
.samd-rights{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:15px 16px;border-radius:17px;background:color-mix(in srgb,var(--samd-accent) 6%,#f8fafc);cursor:pointer}
.samd-rights input{width:20px;height:20px;margin-top:2px;accent-color:var(--samd-accent)}.samd-rights span{display:grid;gap:4px}.samd-rights b i{color:var(--samd-accent)}.samd-rights small{color:var(--samd-muted);line-height:1.7}
.samd-alert{display:flex;gap:12px;margin:0 0 16px;padding:15px 18px;border-radius:16px}.samd-alert p{margin:0}.samd-alert--error{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}
.samd-result{scroll-margin-top:24px;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:24px;margin-top:28px;padding-top:28px;border-top:1px dashed color-mix(in srgb,var(--samd-accent) 25%,var(--samd-line))}
.samd-preview{position:relative;overflow:hidden;align-self:start;aspect-ratio:16/9;border-radius:23px;background:#0f1118;box-shadow:0 20px 50px #11182724}.samd-preview iframe,.samd-preview img{width:100%;height:100%;border:0;object-fit:cover}.samd-duration{position:absolute;bottom:12px;left:12px;padding:6px 10px;border-radius:9px;background:#080a0ddd;color:#fff;font-weight:800;direction:ltr}
.samd-details h3{margin:7px 0 9px;font-size:clamp(20px,3vw,28px);line-height:1.45}.samd-details>p{margin:0 0 22px;color:var(--samd-muted)}.samd-details h4{margin:17px 0 12px}.samd-details h4 i{color:var(--samd-accent)}
.samd-quality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.samd-quality{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:12px 15px;border:1px solid var(--samd-line);border-radius:16px;background:#fff;color:var(--samd-ink)!important;text-decoration:none!important;transition:.2s ease}.samd-quality:hover{border-color:var(--samd-accent);transform:translateY(-2px);box-shadow:0 10px 25px #11182712}.samd-quality span{display:grid}.samd-quality b{font-size:19px}.samd-quality em{font-style:normal;color:var(--samd-muted);font-size:12px}.samd-quality>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--samd-accent) 10%,#fff);color:var(--samd-accent)}.samd-quality>small{position:absolute;top:-8px;right:11px;padding:3px 8px;border-radius:20px;background:var(--samd-accent);color:#fff;font-size:10px}.samd-quality.is-best{border-color:color-mix(in srgb,var(--samd-accent) 45%,var(--samd-line))}
.samd-tip{display:flex;gap:10px;margin-top:14px;padding:13px 14px;border-radius:14px;background:#f8fafc;color:#475569}.samd-tip i{color:var(--samd-accent);margin-top:4px}.samd-tip p{margin:0;font-size:13px;line-height:1.7}
.samd-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.samd-guide article{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;padding:16px;border:1px solid var(--samd-line);border-radius:17px;background:#fff}.samd-guide i{grid-row:1/3;display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:color-mix(in srgb,var(--samd-accent) 10%,#fff);color:var(--samd-accent)}.samd-guide b{font-size:14px}.samd-guide span{color:var(--samd-muted);font-size:12px}
@media(max-width:780px){.samd-studio{border-radius:23px}.samd-result{grid-template-columns:1fr}.samd-guide{grid-template-columns:1fr}.samd-preview{max-width:600px;width:100%}}
@media(max-width:520px){.samd-hero{align-items:flex-start}.samd-brand{flex-basis:58px;width:58px;height:58px;border-radius:18px;font-size:28px}.samd-form{padding:14px}.samd-url>div{grid-template-columns:1fr}.samd-url button{width:100%}.samd-quality-grid{grid-template-columns:1fr}.samd-rights{padding:12px}.samd-hero p{font-size:14px}}
@media(prefers-color-scheme:dark){.samd-shell{--samd-ink:#f4f6fb;--samd-muted:#aeb6c7;--samd-line:#33394a}.samd-studio{background:linear-gradient(145deg,color-mix(in srgb,var(--samd-accent) 13%,#151824),#151824 45%)}.samd-form,.samd-quality,.samd-guide article{background:#1b1f2d}.samd-url>div,.samd-tip{background:#151824}.samd-url input{color:#fff}.samd-rights{background:#202536}}