@font-face{font-family:Pretendard;src:url('/play/assets/editorial/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--paper:#f7f6f2;--ink:#22221f;--muted:#606059;--line:#cfcec7;--accent:#bb432a}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Pretendard,Arial,sans-serif}button,input,select{font:inherit;color:inherit}button,select,summary{cursor:pointer}a{color:inherit;text-underline-offset:4px}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #245da5;outline-offset:3px}button{min-height:46px;border:1px solid #a9a99f;background:transparent;padding:10px 18px;border-radius:2px}button:disabled{opacity:.45;cursor:not-allowed}.top{max-width:1080px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:18px 30px}.brand{font:800 30px/1 Arial,sans-serif;letter-spacing:-1.5px;text-decoration:none}.brand span{color:var(--accent)}.top select{max-width:160px;background:transparent;border:0;min-height:44px;padding:8px}main{max-width:960px;margin:auto;padding:30px 30px 60px}.draft{font-size:12px;letter-spacing:.04em;color:var(--muted);margin:0 0 24px}h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.3px;line-height:1.18;margin:0 0 12px}html:lang(ko) h1,html:lang(ja) h1{word-break:keep-all}.intro{color:var(--muted);margin:0 0 26px}.upload-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.primary{background:var(--ink);color:white;border-color:var(--ink);font-weight:600}.file-control{position:relative;display:inline-block}.file-control input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-control:focus-within{outline:3px solid #245da5;outline-offset:3px}.file-control span{display:block;min-height:46px;padding:10px 20px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:2px;font-weight:600}.limits,.privacy{font-size:13px;color:var(--muted);margin:12px 0 0}.privacy{margin:3px 0 0}.file-head{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;display:flex;align-items:start;justify-content:space-between;gap:14px}.file-head strong{font-size:15px;overflow-wrap:anywhere;display:block}.file-head p{font-size:13px;color:var(--muted);margin:3px 0 0}.text-button{border:0;text-decoration:underline;padding:5px;min-height:40px;font-size:14px;flex:none}.wave{position:relative;margin-top:16px;background:#ebeae3;border:1px solid #d8d7cd;height:144px;direction:ltr;overflow:hidden}.wave canvas{display:block;width:100%;height:100%}.selection{position:absolute;top:0;bottom:0;border-inline:2px solid var(--accent);background:rgba(187,67,42,.08);pointer-events:none}.timeline{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);direction:ltr;font-variant-numeric:tabular-nums;margin-top:4px}.clip-controls{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin-top:16px}label.field{display:grid;gap:5px;font-size:13px;color:var(--muted)}label.field input{width:125px;min-height:44px;background:#fff;border:1px solid #afafa4;padding:8px 10px;direction:ltr;font-variant-numeric:tabular-nums}.clip-controls button{font-size:14px}fieldset{border:0;padding:0;margin:0;min-width:0}.sliders{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px}.sliders label{font-size:13px;color:var(--muted)}input[type=range]{display:block;width:100%;min-height:38px;accent-color:var(--accent);direction:ltr;touch-action:pan-y}details{border-top:1px solid var(--line);margin-top:22px;padding-top:14px}summary{min-height:40px;font-size:14px}.settings{display:flex;gap:20px;flex-wrap:wrap;margin:8px 0 10px}.settings select{background:#fff;border:1px solid #afafa4;min-height:44px;padding:8px 10px;min-width:150px}.output-row{border-top:1px solid var(--ink);margin-top:22px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.output-row p{margin:0;font-size:13px;color:var(--muted)}#output-spec{display:block;font-size:17px;font-weight:650;font-variant-numeric:tabular-nums}#save{min-width:180px}#status{min-height:26px;margin:15px 0 0;font-size:14px;color:var(--muted)}#status[data-error=true]{color:#a82e1b}.cancel-row{display:flex;gap:16px;align-items:center}#cancel{font-size:14px;margin-top:7px}.notes{margin-top:36px;border-top:1px solid var(--line);padding-top:20px;max-width:65ch}.notes h2{font-size:17px;margin:0 0 8px}.notes p{font-size:14px;color:var(--muted);margin:0 0 20px}.sample-note{color:var(--accent);font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.policy-links{display:flex;justify-content:center;gap:20px;padding:24px;font-size:13px;border-top:1px solid var(--line)}
@media(max-width:600px){.top{padding:17px 20px}.brand{font-size:26px}.top select{max-width:130px;font-size:14px}main{padding:24px 20px 40px}.draft{margin-bottom:20px}.intro{font-size:15px}.upload-row{gap:10px}.upload-row button,.file-control span{padding:10px 15px;font-size:15px}.wave{height:124px}.clip-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.clip-controls label.field input{width:100%}.clip-controls #preview{grid-column:1/-1;width:100%}.clip-controls #whole{grid-column:1/-1;text-align:start;width:max-content}.sliders{gap:12px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings select{min-width:0;width:100%}.output-row{display:block}.output-row #save{width:100%;margin-top:14px}.notes{margin-top:28px}}
html:lang(ar) h1,html:lang(hi) h1{letter-spacing:normal}