.shorts-studio { margin-block:36px; padding:clamp(20px,4vw,48px); background:#e9eee9; border:1px solid #ced8d2; border-radius:28px; scroll-margin-top:100px; }
.shorts-studio [hidden] { display:none !important; }
.shorts-studio .experience-intro { margin-bottom:28px; }
.shorts-layout { display:grid; grid-template-columns:minmax(260px,.95fr) minmax(0,1fr); gap:clamp(24px,4vw,56px); align-items:start; }
.shorts-fields { display:grid; gap:14px; min-width:0; }
.shorts-fields fieldset { border:0; padding:0; margin:0; display:grid; gap:18px; min-width:0; }
.shorts-studio label { display:grid; gap:8px; font-size:.9rem; font-weight:600; }
.shorts-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.shorts-studio input,.shorts-studio select { width:100%; min-width:0; box-sizing:border-box; font:inherit; font-size:16px; padding:12px; border:1px solid #bdc9c3; border-radius:10px; background:#fffdf7; color:#112d50; }
.shorts-studio input[type=range] { padding:0; min-height:32px; accent-color:#1b4575; cursor:pointer; }
.shorts-studio input:focus-visible,.shorts-studio select:focus-visible,.shorts-studio button:focus-visible,.shorts-studio summary:focus-visible { outline:3px solid #a76c0a; outline-offset:3px; }
.shorts-studio .shorts-rights { display:flex; flex-direction:row; align-items:flex-start; gap:10px; font-size:.8rem; line-height:1.5; font-weight:400; }
.shorts-rights input { width:20px; height:20px; flex-shrink:0; margin:2px 0 0; }
.shorts-preview { margin:0; min-width:0; position:sticky; top:100px; }
.shorts-screen { width:min(100%,350px); margin-inline:auto; aspect-ratio:9/16; border:6px solid #112d50; border-radius:22px; overflow:hidden; background:#112d50; box-shadow:0 20px 38px #112d5020; }
.shorts-screen canvas,.shorts-screen video { display:block; width:100%; height:100%; object-fit:contain; }
.shorts-preview figcaption { text-align:center; font-size:.66rem; letter-spacing:.06em; line-height:1.6; margin-top:16px; color:#4f6257; }
.shorts-timeline { margin-top:16px; grid-template-columns:1fr auto; align-items:center; }
.shorts-timeline input { grid-column:1/-1; }
.shorts-timeline output { font-size:.78rem; font-variant-numeric:tabular-nums; }
.shorts-playback { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.shorts-playback button { flex:1; font-size:.85rem; padding:12px 16px; }
.shorts-options { padding:14px 0; border-block:1px solid #c7d1cb; }
.shorts-options summary { cursor:pointer; font-weight:600; min-height:28px; }
.shorts-options[open] summary { margin-bottom:18px; }
.shorts-options > label,.shorts-options > button { margin-top:16px; }
.shorts-options > button { border:0; background:none; color:#1b4575; text-decoration:underline; font:inherit; padding:8px 0; cursor:pointer; }
.shorts-export { width:100%; min-height:54px; }
.shorts-empty { padding:14px 18px; border-left:3px solid #b27c24; background:#fff7e4; font-size:.86rem; line-height:1.6; }
.shorts-studio .discovery-note { margin:0; font-size:.77rem; line-height:1.6; }
.shorts-studio progress { width:100%; height:8px; accent-color:var(--blue); }
.shorts-status { min-height:1.5em; margin:0; font-size:.85rem; line-height:1.5; }
.shorts-result { display:grid; gap:14px; padding:18px; border:1px solid #9ab1a2; border-radius:14px; background:#fffdf7; }
.shorts-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.shorts-presets button{min-width:0;min-height:88px;padding:8px;border:2px solid transparent;border-radius:12px;background:#fffdf7;color:#112d50;font:600 13px "DM Sans",sans-serif;cursor:pointer}
.shorts-presets button[aria-pressed=true]{border-color:#1b4575;background:#fff;box-shadow:0 0 0 2px #1b45751a}
.shorts-presets i{display:block;height:42px;margin-bottom:6px;border-radius:6px;background:linear-gradient(120deg,#314557 45%,#0b0d12 46%);position:relative;overflow:hidden}
.shorts-presets i:after{content:"";position:absolute;bottom:9px;left:10px;width:45%;height:5px;border-radius:2px;background:#d4ff59;box-shadow:0 -8px 0 #ffffff80}
.shorts-presets [data-short-preset=editorial] i{background:linear-gradient(120deg,#cbbfa8 45%,#f4f0e8 46%)}
.shorts-presets [data-short-preset=editorial] i:after{background:#ed467e;box-shadow:0 -8px 0 #14201b80}
.shorts-presets [data-short-preset=pulse] i{background:linear-gradient(120deg,#63507e 45%,#171127 46%)}
.shorts-presets [data-short-preset=pulse] i:after{background:#b7a0ff}
.shorts-branding{padding:12px 14px;border:1px solid #9db6ce;border-radius:12px;background:#fffdf7;margin:12px 0 8px}
.shorts-branding .shorts-rights{font-weight:600;font-size:.86rem;cursor:pointer;min-height:30px;align-items:center}
.shorts-branding input{width:24px;height:24px;margin:0;accent-color:#173f76}
.shorts-branding .discovery-note{margin-top:2px;padding-left:34px;font-size:.73rem}
.shorts-preview figcaption{display:none}
.time-credit-details{font-size:.76rem;padding:8px 0;border-bottom:1px solid #d4d9d3}
.time-credit-details summary{cursor:pointer;color:#46617a;min-height:30px;display:list-item}
.time-credit-details [data-archive-credit]{font-size:.72rem;line-height:1.55;margin:8px 0}
@media(max-width:760px) { .shorts-layout { grid-template-columns:1fr; gap:28px; }.shorts-preview { position:static; width:100%; }.shorts-screen { width:min(100%,300px); }.shorts-studio { padding:20px 16px; border-radius:20px; }.shorts-row { grid-template-columns:1fr; }.shorts-playback button { width:100%; }.shorts-studio .experience-intro { display:block; } }
@media(prefers-reduced-motion:reduce) { .shorts-studio * { scroll-behavior:auto!important; } }

.shorts-screen canvas{touch-action:pan-y;cursor:ew-resize}
@media(min-width:761px){
 .shorts-preview{top:90px}
 .shorts-screen{width:min(100%,300px,calc((100svh - 310px)*.5625));min-width:140px;border-width:4px}
 .shorts-preview figcaption{margin-top:9px}
 .shorts-timeline{margin-top:9px}
 .shorts-timeline>span{font-size:.77rem}
}

#experience-atunci .shorts-studio{margin-block:22px;padding:clamp(18px,2.4vw,30px)}
#experience-atunci .shorts-studio .experience-intro{margin-bottom:18px}
#experience-atunci .shorts-fields{gap:10px}
#experience-atunci .shorts-fields>fieldset{gap:12px}
#experience-atunci .shorts-options{padding-block:10px}
#experience-atunci .shorts-preview figcaption{margin-top:8px}
#experience-atunci .shorts-status:empty{display:none}