.account-loading{min-height:70vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.auth-tabs{border-bottom:1px solid var(--line);gap:8px;margin:0 0 26px;padding-bottom:12px;display:flex}.auth-tabs button{isolation:isolate;background:0 0;border:1px solid #0000;border-radius:4px;flex:1;padding:11px 7px;font-size:12px;position:relative}.auth-tab-selection{border:1px solid var(--ink);background:var(--yellow);z-index:-1;pointer-events:none;border-radius:4px;position:absolute;inset:-1px}.batch-codes{margin-top:24px}.batch-codes textarea{white-space:pre;font:12px/1.8 monospace;overflow:auto}.batch-codes .small-button{align-items:center;gap:7px;display:inline-flex}.invitation-list-title{margin-top:28px}.invitation-list-title small{margin-left:8px;font-size:11px;font-weight:400}.beta-label{letter-spacing:1px;color:var(--muted);font-size:10px}.login-layout{grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;min-height:calc(100vh - 110px);padding:65px 0 80px;display:grid}.login-story h1{font-family:var(--display);margin:18px 0;font-size:clamp(36px,4.5vw,57px);font-weight:400;line-height:1.35}.login-story h1 span{background:linear-gradient(transparent 62%,var(--yellow) 62%,var(--yellow) 92%,transparent 92%)}.login-story>p:last-of-type{color:var(--muted);max-width:29em;font-size:14px;line-height:1.9}.invite-ticket{border:2px solid var(--ink);background:var(--yellow);width:285px;max-width:90%;box-shadow:6px 6px 0 var(--ink);border-radius:9px;grid-template-columns:1fr 1fr;gap:22px;margin:36px 0 15px 14px;padding:25px 28px;display:grid;position:relative;transform:rotate(-5deg)}.invite-ticket>span,.invite-ticket>small{letter-spacing:2px;grid-column:1/-1;font-size:11px}.invite-ticket>small{border-top:2px dashed var(--ink);padding-top:16px}.invite-ticket strong{align-self:center;font:700 24px/1.05 Arial}.login-card{border:1.5px solid var(--ink);min-width:0;box-shadow:5px 5px 0 var(--ink);background:var(--paper);border-radius:9px;align-self:start;padding:36px}.login-card h2{font-family:var(--display);margin:15px 0;font-size:31px;font-weight:400}.login-card .auth-description{color:var(--muted);font-size:12px;line-height:1.9}.login-card form{margin:27px 0 20px}.login-card .button{justify-content:center;width:100%;margin-top:18px}.login-card .button span{flex:1}.login-card .login-footnote{font-size:11px}.login-card label,.admin-card label,.feedback-panel form>label{flex-direction:column;gap:8px;margin-bottom:16px;font-size:12px;font-weight:600;display:flex}.login-card input,.admin-card input,.admin-card textarea,.admin-card select,.feedback-panel textarea,.feedback-panel select,.invite-copy input{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:5px;width:100%;max-width:100%;min-height:43px;padding:12px}.login-card input:focus,.admin-card input:focus,.admin-card textarea:focus,.admin-card select:focus,.feedback-panel textarea:focus,.feedback-panel select:focus{outline:2px solid var(--ink);outline-offset:2px}.login-card input{font:14px monospace}.form-error{color:#8f2519;background:#fff0dd;border:1px solid #dfb9a0;border-radius:5px;padding:12px;font-size:12px;line-height:1.7}.form-success{background:#ecf0d5;border-radius:4px;padding:12px;font-size:12px}.auth-password-field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.login-card .auth-password-field label{margin:0}.auth-password-input{position:relative}.login-card .auth-password-input input{min-height:48px;padding-right:60px}.password-toggle{min-width:44px;color:var(--ink);background:0 0;border:0;border-radius:4px;padding:0 8px;font-size:12px;line-height:1;position:absolute;top:2px;bottom:2px;right:2px}.password-toggle:hover:not(:disabled){background:var(--yellow)}.password-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:0}.account-bar{border-bottom:1px dashed var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;font-size:11px;display:flex}.account-bar>div{align-items:center;gap:16px;display:flex}.account-bar strong{font-size:12px}.credit-pill{background:var(--yellow);border:1px solid var(--ink);border-radius:4px;padding:5px 8px}.account-bar button,.account-bar a{background:0 0;border:0;align-items:center;gap:5px;padding:7px 0;font-size:11px;display:inline-flex}.access-denied{flex-direction:column;align-items:flex-start;gap:16px;display:flex;padding-top:80px!important}.access-denied h1{font-family:var(--display);font-size:35px;font-weight:400}.access-denied p{font-size:14px}.feedback-panel{border:1px solid var(--line);background:var(--paper);border-radius:6px;margin-top:26px}.feedback-panel summary{cursor:pointer;align-items:center;gap:9px;padding:17px;font-size:13px;display:flex}.feedback-panel summary>span{color:var(--muted);margin-left:auto;font-size:10px}.feedback-panel form{max-width:600px;padding:0 20px 20px}.feedback-panel form>p,.feedback-panel small{color:var(--muted);font-size:11px;line-height:1.8}.feedback-panel textarea{resize:vertical;min-height:90px;margin:0 0 16px;font-size:12px}.feedback-panel select{margin-bottom:15px;font-size:12px}.feedback-panel fieldset{border:0;margin:18px 0;padding:0}.feedback-panel legend{margin-bottom:8px;font-size:12px;font-weight:600}.rating-options{gap:10px;margin-bottom:7px;display:flex}.rating-options label{cursor:pointer;position:relative}.rating-options input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.rating-options span{border:1px solid var(--ink);border-radius:4px;place-items:center;width:42px;height:40px;font-weight:700;display:grid}.rating-options input:checked+span{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.rating-options input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}.feedback-reply{border-left:3px solid var(--ink);white-space:pre-wrap;padding:8px 12px}.feedback-reply strong{display:block}.admin-main{padding-bottom:70px!important}.back-to-studio{align-items:center;gap:6px;font-size:12px;display:flex}.admin-intro{justify-content:space-between;align-items:center;gap:25px;padding:40px 0 28px;display:flex}.admin-intro h1{font-family:var(--display);margin:10px 0;font-size:39px;font-weight:400}.admin-intro>p{color:var(--muted);font-size:12px;line-height:1.8}.user-row-actions{flex-wrap:wrap;gap:8px;display:flex}.user-row-actions button{white-space:nowrap}.library-owner{background:var(--panel);border:1px dashed var(--ink);border-radius:5px;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;padding:14px;font-size:12px;display:flex}.library-owner>span{min-width:0}.library-owner code{overflow-wrap:anywhere;margin-top:5px;font-size:11px;display:block}.library-owner button{flex-shrink:0}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.library-work{border:1px solid var(--ink);background:var(--paper);border-radius:6px;min-width:0;overflow:hidden}.library-media{aspect-ratio:16/9;background:var(--ink);position:relative}.library-media video{object-fit:contain;width:100%;height:100%;display:block}.library-cover{cursor:pointer;background:var(--ink);border:0;width:100%;height:100%;padding:0;display:block;position:relative}.library-cover img{object-fit:contain;width:100%;height:100%;display:block}.library-cover:focus-visible{outline:3px solid var(--yellow);outline-offset:-4px}.library-play{background:var(--yellow);border:1px solid var(--ink);color:var(--ink);border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:14px;left:14px}.library-poster-fallback{height:100%;color:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.library-details{padding:20px}.library-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.library-heading h3{overflow-wrap:anywhere;margin:0}.library-user{flex-direction:column;gap:7px;margin:18px 0 12px;font-size:12px;display:flex}.library-user strong{font-size:14px}.library-user span{color:var(--muted);font-size:10px}.library-user code{color:var(--ink);overflow-wrap:anywhere;margin-top:3px;font-size:11px;display:block}.library-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.library-actions a,.library-actions button{justify-content:center;align-items:center;gap:6px;min-height:40px;display:inline-flex}.library-details .form-error button{margin-top:10px;display:block}@media (max-width:700px){.library-grid{grid-template-columns:1fr;gap:18px}.library-details{padding:16px}.library-owner{flex-direction:column;align-items:flex-start}.library-user code{font-size:10px}}.admin-tabs{flex-wrap:wrap;gap:8px;padding:0 0 22px;display:flex}.admin-tabs button{border:1px solid var(--line);background:0 0;border-radius:5px;align-items:center;gap:8px;padding:12px 18px;font-size:12px;display:flex}.admin-tabs button[aria-current=page]{background:var(--yellow);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.admin-section{flex-direction:column;gap:24px;display:flex}.admin-card{border:1px solid var(--ink);background:var(--paper);border-radius:7px;min-width:0;padding:24px}.admin-card h2{margin:0;font-size:17px}.admin-card h2 small{margin-left:8px;font-size:12px;font-weight:400}.admin-card h3{margin-top:0;font-size:15px}.admin-card .button{min-height:43px;box-shadow:2px 2px 0 var(--ink);font-size:12px}.create-user-form{grid-template-columns:1fr 1.3fr auto;align-items:end;gap:18px;display:grid}.create-user-form label{margin-bottom:0}.create-user-form .button{white-space:nowrap;margin-bottom:2px}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.admin-toolbar h2,.admin-toolbar h3{margin:0 auto 0 0}.admin-toolbar form{align-items:center;gap:6px;max-width:100%;display:flex}.admin-toolbar input{width:240px;font-size:11px}.admin-toolbar select{width:auto;font-size:12px}.icon-button{border:1px solid var(--line);background:0 0;border-radius:4px;justify-content:center;align-items:center;min-height:38px;padding:9px;display:inline-flex}.small-button,.pager button{border:1px solid var(--ink);background:0 0;border-radius:4px;min-height:36px;padding:8px 12px;font-size:11px}.small-button:hover,.pager button:not(:disabled):hover{background:var(--yellow)}.table-scroll{width:100%;overflow-x:auto}.admin-card table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.admin-card th{color:var(--muted);border-bottom:1px solid var(--ink);white-space:nowrap;padding:10px 12px;font-size:10px;font-weight:500}.admin-card td{border-bottom:1px solid var(--line);vertical-align:top;min-width:85px;padding:16px 12px;line-height:1.6}.admin-card td small{color:var(--muted);overflow-wrap:anywhere;max-width:250px;margin-top:5px;font-size:10px;display:block}.admin-card td strong{font-size:13px}.state-label{white-space:nowrap;background:#edf0d7;border-radius:4px;padding:3px 7px;font-size:10px;display:inline-block}.state-label.muted{background:#e8e5dc}.pager{justify-content:flex-end;align-items:center;gap:10px;padding-top:18px;font-size:11px;display:flex}.pager>span{color:var(--muted);margin-right:auto}.pager button:disabled{opacity:.4}.admin-empty{color:var(--muted);padding:25px 0;font-size:13px;line-height:1.8}.muted-copy{color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.8}.invite-notice{border:1.5px solid var(--ink);background:#f5f7c9;border-radius:6px;padding:22px}.invite-notice strong{font-size:13px}.invite-notice p{font-size:11px;line-height:1.8}.invite-copy{align-items:center;gap:12px;margin:13px 0;display:flex}.invite-copy input{max-width:470px;font:13px monospace}.invite-copy .button{white-space:nowrap;min-height:43px;font-size:12px}.editor-columns{grid-template-columns:1fr 1fr;gap:36px;margin-top:22px;display:grid}.editor-columns form{min-width:0}.admin-card textarea{resize:vertical;min-height:83px;font-size:12px}.account-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.confirm-inline{border:1px dashed var(--ink);margin-top:15px;padding:13px;font-size:11px;line-height:1.8}.history-list{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;font-size:12px}.history-list summary{cursor:pointer;margin-bottom:14px}.history-list>div{border-bottom:1px solid var(--line);gap:15px;padding:12px 0;font-size:11px;display:flex}.history-list time{color:var(--muted);text-align:right;margin-left:auto}.feedback-review{border-top:1px solid var(--line);padding:24px 0}.feedback-review h3 span{background:var(--yellow);border-radius:4px;margin-left:12px;padding:3px 7px;font-size:12px}.feedback-comment{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.feedback-review form{max-width:700px;margin-top:18px}.review-actions{align-items:center;gap:15px;display:flex}.review-actions select{width:auto;min-width:130px;font-size:12px}@media (max-width:900px){.login-layout{gap:30px;padding-top:40px}.login-card{padding:25px}.create-user-form{grid-template-columns:1fr 1fr}.create-user-form .button{grid-column:1/-1;justify-self:start}.admin-intro>p{display:none}.admin-intro h1{font-size:33px}}@media (max-width:600px){.login-layout{grid-template-columns:1fr;gap:28px;padding:30px 0 55px}.login-story h1{font-size:38px}.login-story>p:last-of-type{font-size:12px}.invite-ticket{display:none}.login-card{padding:24px 21px}.login-card h2{font-size:28px}.beta-label{letter-spacing:0;font-size:8px}.account-bar{gap:8px}.account-bar>div{gap:10px}.credit-pill{font-size:10px}.admin-intro{padding-top:26px}.admin-intro h1{font-size:29px}.admin-card{padding:17px}.admin-tabs button{padding:10px 12px;font-size:11px}.admin-tabs{gap:6px}.create-user-form,.editor-columns{grid-template-columns:1fr;gap:18px}.create-user-form .button{justify-self:stretch}.admin-toolbar{gap:8px}.admin-toolbar h2{font-size:16px}.admin-toolbar form{order:3;width:100%}.admin-toolbar form input{flex:1;width:0}.back-to-studio{font-size:10px}.invite-notice{padding:17px}.invite-copy{flex-wrap:wrap}.invite-copy input{font-size:11px}.history-list>div{flex-wrap:wrap}.history-list time{text-align:left;width:100%;margin-left:30px}.pager{flex-wrap:wrap}.feedback-panel summary{padding:13px;font-size:12px}.feedback-panel summary>span{font-size:9px}.feedback-panel form{padding:0 14px 18px}.review-actions{gap:8px}.review-actions .button{padding:10px 13px}}.auth-panel-clip{margin:-6px;padding:6px;overflow:hidden}.auth-panel-viewport{position:relative}.auth-panel,.auth-panel-body{display:flow-root}.auth-panel-body[inert]{pointer-events:none}.auth-panel h2:focus{outline:none}
