:root{color-scheme:light;--ink:#132d43;--muted:#617383;--blue:#007eae;--line:#dce6ec;--bg:#f2f6f9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 'Segoe UI',sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e69730}.shell{display:grid;grid-template-columns:265px minmax(0,1fr);min-height:100vh}aside{background:#fff;border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column;gap:38px}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);font-weight:650}.brand small,.account small{display:block;font-weight:400;color:var(--muted);font-size:12px}.monogram{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e3f4fb;color:var(--blue);font-weight:700}nav{display:grid;gap:8px}nav a{padding:12px 16px;border-radius:10px;color:#425768}nav a.selected{background:#e5f4fa;color:#006e99;font-weight:650}.account{margin-top:auto;border-top:1px solid var(--line);padding-top:24px}.account form{margin-top:12px}main{padding:28px clamp(24px,4vw,72px);max-width:1920px;width:100%}.topline{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.3px;color:var(--muted);margin-bottom:42px}.badge{display:inline-block;background:#e6f3f7;color:#25647b;border-radius:30px;padding:5px 12px;font-size:12px;letter-spacing:0}.warning{background:#fff0d5;color:#81540d}header{margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--blue);font-weight:700;margin-bottom:10px}h1{font-size:clamp(28px,3vw,44px);line-height:1.15;letter-spacing:-1.1px;margin:10px 0 15px}h2{font-size:19px;line-height:1.35;margin:0 0 18px}h3{font-size:16px}p{margin:12px 0}.muted,small,time{color:var(--muted)}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 3px 14px #12334e04;margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.stat{display:grid;gap:10px;color:var(--ink)}.stat strong{font-size:42px;line-height:1.1}.stat small{color:var(--blue)}.columns{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.listrow{padding:18px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.listrow:last-child{border-bottom:0}.listrow h2{margin:0}.empty{padding:30px 10px;color:var(--muted)}.empty h2,.empty h3{color:var(--ink)}footer{font-size:12px;color:var(--muted);margin-top:28px;border-top:1px solid var(--line);padding-top:22px}.access{max-width:560px;margin:50px auto}.stack{display:grid;gap:20px}label{font-size:13px;font-weight:600;display:grid;gap:7px}input,select{padding:11px 13px;border:1px solid #bdceda;border-radius:8px;background:white;color:var(--ink);min-width:0;width:100%}button{background:var(--blue);color:white;padding:11px 18px;border:1px solid var(--blue);border-radius:8px;cursor:pointer;font-weight:600}.quiet{background:white;color:var(--blue);border-color:#bfd7e2}.alert{padding:14px;background:#fff0eb;border:1px solid #e9b39f;border-radius:8px;color:#8f3b1e}.search{display:flex;gap:12px;max-width:760px;margin-bottom:28px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.video-card{display:flex;flex-direction:column;margin:0;color:var(--ink);min-height:220px}.video-card:hover{border-color:#7ebfd9;text-decoration:none}.number{font-size:11px;letter-spacing:1.5px;color:var(--blue);font-weight:650}.video-card h2{margin-top:16px}.video-card p{font-size:13px}.card-bottom{border-top:1px solid var(--line);padding-top:18px;margin-top:auto;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--blue)}.description{white-space:pre-wrap}.tags{overflow-wrap:anywhere}dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:14px}dt{color:var(--muted)}dd{margin:0}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-weight:500}th,td{padding:14px 12px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:16px}.user-row{display:grid;grid-template-columns:1fr 1fr auto 1.4fr auto;gap:18px;align-items:center;border-top:1px solid var(--line);padding:24px 0}.check{display:flex;align-items:center}.check input{width:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(min-width:2000px){body{font-size:19px}main{max-width:2400px}.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid,.user-row{grid-template-columns:1fr 1fr}.columns{grid-template-columns:1fr}.shell{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:720px){.shell{display:block}aside{padding:18px;gap:16px;border-right:0;border-bottom:1px solid var(--line)}nav{display:flex;overflow:auto;gap:4px}nav a{white-space:nowrap;padding:8px 12px}.account{margin:0;padding:10px 0 0;display:flex;align-items:center;gap:14px}.account form{margin:0 0 0 auto}.account small{display:none}main{padding:22px 18px}.topline{margin-bottom:28px;font-size:10px}.stats{gap:10px}.stat{padding:15px}.stat span{font-size:12px}.stat strong{font-size:28px}.stat small{display:none}.video-grid{grid-template-columns:1fr}.card{padding:22px}.access{margin:20px auto}.form-grid,.user-row{grid-template-columns:1fr}.columns{gap:0}}

.card-preview{width:100%;height:180px;object-fit:contain;background:#f2f6f9;border-radius:10px;margin-bottom:18px}.detail-preview{width:100%;max-height:420px;object-fit:contain;background:#f2f6f9;margin:15px 0;border-radius:10px}.preview-toggle{padding:10px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;color:var(--blue)}
.edit-button{display:inline-block;padding:.45rem .85rem;border:1px solid currentColor;border-radius:.45rem;text-decoration:none}
.catalog-nav{display:flex;justify-content:space-between;gap:.5rem}.category-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem}
.compact-form{max-width:58rem}.compact-form fieldset{margin:.8rem 0;border:1px solid #dce4ed}.compact-form label{display:inline-flex;align-items:center;gap:.4rem;margin:.3rem .75rem .3rem 0}.compact-form input[type=checkbox]{width:auto;margin:0}.compact-form input[type=number]{width:7rem}.compact-form input[type=range]{width:min(45vw,16rem)}.audio-comparison,.small-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.audio-comparison audio{width:100%;min-width:0}.small-previews img{width:100%;height:clamp(65px,16vw,170px);object-fit:contain;object-position:left center}.small-previews h3{font-size:clamp(.75rem,2.2vw,1rem)}@media(max-width:650px){.audio-comparison{grid-template-columns:1fr}}
.category-options label{display:flex;align-items:flex-start;gap:.45rem;margin:0}.category-options input[type=checkbox]{width:1rem;height:1rem;margin:.25rem 0 0;flex:none}.picture-grid{position:relative;max-width:1000px;aspect-ratio:784/320}.picture-grid>img{width:100%;height:100%;display:block}.picture-grid-buttons{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr))}.picture-grid-buttons button{padding:0;border:1px solid #fff5;border-radius:0;background:transparent;overflow:hidden}.picture-grid-buttons button span{opacity:0;color:white;background:#142b3c;padding:.15em .35em}.picture-grid-buttons button:hover,.picture-grid-buttons button:focus-visible{border-color:white;background:#132d4355}.picture-grid-buttons button:hover span,.picture-grid-buttons button:focus-visible span{opacity:1}
.picker-controls{border:0;padding:0;margin:0;min-width:0}.picker-actions{display:flex;flex-wrap:wrap;gap:.65rem}.picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,.55vw,14px);width:100%}.picker-grid .picker-tile{padding:0;border:0;border-radius:.35rem;overflow:hidden;background:#142b3c;outline-offset:2px}.picker-tile canvas{display:block;width:100%;height:auto;aspect-ratio:240/136}.picker-grid .picker-selected{outline:3px solid #008fbd}.picker-tile:hover{outline:2px solid #008fbd}#picture-picker{max-width:none}
.deadline-warning{border-left:4px solid #d29519;padding:.4rem .7rem;background:#fff7e3;color:#704b00}
#original,textarea[name=body]{width:100%;resize:vertical;padding:.65rem;border:1px solid #cbd8e4;border-radius:.45rem;font:inherit}
.message-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:1rem}.message-photos img{width:100%;height:160px;object-fit:contain}.message-photos p{overflow-wrap:anywhere}
.local-progress{display:flex;flex-wrap:wrap;gap:.35rem .7rem;font-size:.82rem;margin:.5rem 0}.progress-dot{display:inline-block;width:.72rem;height:.72rem;border-radius:50%;border:1px solid #0002;vertical-align:baseline}.progress-done{background:#258547}.progress-partial{background:#e1a529}.progress-open{background:#ba3e42}.progress-unknown{background:#a4aeb8}.platform-progress{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,minmax(2.3rem,auto));align-items:center;gap:.18rem .38rem;padding:.55rem 0;border-top:1px solid #dce6ec;font-size:.76rem}.platform-progress .progress-dot{justify-self:center}.platform-progress abbr{text-align:center;text-decoration:none;color:#536578}
.platform-progress{grid-template-columns:minmax(3.25rem,1.5fr) repeat(6,minmax(0,1fr));column-gap:.15rem}.platform-progress abbr{font-size:clamp(.57rem,.68vw,.71rem);letter-spacing:-.02em}
.clip-wave{display:block;width:100%;height:clamp(70px,12vw,135px);cursor:crosshair;border-radius:.35rem;margin:.5rem 0}
.platform-detail td{text-align:center}.platform-detail th[scope=row]{text-align:left;white-space:normal}.platform-detail small{display:block;color:var(--muted);font-weight:400;margin-top:.2rem}.platform-detail td small{white-space:nowrap}
.platform-matrix th[scope=col],.platform-matrix td{text-align:center}.platform-matrix td{vertical-align:top;min-width:6.3rem}.platform-matrix th[scope=row]{vertical-align:top}.matrix-light{display:flex;justify-content:center;align-items:center;min-height:1.55rem}.platform-matrix td small{white-space:normal}
.sfw-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,21rem);gap:1rem;align-items:start}#sfw-canvas{display:block;width:auto;max-width:100%;height:auto;max-height:72vh;touch-action:none;cursor:grab;background:#edf4f8}.sfw-controls fieldset{min-width:0;border:1px solid #dce4ed;margin:0 0 .7rem;padding:.6rem}.sfw-controls label{display:block;margin:.4rem 0}.sfw-controls input[type=range]{width:min(100%,12rem);display:inline-block;vertical-align:middle}.sfw-controls button{margin:.15rem}@media(max-width:800px){.sfw-layout{grid-template-columns:minmax(0,1fr)}}
#platform-description{width:100%;max-width:52rem;resize:vertical;padding:.65rem;border:1px solid #cbd8e4;border-radius:.45rem;font:inherit}
