.srt3d-root{--surface: #ffffff;--surface-muted: #f6f8fc;--border: rgba(16,24,40,.12);--text-main: #0f172a;--text-muted: rgba(15,23,42,.70);--primary: #2563eb;--primary-dark: #1d4ed8;--accent: #0ea5e9;--shadow-soft: 0 16px 40px rgba(2,6,23,.08);--gradient: linear-gradient(135deg,#2563eb,#0ea5e9);}
.srt3d-pillrow{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 10px;}
.srt3d-pill{display: inline-flex;align-items: center;gap: 8px;padding: 8px 10px;border-radius: 999px;background: var(--surface-muted);border: 1px solid var(--border);color: var(--text-main);font-size: 13px;line-height: 1;}
.srt3d-app{margin-top: 14px;}
.srt3d-shell{display: grid;grid-template-columns: 1fr;gap: 16px;}
.srt3d-main{display: grid;grid-template-columns: 1fr;gap: 16px;}
.srt3d-side{display: grid;grid-template-columns: 1fr;gap: 12px;}
@media (min-width:992px){.srt3d-shell{grid-template-columns: minmax(0,1fr) 320px;align-items: start;gap: 20px;}}
.srt3d-card{background: var(--surface);border: 1px solid var(--border);border-radius: 14px;box-shadow: var(--shadow-soft);overflow: hidden;}
.srt3d-cardhead{padding: 16px 16px 0 16px;}
.srt3d-h2{font-size: 18px;font-weight: 700;margin: 0 0 6px 0;color: var(--text-main);}
.srt3d-h3{font-size: 15px;font-weight: 700;margin: 0;color: var(--text-main);}
.srt3d-muted{color: var(--text-muted);margin: 0;}
.srt3d-help{color: var(--text-muted);font-size: 12px;margin-top: 6px;}
.srt3d-fieldgrid{display: grid;grid-template-columns: 1fr 1fr;gap: 12px;padding: 14px 16px 6px 16px;}
@media (max-width:575px){.srt3d-fieldgrid{grid-template-columns: 1fr;}}
.srt3d-label{font-size: 13px;font-weight: 600;margin-bottom: 6px;color: var(--text-main);}
.srt3d-input{border-radius: 10px;background: #ffffff;border-color: var(--border);color: var(--text-main);}
.srt3d-input:focus{box-shadow: 0 0 0 .2rem rgba(79,140,255,.25);border-color: rgba(79,140,255,.60);}
.srt3d-input--readonly{background: var(--surface-muted);border-style: dashed;}
.srt3d-actions{display: flex;flex-wrap: wrap;gap: 10px;padding: 10px 16px 16px 16px;}
.srt3d-btn{border-radius: 999px;padding-left: 14px;padding-right: 14px;}
.srt3d-ratiobar{display: grid;gap: 10px;padding: 12px 16px;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);background: var(--surface-muted);}
.srt3d-ratiotext{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 10px;}
.srt3d-eq{color: var(--text-muted);font-weight: 700;}
.srt3d-ratiochip{padding: 8px 12px;border-radius: 12px;border: 1px solid var(--border);background: #ffffff;font-weight: 700;color: var(--text-main);}
.srt3d-formula{text-align: center;color: var(--text-muted);font-size: 13px;}
.srt3d-grid2{display: grid;grid-template-columns: 1fr;gap: 12px;padding: 0 16px 14px 16px;}
@media (min-width:768px){.srt3d-grid2{grid-template-columns: 1fr 1fr;}}
.srt3d-panel{border: 1px solid var(--border);border-radius: 14px;background: var(--surface-muted);overflow: hidden;}
.srt3d-panel > h3{padding: 12px 12px 0 12px;}
.srt3d-panelbody{padding: 10px 12px 12px 12px;}
.srt3d-panel--steps{margin: 0 16px 16px 16px;}
.srt3d-empty{display: grid;gap: 8px;padding: 8px 6px;}
.srt3d-emptyicon{width: 40px;height: 40px;border-radius: 12px;display: grid;place-items: center;background: rgba(37,99,235,.10);color: var(--primary);}
.srt3d-examplegrid{display: grid;grid-template-columns: 1fr;gap: 10px;padding: 14px 16px 16px 16px;}
@media (min-width:768px){.srt3d-examplegrid{grid-template-columns: 1fr 1fr;}}
.srt3d-example{text-align: left;border-radius: 14px;border: 1px solid var(--border);background: #ffffff;padding: 12px 12px;transition: transform 120ms ease,box-shadow 120ms ease,border-color 120ms ease;color: var(--text-main);}
.srt3d-example:hover{transform: translateY(-1px);box-shadow: var(--shadow-soft);border-color: rgba(79,140,255,.50);}
.srt3d-exampletitle{display: block;font-weight: 800;color: var(--text-main);}
.srt3d-examplesub{display: block;color: var(--text-muted);font-size: 13px;margin-top: 4px;}
.srt3d-callout{margin: 0 16px 16px 16px;border-radius: 14px;padding: 14px 14px;background: rgba(14,165,233,.08);border: 1px solid rgba(14,165,233,.22);color: var(--text-main);}
.srt3d-callouttitle{font-weight: 800;margin-bottom: 6px;}
.srt3d-calloutbody{color: var(--text-main);}
.srt3d-sidecard{background: var(--surface);border: 1px solid var(--border);border-radius: 14px;box-shadow: var(--shadow-soft);padding: 14px 14px;}
.srt3d-sideh{font-size: 15px;font-weight: 800;margin: 0 0 8px 0;color: var(--text-main);}
.srt3d-sidelist{margin: 0;padding-left: 18px;color: var(--text-main);display: grid;gap: 8px;}
.srt3d-dl{margin: 0;}
.srt3d-dl dt{font-weight: 800;margin-top: 10px;color: var(--text-main);}
.srt3d-dl dd{margin-left: 0;color: var(--text-muted);}
.srt3d-content{margin-top: 18px;}
.srt3d-article{background: var(--surface);border: 1px solid var(--border);border-radius: 16px;box-shadow: var(--shadow-soft);padding: 18px 16px;color: var(--text-main);}
@media (min-width:768px){.srt3d-article{padding: 22px 20px;}}
.srt3d-note{margin: 14px 0;padding: 12px 12px;border-radius: 14px;background: var(--surface-muted);border: 1px solid var(--border);color: var(--text-main);}
.srt3d-bullets{display: grid;gap: 8px;padding-left: 18px;margin: 10px 0 0 0;}
.srt3d-bullets--tight{gap: 6px;}
.srt3d-tablewrap{margin-top: 10px;border-radius: 14px;overflow: hidden;border: 1px solid var(--border);}
.srt3d-table{margin: 0;color: var(--text-main);}
.srt3d-table thead th{background: var(--surface-muted);color: var(--text-main);border-color: var(--border);}
.srt3d-table td,.srt3d-table th{border-color: var(--border);}
.srt3d-limitbox{margin-top: 12px;padding: 14px 14px;border-radius: 16px;border: 1px solid rgba(245,158,11,.35);background: rgba(245,158,11,.10);color: var(--text-main);}
.srt3d-limittitle{font-weight: 900;margin-bottom: 8px;}
.srt3d-freshness{margin-top: 16px;padding: 14px 14px;border-radius: 16px;border: 1px solid var(--border);background: var(--surface-muted);display: grid;gap: 10px;}
.srt3d-freshnessline{display: flex;justify-content: space-between;gap: 12px;flex-wrap: wrap;}
.srt3d-freshlabel{color: var(--text-muted);font-weight: 700;}
.srt3d-freshvalue{color: var(--text-main);font-weight: 800;}