/* Screen 02 extends the Proof foundation while populated views migrate separately. */
#home.proof-first-import{background:var(--proof-background);color:var(--proof-text);font:var(--proof-font-body)/var(--proof-leading-body) var(--proof-font-family)}
.proof-first-import .pm-shell{display:block;min-height:100vh}
.proof-first-import .pm-sidebar,.proof-first-import .pm-mobile-bar{display:none}
.proof-first-import .pm-main,.proof-first-import #pm-content{padding:0;max-width:none;margin:0}
.proof-import-page{min-height:100vh;display:flex;flex-direction:column}
.proof-import-header{display:flex;align-items:center;height:60px;flex-shrink:0;border-bottom:1px solid var(--proof-border);padding:0 36px;gap:72px}
.proof-import-brand{font-size:32px;line-height:1.1;font-weight:700;letter-spacing:var(--proof-tracking-heading);text-decoration:none;color:var(--proof-text)}
.proof-import-header nav{display:flex;align-self:stretch;gap:48px}
.proof-import-header nav :is(button,a[data-corteo-link]){position:relative;display:flex;align-items:center;border:0;background:none;padding:0 2px;font:inherit;color:var(--proof-text-muted);cursor:pointer}
.proof-import-header nav [aria-current]{font-weight:600;color:var(--proof-text)}
.proof-import-header nav [aria-current]::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--proof-primary)}
.proof-import-header nav :is(button,a[data-corteo-link]):hover{color:var(--proof-selection-text)}
.proof-header-end{display:flex;align-items:center;gap:12px;margin-left:auto}
.proof-activity{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 12px;border:var(--proof-border-width) solid var(--proof-border);border-radius:var(--proof-radius-round);background:var(--proof-surface);color:var(--proof-text);font:inherit;font-size:var(--proof-font-sm);text-decoration:none;white-space:nowrap;cursor:pointer}
.proof-activity:hover{background:var(--proof-surface-hover)}
.proof-activity-menu{position:relative}
.proof-activity-menu[hidden]{display:none}
.proof-activity{list-style:none}
.proof-activity::-webkit-details-marker{display:none}
.proof-activity-panel{position:absolute;right:0;top:44px;width:min(360px,calc(100vw - 88px));max-height:min(440px,calc(100vh - 88px));overflow:auto;padding:8px;background:var(--proof-surface);border-radius:var(--proof-radius-panel);box-shadow:var(--proof-shadow-menu);z-index:var(--proof-z-menu)}
.proof-activity-menu:not([open])>.proof-activity-panel{display:none}
.proof-activity-panel h2{margin:4px 8px 8px;font-size:var(--proof-font-sm);font-weight:600}
.proof-activity-panel p{margin:8px;font-size:var(--proof-font-sm);color:var(--proof-text-muted)}
.proof-activity-video{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:var(--proof-radius-control);color:var(--proof-text);text-decoration:none}
.proof-activity-video:hover{background:var(--proof-surface-hover)}
.proof-activity-thumbnail{position:relative;display:grid;place-items:center;flex:none;width:64px;height:40px;overflow:hidden;border-radius:var(--proof-radius-small);background:var(--proof-surface-subtle);color:var(--proof-text-muted)}
.proof-activity-thumbnail svg{width:24px;height:24px}
.proof-activity-thumbnail img{position:absolute;width:100%;height:100%;object-fit:cover}
.proof-activity-copy{display:grid;gap:4px;min-width:0}
.proof-activity-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--proof-font-sm);font-weight:600}
.proof-activity-copy small{font-size:var(--proof-font-xs);color:var(--proof-text-muted);font-variant-numeric:tabular-nums}
.proof-activity:focus-visible,.proof-activity-video:focus-visible{outline:2px solid var(--proof-primary);outline-offset:2px}
.proof-activity-spin{width:14px;height:14px;flex:none;border-radius:var(--proof-radius-round);border:2px solid var(--proof-selection);border-top-color:var(--proof-primary)}
@media(prefers-reduced-motion:no-preference){.proof-activity-spin{animation:proof-activity-spin 1s linear infinite}}
@keyframes proof-activity-spin{to{transform:rotate(1turn)}}
.proof-account-menu{position:relative}
.proof-account-menu>summary{display:grid;place-items:center;list-style:none;width:40px;height:40px;border-radius:var(--proof-radius-round);background:var(--proof-selection);color:var(--proof-selection-text);cursor:pointer}
.proof-account-menu>summary::-webkit-details-marker{display:none}
.proof-account-initial{font-weight:600;font-size:var(--proof-font-body);line-height:1}
.proof-account-menu>div{position:absolute;right:0;top:48px;display:grid;width:300px;padding:8px;background:var(--proof-surface);border:var(--proof-border-width) solid var(--proof-border);border-radius:var(--proof-radius-panel);box-shadow:var(--proof-shadow-menu);z-index:var(--proof-z-menu)}
.proof-account-menu:not([open])>div{display:none}
.proof-account-menu :is(button,a){display:flex;align-items:center;gap:12px;min-height:42px;border:0;border-radius:var(--proof-radius-control);background:none;padding:0 10px;font:inherit;text-align:left;text-decoration:none;color:var(--proof-text);cursor:pointer}
.proof-account-menu :is(button,a)>svg{width:20px;height:20px;flex:none;color:var(--proof-text-muted)}
.proof-account-menu :is(button,a)>svg:last-child:not(:first-child){width:16px;height:16px;margin-left:auto}
.proof-account-menu :is(button,a):hover{background:var(--proof-surface-hover)}
.proof-account-menu [data-app-appearance] [data-app-theme-label]{float:none;margin-left:auto}
.proof-account-menu hr{height:1px;margin:6px 0;border:0;background:var(--proof-border)}
.proof-account-identity{display:flex;align-items:center;gap:12px;padding:10px 10px 12px}
.proof-account-avatar{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:var(--proof-radius-round);background:var(--proof-selection);color:var(--proof-selection-text);font-weight:600}
.proof-account-who{display:grid;min-width:0}.proof-account-who strong{font-weight:600;overflow-wrap:anywhere}.proof-account-who small{font-size:var(--proof-font-xs);color:var(--proof-text-muted)}
.proof-account-storage{display:grid;gap:6px;margin:0 2px 8px;padding:10px 12px;border-radius:var(--proof-radius-control);background:var(--proof-surface-subtle);font-size:var(--proof-font-xs)}
.proof-account-storage[hidden]{display:none}
.proof-account-storage-row{display:flex;justify-content:space-between;gap:12px}.proof-account-storage-row>:last-child{font-variant-numeric:tabular-nums;color:var(--proof-text-muted)}
.proof-account-storage-bar{display:block;height:6px;border-radius:var(--proof-radius-round);background:var(--proof-border);overflow:hidden}.proof-account-storage-bar>span{display:block;width:0;height:100%;background:var(--proof-primary)}
.proof-import-heading{text-align:center;padding:81px 24px 0}
.proof-import-heading h1{font-size:clamp(38px,3.25vw,50px);line-height:1.15;letter-spacing:var(--proof-tracking-heading);font-weight:700;margin:0}
.proof-import-heading p{font-size:20px;color:var(--proof-text-muted);margin:12px 0 0;line-height:1.5}
.proof-import-columns{display:grid;grid-template-columns:minmax(0,785fr) minmax(0,431fr);gap:44px;width:calc(100% - 112px);max-width:1260px;margin:52px auto 60px}
.proof-import-upload{min-width:0}
.proof-import-twitch{border-left:1px solid var(--proof-border);padding:84px 0 0 44px;text-align:center;display:flex;align-items:center;flex-direction:column}
.proof-twitch-logo{color:#9146ff;margin-bottom:30px}
.proof-twitch-logo svg{display:block;width:48px;height:48px}
.proof-import-twitch h2{font-size:26px;font-weight:600;letter-spacing:var(--proof-tracking-heading);line-height:1.25;margin:0;max-width:430px}
.proof-import-twitch>p{font-size:20px;color:var(--proof-text-muted);line-height:1.4;margin:18px 0 44px;max-width:360px}
#proof-twitch-action{width:min(100%,310px)}
#proof-twitch-action .proof-button{width:100%;min-height:64px;font-size:20px;gap:16px}
.proof-twitch-help{display:flex;align-items:center;gap:12px;margin-top:30px;color:var(--proof-selection-text);text-decoration:none}
.proof-twitch-help:hover{text-decoration:underline;text-underline-offset:4px}
.proof-twitch-help svg{width:18px;height:18px}
.proof-first-import #drop-zone{margin:0;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;border:1px dashed var(--proof-control-border);border-radius:var(--proof-radius-panel);background:var(--proof-surface-subtle);text-align:center}
.proof-first-import #drop-zone.dragging{background:var(--proof-selection);border-color:var(--proof-primary);outline:2px solid var(--proof-primary);outline-offset:3px}
.proof-first-import .upload-symbol{margin:0 0 24px;color:var(--proof-control-border);font-size:0;line-height:1}
.proof-first-import .upload-symbol svg{width:72px;height:72px;stroke-width:1.5}
.proof-first-import #drop-zone h3{font-size:26px;font-weight:600;line-height:1.25;letter-spacing:var(--proof-tracking-heading);margin:0 0 24px}
.proof-first-import #choose-file{display:inline-flex;align-items:center;justify-content:center;min-width:270px;min-height:64px;padding:16px 24px;font:500 20px/1.35 var(--proof-font-family);color:var(--proof-text-on-action);background:var(--proof-primary);border:0;border-radius:var(--proof-radius-control);box-shadow:none}
.proof-first-import #choose-file:hover{background:var(--proof-primary-hover)}
.proof-first-import #drop-zone small{font-size:14px;color:var(--proof-text-muted);margin-top:20px;line-height:1.5}
.proof-first-import #remote-import-form{margin:32px 0 0;display:block;padding:0;border:0}
.proof-first-import #remote-import-form label{display:block;font-size:18px;font-weight:500;margin:0 0 8px;color:var(--proof-text)}
.proof-first-import .pm-link-row{display:flex;gap:12px}
.proof-first-import #remote-url{min-width:0;flex:1;min-height:64px;border:1px solid var(--proof-control-border);background:var(--proof-surface);border-radius:var(--proof-radius-control);padding:16px 20px;font:400 18px/1.5 var(--proof-font-family);color:var(--proof-text);box-shadow:none}
.proof-first-import #remote-url::placeholder{color:var(--proof-text-muted);opacity:1}
.proof-first-import #import-remote{min-width:144px;min-height:64px;padding:16px 20px;font:500 18px/1.35 var(--proof-font-family);border:0;border-radius:var(--proof-radius-control);background:var(--proof-primary);color:var(--proof-text-on-action);box-shadow:none}
.proof-first-import #import-remote:hover{background:var(--proof-primary-hover)}
.proof-first-import :is(#choose-file,#import-remote):disabled{background:var(--proof-disabled-surface);color:var(--proof-disabled-text);cursor:not-allowed}
.proof-first-import #remote-help{display:block;color:var(--proof-text-muted);font-size:14px;line-height:1.5;margin-top:8px}
.proof-first-import :is(#remote-error,#pm-import-error,.proof-import-error){padding:12px 16px;background:var(--proof-error-surface);color:var(--proof-error);border:0;border-radius:var(--proof-radius-control);font-size:16px;line-height:1.5}
.proof-import-error{margin:24px auto 0;max-width:1260px;width:calc(100% - 112px)}
.proof-import-footer{margin:auto 36px 0;border-top:1px solid var(--proof-border);padding:32px 0 48px}
.proof-import-options>summary{display:flex;gap:12px;align-items:center;justify-content:center;list-style:none;color:var(--proof-text-muted);font-size:14px;cursor:pointer}
.proof-import-options>summary::-webkit-details-marker{display:none}
.proof-import-options-label{color:var(--proof-selection-text);text-decoration:underline;text-underline-offset:4px}
.proof-import-options .pm-import-target{max-width:740px;margin:24px auto 0;background:var(--proof-surface-subtle);padding:20px 24px;border:0;border-radius:var(--proof-radius-panel)}
.proof-import-options .pm-field{color:var(--proof-text)}
.proof-import-options select{background:var(--proof-surface);color:var(--proof-text);border:1px solid var(--proof-control-border);min-height:48px;font:inherit;border-radius:var(--proof-radius-control);padding:8px 12px}
.proof-first-import :is(button,input,a,summary,select):focus-visible{outline:2px solid var(--proof-focus);outline-offset:3px}
.proof-first-import [hidden]{display:none!important}
@media(max-width:1200px){.proof-import-columns{gap:32px;width:calc(100% - 80px)}.proof-import-twitch{padding-left:32px}.proof-import-twitch h2{font-size:24px}.proof-import-twitch>p{font-size:18px}}
@media(max-width:900px){.proof-import-columns{grid-template-columns:1fr;max-width:740px}.proof-import-twitch{border-left:0;border-top:1px solid var(--proof-border);padding:40px 0}.proof-import-header{gap:40px}.proof-import-options>summary{flex-wrap:wrap}}

body:has(#home.proof-first-import:not([hidden]))>.app-help{display:none}
.proof-first-import .upload-symbol{width:72px;height:72px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.proof-first-import #choose-file{gap:16px}
.proof-first-import #choose-file svg{width:24px;height:24px}
.proof-first-import .pm-link-row{position:relative}
.proof-first-import .proof-link-symbol{position:absolute;left:20px;top:20px;pointer-events:none;color:var(--proof-text-muted)}
.proof-first-import .proof-link-symbol svg{width:24px;height:24px}
.proof-first-import #remote-url{padding-left:60px}
.proof-first-import :is(#choose-file,#import-remote):disabled{opacity:1}

/* Keep the three primary destinations visible even in a narrow desktop window. */
@media(max-width:700px){
 .proof-import-header{padding:0 12px;gap:16px}
 .proof-import-brand{font-size:22px}
 .proof-import-header nav{gap:12px}
 .proof-import-header nav :is(button,a[data-corteo-link]){font-size:14px}
 .proof-account-menu>summary{width:36px;height:36px}
}