.bench-app,.bench-gate{--ink:#152536;--muted:#6a7685;--line:#e1e6eb;--accent:#235ee8;color:var(--ink);background:#f7f8fa;min-height:100vh;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:15px;line-height:1.55}.bench-app *,.bench-gate *{box-sizing:border-box}.bench-app button,.bench-app input,.bench-app select,.bench-app textarea{font:inherit}.bench-app button,.bench-gate a{cursor:pointer}.bench-app button:disabled{opacity:.5;cursor:wait}:is(.bench-app button:focus-visible,.bench-app a:focus-visible,.bench-gate a:focus-visible){outline-offset:3px;outline:3px solid #7a9ffa}.bench-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;height:82px;padding:0 5%;display:flex}.bench-brand{letter-spacing:-1px;color:var(--ink);font-size:24px;font-weight:800;text-decoration:none}.bench-brand span{letter-spacing:0;color:var(--muted);margin-left:14px;font-size:14px;font-weight:500}.bench-header>div{align-items:center;gap:20px;display:flex}.bench-header button,.bench-header a:not(.bench-brand){color:var(--muted);background:0 0;border:0;font-size:13px;text-decoration:none}.bench-private{color:#417365;background:#eef7f2;border-radius:30px;padding:5px 10px;font-size:12px}.bench-intro,.bench-stats,.bench-toolbar,.bench-list-label,.bench-grid,.bench-empty,.bench-footer,.bench-message,.bench-error{max-width:1320px;margin-left:auto;margin-right:auto}.bench-intro{justify-content:space-between;align-items:center;gap:24px;padding-top:52px;padding-bottom:30px;display:flex}.bench-eyebrow{letter-spacing:2px;color:var(--accent);margin:0 0 12px;font-size:11px;font-weight:700}.bench-intro h1{letter-spacing:-1.6px;margin:0 0 12px;font-size:36px;font-weight:750;line-height:1.25}.bench-intro p:last-child{color:var(--muted);margin:0}.bench-primary{white-space:nowrap;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 19px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;background:var(--accent)!important;color:#fff!important}.bench-mobile{display:none}.bench-stats{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:1fr 1fr 2.2fr;margin-bottom:34px;padding:22px 0;display:grid}.bench-stats>div{border-right:1px solid var(--line);padding:0 28px}.bench-stats>div:last-child{border:0}.bench-stats span{color:var(--muted);font-size:12px}.bench-stats strong{font-size:30px;line-height:1.4;display:block}.bench-stats small{color:var(--muted);margin-left:6px;font-size:13px;font-weight:400}.bench-workflow{align-self:center}.bench-workflow p{margin:7px 0 0;font-size:14px}.bench-toolbar{gap:10px;margin-bottom:22px;display:flex}.bench-search{border:1px solid var(--line);background:#fff;border-radius:9px;flex:1;align-items:center;gap:10px;padding:0 15px;display:flex}.bench-search span{color:var(--muted);font-size:25px}.bench-search input{background:0 0;border:0;outline:0;width:100%;padding:12px 0}.bench-toolbar select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:11px 13px}.bench-list-label{color:var(--muted);justify-content:space-between;margin-bottom:15px;font-size:12px;display:flex}.bench-list-label b{color:var(--accent);margin-left:7px}.bench-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.bench-card{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;padding:0;transition:transform .18s,box-shadow .18s;overflow:hidden}.bench-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1525360d}.bench-thumbnail{background:#e8edf1;height:230px;position:relative;overflow:hidden}.bench-thumbnail img{object-fit:contain;background:#18222d;width:100%;height:100%;display:block}.bench-play{color:#22354a;background:#ffffffdb;border-radius:100%;place-items:center;width:44px;height:44px;padding-left:3px;display:grid;position:absolute;top:calc(50% - 22px);left:calc(50% - 22px)}.bench-status{color:#29394b;background:#ffffffed;border-radius:5px;padding:4px 8px;font-size:10px;position:absolute;top:12px;left:12px}.bench-card-body{padding:18px}.bench-creator{color:var(--muted);font-size:11px}.bench-card h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0;font-size:16px;line-height:1.45;display:-webkit-box;overflow:hidden}.bench-hook{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:37px;margin:0 0 16px;font-size:12px;display:-webkit-box;overflow:hidden}.bench-metrics{color:var(--muted);border-top:1px solid #edf0f3;gap:16px;padding-top:12px;font-size:11px;display:flex}.bench-metrics b{color:var(--ink);margin-left:3px}.bench-tags{color:var(--accent);margin:10px 0 0;font-size:11px}.bench-empty{text-align:center;background:#fff;border:1px dashed #cdd6e0;border-radius:12px;padding:58px 25px}.bench-empty-icon{width:58px;height:58px;color:var(--accent);background:#edf2ff;border-radius:15px;place-items:center;margin:0 auto 20px;font-size:32px;display:grid}.bench-empty h2{letter-spacing:-.5px;margin:0 0 10px;font-size:21px}.bench-empty p{color:var(--muted);white-space:pre-line;margin:0 0 22px;font-size:14px}.bench-empty button{color:var(--accent);background:#edf2ff;border:0;border-radius:8px;padding:10px 20px}.bench-empty small{color:#8c98a6;margin-top:22px;font-size:11px;display:block}.bench-footer{color:#8793a0;justify-content:space-between;padding:30px 0 45px;font-size:11px;display:flex}.bench-message,.bench-error{color:#234c99;white-space:pre-line;background:#edf2ff;border-radius:8px;margin-top:12px;margin-bottom:12px;padding:12px 16px;font-size:13px}.bench-error{color:#a53528;background:#fff0ed}.bench-dialog,.bench-members{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:16px;width:min(1120px,95vw);max-height:92vh;padding:0;box-shadow:0 24px 80px #0003}.bench-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10203199}.bench-members::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10203199}.bench-dialog-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 24px;font-weight:700;display:flex}.bench-dialog-head button{background:#f1f3f5;border:0;border-radius:50%;width:32px;height:32px}.bench-detail{grid-template-columns:340px 1fr;display:grid}.bench-detail aside{overflow-wrap:anywhere;background:#f5f7fa;padding:24px}.bench-detail aside video{background:#142130;border-radius:10px;width:100%;max-height:480px}.bench-detail aside p{color:var(--muted);font-size:11px}.bench-detail aside a{color:var(--accent);font-size:13px}.bench-detail aside small{color:var(--muted);margin-top:10px;font-size:11px;display:block}.bench-import{color:var(--ink);margin-top:22px;font-size:12px;display:block}.bench-import input{width:100%;margin-top:8px;font-size:11px}.bench-editor{min-width:0;padding:24px}.bench-title-input{width:100%;line-height:1.4;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:0 0 12px!important;font-size:22px!important;font-weight:700!important}.bench-tabs{border-bottom:1px solid var(--line);gap:20px;margin:10px 0 24px;display:flex}.bench-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 2px;font-size:13px}.bench-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);font-weight:700}.bench-editor label{margin-bottom:18px;font-size:12px;font-weight:600;display:block}.bench-editor textarea,.bench-editor input:not(.bench-title-input),.bench-members input{width:100%;color:var(--ink);background:#fff;border:1px solid #dbe2e9;border-radius:8px;margin-top:7px;padding:11px 12px;font-size:14px;font-weight:400;display:block}.bench-editor textarea{resize:vertical;line-height:1.8}.bench-editor input:focus,.bench-editor textarea:focus,.bench-members input:focus{border-color:var(--accent);outline:2px solid #b9ceff}.bench-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.bench-help{color:var(--muted);font-size:12px;line-height:1.7}.bench-save{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex}.bench-save span{color:var(--muted);font-size:11px}.bench-members{width:min(560px,94vw);padding:0 24px 24px}.bench-members .bench-dialog-head{padding:18px 0}.bench-members h2{margin:0;font-size:20px}.bench-members>p{font-size:13px}.bench-members form{align-items:end;gap:10px;margin:20px 0;display:flex}.bench-members input{min-width:0;margin:0}.bench-members ul{padding:0;list-style:none}.bench-members li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:15px 0;font-size:13px;display:flex}.bench-members li small{color:var(--muted);font-size:11px;display:block}.bench-members li button{color:#a53528;white-space:nowrap;background:0 0;border:0;font-size:11px}.bench-gate{flex-direction:column;justify-content:center;align-items:flex-start;padding:10vh max(24px,50vw - 425px);display:flex}.bench-gate .bench-brand{margin-bottom:65px}.bench-gate h1{letter-spacing:-2px;margin:0 0 25px;font-size:54px;line-height:1.2}.bench-gate p{max-width:430px;color:var(--muted);margin:0 0 26px}.bench-back{color:var(--muted);margin-top:22px;font-size:12px;text-decoration:none}@media (min-width:1480px){.bench-header{padding:0 calc(50vw - 660px)}}@media (max-width:1430px){.bench-app>section,.bench-app>.bench-list-label,.bench-app>.bench-footer,.bench-app>.bench-message,.bench-app>.bench-error{margin-left:5%;margin-right:5%}}@media (max-width:1050px){.bench-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bench-detail{grid-template-columns:280px 1fr}.bench-workflow p{font-size:12px}}@media (max-width:760px){.bench-header{height:68px}.bench-header>div{gap:12px}.bench-private,.bench-brand span{display:none}.bench-header .bench-brand{font-size:22px}.bench-intro{align-items:flex-start;padding-top:32px}.bench-intro h1{font-size:29px}.bench-intro p:last-child{font-size:12px}.bench-intro .bench-primary{padding:10px 12px;font-size:12px}.bench-mobile{display:block}.bench-stats{grid-template-columns:1fr 1fr;margin-bottom:24px;padding:16px 0}.bench-stats>div:nth-child(2){border:0}.bench-stats .bench-workflow{border-top:1px solid var(--line);grid-column:1/-1;margin-top:16px;padding-top:14px}.bench-toolbar{flex-wrap:wrap}.bench-search{flex-basis:100%}.bench-toolbar select{flex:1;font-size:12px}.bench-list-label>span:last-child{display:none}.bench-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bench-thumbnail{height:200px}.bench-card-body{padding:12px}.bench-card h2{font-size:14px}.bench-metrics{flex-wrap:wrap;gap:8px}.bench-creator{font-size:10px}.bench-footer{flex-direction:column;gap:8px}.bench-detail{display:block}.bench-detail aside video{max-height:340px}.bench-detail aside,.bench-editor{padding:18px}.bench-dialog{width:96vw}.bench-empty{padding:38px 16px}.bench-empty h2{font-size:18px}.bench-gate h1{font-size:43px}.bench-form-row{gap:10px}.bench-members form{flex-wrap:wrap}}.bench-pin{flex-direction:column;gap:14px;width:min(100%,330px);display:flex}.bench-pin label{color:var(--muted);font-size:12px}.bench-pin input{font:inherit;letter-spacing:15px;text-align:center;width:100%;color:var(--ink);background:#fff;border:1px solid #dbe2e9;border-radius:10px;padding:14px 15px 14px 30px;font-size:30px}.bench-pin input:focus{border-color:var(--accent);outline:2px solid #b9ceff}.bench-pin button:disabled{opacity:.55;cursor:default}.bench-pin .bench-error{margin:0;font-size:12px}.bench-collections,.bench-kinds{flex-wrap:wrap;gap:10px;max-width:1320px;margin:0 auto 24px;display:flex}.bench-collections button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:10px;padding:15px 20px;font-weight:600}.bench-collections button[aria-pressed=true]{color:#fff;background:#152536;border-color:#152536}.bench-collections span{opacity:.7;margin-left:14px;font-size:12px}.bench-kinds button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:30px;padding:8px 15px;font-size:13px}.bench-kinds button[aria-pressed=true]{color:var(--accent);background:#edf2ff;border-color:#abc3fc}.bench-kinds span{margin-left:6px;font-size:11px}.bench-editor select{width:100%;color:var(--ink);background:#fff;border:1px solid #dbe2e9;border-radius:8px;margin-top:7px;padding:11px 8px;font-size:13px;display:block}:is(.bench-collections button:focus-visible,.bench-kinds button:focus-visible){outline-offset:3px;outline:3px solid #7a9ffa}@media (max-width:760px){.bench-collections button{padding:12px;font-size:12px}.bench-collections{gap:7px}.bench-kinds{gap:6px}.bench-kinds button{padding:8px 10px;font-size:12px}}.bench-paste{margin-top:20px;font-size:12px}.bench-paste summary{cursor:pointer;color:var(--accent)}.bench-paste textarea{border:1px solid var(--line);resize:vertical;border-radius:6px;width:100%;margin-top:10px;padding:10px;font:11px monospace}.bench-paste button{color:var(--accent);background:#edf2ff;border:0;border-radius:6px;margin-top:7px;padding:8px 12px;font-size:12px}.bench-card-priority{background:#fffefa;border:2px solid #d6a000;box-shadow:0 0 0 3px #fff3bf}.bench-card-priority:hover{border-color:#9b7000;box-shadow:0 4px 18px #d6a00026}.bench-priority-badge{color:#654400;background:#ffe69a;border-radius:6px;margin:0 0 10px;padding:5px 10px;font-size:14px;font-weight:750;line-height:1.4;display:table}.bench-detail-actions{align-items:center;gap:10px;display:flex}.bench-dialog-head .bench-priority-toggle{white-space:nowrap;color:#654400;background:#fff9e6;border:1px solid #ddc275;border-radius:8px;flex:none;width:auto;height:auto;padding:8px 12px;font-size:14px;line-height:1.4}.bench-dialog-head .bench-priority-toggle[aria-pressed=true]{background:#ffe69a;border-color:#c59500}.bench-priority-toggle:focus-visible{outline-offset:3px;outline:3px solid #3866ef}@media (max-width:540px){.bench-detail-actions{gap:4px}.bench-dialog-head .bench-priority-toggle{padding:8px;font-size:13px}}.bench-thumbnail-fallback{color:#fff;background:#18222d;place-items:center;height:100%;padding-top:85px;font-size:12px;display:grid}.bench-card{flex-direction:column;display:flex}.bench-card-open{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:0;display:block}.bench-card-open:focus-visible{outline-offset:-3px;outline:3px solid #3866ef}.bench-completion{color:#647083;cursor:pointer;border-top:1px solid #e6e9ef;align-items:center;gap:9px;margin:0 18px;padding:14px 0;font-size:13px;display:flex}.bench-completion input,.bench-detail-completion input{accent-color:#3866ef;cursor:pointer;flex:none;width:17px;height:17px;margin:0}.bench-completion small{color:#5b8167;margin-left:auto;font-size:11px}.bench-card-completed{background:#f5f7f5;border-color:#dce5dd}.bench-card-completed .bench-completion{color:#447251}.bench-card-completed .bench-card-body h2{color:#6d7b71}.bench-detail-completion{white-space:nowrap;color:#4c6855;align-items:center;gap:7px;font-size:13px;display:flex}.bench-detail-actions{flex-wrap:wrap;justify-content:flex-end}.bench-dialog-head>span{white-space:nowrap}:is(.bench-completion input:focus-visible,.bench-detail-completion input:focus-visible){outline-offset:3px;outline:3px solid #3866ef}@media (max-width:540px){.bench-completion{flex-wrap:wrap;gap:6px;margin:0 12px;font-size:12px}.bench-completion small{width:100%;margin-left:23px}.bench-dialog-head{align-items:flex-start;gap:9px}.bench-dialog-head>span,.bench-detail-completion{font-size:12px}}
