:root{--navy:#142d3a;--navy-deep:#112632;--teal:#17756e;--teal-dark:#125e59;--teal-soft:#e8f3f0;--ink:#203541;--muted:#73808b;--line:#e4eaed;--bg:#f5f7f9;--white:#fff;--danger:#b24743;--radius:14px;--shadow:0 16px 44px rgba(21,45,58,.08);font-family:Inter,"Pretendard","Noto Sans KR","Malgun Gothic",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;line-height:1.6;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,video:focus-visible,[tabindex]:focus-visible{outline:3px solid #68b8ac;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:8px;left:16px;padding:10px 20px;background:white;border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:10;width:248px;display:flex;flex-direction:column;padding:35px 23px 20px;background:var(--navy-deep);color:#dbe4e7}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{display:grid;place-items:center;flex:none;width:38px;height:40px;border-radius:11px;background:#2b847b;color:#fff}.brand-mark svg{width:27px;height:27px;fill:currentColor;stroke:none}.brand strong{display:block;font-size:18px;letter-spacing:-.7px;color:#fff;line-height:1.4}.brand small{display:block;font-size:8px;letter-spacing:1.6px;color:#8eabb5;margin-top:4px;white-space:nowrap}.workspace-label{margin-top:46px;margin-bottom:13px;padding-left:13px;font-size:9px;font-weight:700;letter-spacing:2px;color:#65838f}.nav-list{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#a9bec7;text-align:left;border-radius:9px;padding:12px 14px;font-size:13px;min-height:47px}.nav-item svg{flex:none;width:19px;height:19px}.nav-item:hover{background:#203b47;color:white}.nav-item.is-active{background:#224950;color:#e8fffa}.nav-item.is-active svg{color:#7ec9b8}.nav-count{margin-left:auto;border-radius:6px;padding:0 7px;background:#347769;color:white;font-size:10px;font-weight:700}.sidebar-note{margin-top:auto;padding:38px 11px 30px}.note-line{display:block;background:#357567;width:27px;height:3px;border-radius:3px;margin-bottom:15px}.sidebar-note strong{font-size:11px;font-weight:500;color:#a2b8c0}.sidebar-note p{font-size:11px;line-height:1.9;color:#62818e;margin-top:8px}.sidebar-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid #28404b;padding-top:20px}.avatar{display:grid;place-items:center;flex:none;border-radius:50%;background:#314f5c;width:33px;height:33px;font-size:10px;color:#dce9ee}.sidebar-bottom strong{display:block;color:#e0e9ed;font-size:11px;font-weight:600}.sidebar-bottom small{display:block;color:#718f9c;font-size:9px}.sidebar-bottom form{margin-left:auto}.logout-button{background:transparent;border:none;color:#89a4b0;padding:5px;display:flex}.logout-button:hover{color:white}
.main-shell{margin-left:248px;flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:78px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.8);gap:12px}.breadcrumb{display:flex;gap:13px;align-items:center;font-size:11px;color:#8b98a1}.breadcrumb strong{font-weight:500;color:#475963}.breadcrumb>span:nth-child(2){color:#bbc6cd}.topbar-right{display:flex;align-items:center;gap:23px}.privacy-badge{font-size:10px;color:#6f8187;display:inline-flex;align-items:center;gap:7px}.privacy-badge>span{font-size:8px;color:#75a792}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:8px;min-width:33px;min-height:33px;padding:5px;color:#738692}.icon-button:hover{background:#edf2f4;color:var(--ink)}main#main-content{padding:37px 42px 50px;flex:1;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:700;color:var(--teal);margin-bottom:10px}.page-heading h1{font-size:26px;letter-spacing:-1.2px;font-weight:700;line-height:1.5;color:#193342}.page-description{margin-top:7px;font-size:12px;color:#81909a;line-height:1.8}.heading-actions{display:flex;gap:9px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 17px;border-radius:8px;border:1px solid transparent;font-size:11px;font-weight:600;line-height:1.6;transition:background .15s,box-shadow .15s;color:var(--ink);white-space:nowrap}.button-primary{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 3px 5px rgba(23,117,110,.06)}.button-primary:hover:not(:disabled){background:var(--teal-dark);border-color:var(--teal-dark)}.button-secondary{background:var(--white);border-color:#dfe6e9;color:#4f646f}.button-secondary:hover:not(:disabled){background:#f0f5f5;border-color:#c7d9d6}.button:disabled{background:#e8eeee;border-color:#e4eceb;color:#a3b2b5;box-shadow:none}.button-small{min-height:33px;padding:7px 12px;font-size:10px}.button-danger{background:#fff5f4;border:1px solid #ebceca;color:var(--danger)}.text-button{display:inline-flex;align-items:center;gap:9px;color:var(--teal);border:0;background:transparent;font-size:10px;font-weight:600;padding:7px 0;white-space:nowrap}.text-button:hover{text-decoration:underline}
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.summary-card{background:var(--white);border:1px solid var(--line);border-radius:11px;padding:19px 23px;min-height:125px;position:relative}.summary-card>span{font-size:11px;font-weight:600;color:#80919a;display:block}.summary-card strong{display:block;font-size:30px;font-weight:600;letter-spacing:-1.5px;line-height:1.55;margin-top:3px;color:var(--navy)}.summary-card small{font-size:9px;color:#a5b0b6;display:block}.summary-card:last-child strong{color:var(--teal)}.connection-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #d7e7e4;background:#edf6f3;border-radius:10px;padding:14px 18px;margin-bottom:27px}.connection-banner strong{display:block;font-size:11px;color:#426f67}.connection-banner p{font-size:10px;color:#78968f;margin-top:3px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-top:31px;margin-bottom:18px;gap:15px}.section-heading h2{font-size:16px;letter-spacing:-.5px;font-weight:650;display:flex;gap:9px;align-items:center}.section-heading p{font-size:10px;color:#9aa6ad;margin-top:4px}.count-label{color:#849b99;font-size:11px;font-weight:500}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e0e8eb;padding-bottom:12px}.type-tabs{display:flex;gap:5px}.type-tab{border:0;border-radius:7px;padding:8px 16px;background:transparent;color:#87969e;font-size:11px;min-height:36px}.type-tab.is-active{color:var(--teal-dark);background:#e6efed;font-weight:700}.type-tab:hover{background:#eaf0f1}.filter-controls{display:flex;gap:8px}.select-label select{background:var(--white);font-size:10px;color:#6a7f89;border:1px solid #e1e8eb;border-radius:7px;padding:8px 27px 8px 10px;min-height:35px;max-width:185px}.selection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0 18px}.selection-toolbar p{font-size:10px;color:#91a0a7}.selection-toolbar strong{color:#607c7a;font-weight:600}.selection-toolbar button span{background:rgba(255,255,255,.15);border-radius:4px;font-size:9px;padding:0 5px}.selection-toolbar button:disabled span{background:#dde6e5}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.content-card{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0;position:relative;transition:border-color .15s,box-shadow .15s}.content-card:hover{border-color:#c5d9d5;box-shadow:0 6px 20px rgba(18,53,64,.04)}.content-card.is-selected{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.card-media{display:block;position:relative;width:100%;height:234px;border:0;background:#e9eff1;padding:0;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;display:block}.card-media img.is-broken{display:none}.media-fallback{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,#e8eeee,#e2e9ed);color:#9aaeb7;font-size:11px;letter-spacing:.3px}.card-media .media-type{position:absolute;top:12px;left:12px;z-index:1;padding:3px 8px;border-radius:5px;background:rgba(18,38,48,.72);color:#fff;font-size:8px}.media-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(23,45,55,.22);color:white;width:39px;height:39px;padding-left:3px;font-size:13px}.card-select{position:absolute;top:12px;right:12px;z-index:2;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.88);padding:0;cursor:pointer}.card-select input{margin:0;width:16px;height:16px;accent-color:var(--teal);cursor:pointer}.card-body{padding:15px 16px 13px}.card-account{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;margin-bottom:7px}.card-account strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:#3c5460}.card-account time{font-size:8px;color:#a3afb6;white-space:nowrap}.card-caption{font-size:11px;color:#71838d;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:39px;overflow-wrap:anywhere}.card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding-top:13px;margin-top:10px;border-top:1px solid #edf1f3}.card-metrics span{font-size:8px;color:#a3afb6;display:block}.card-metrics strong{font-size:11px;color:#536d78;display:block;font-weight:600;margin-top:2px}.card-metrics .metric-primary strong{color:var(--teal)}.card-footer{border-top:1px solid #edf1f3;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px}.card-footer .text-button{font-size:9px;padding:0}.analysis-badge{font-size:8px;background:#edf5f1;border:1px solid #d9eae1;color:#5b8973;border-radius:4px;padding:2px 5px}.card-footer .source-link{color:#a0afb6;font-size:9px}.card-footer .source-link:hover{color:var(--teal)}
.empty-state{border:1px dashed #dce5e8;border-radius:13px;background:#fafcfc;text-align:center;min-height:365px;padding:47px 20px 25px}.empty-art{position:relative;display:flex;align-items:center;justify-content:center;height:68px;width:110px;margin:0 auto 20px}.empty-art span{display:block;position:absolute;width:39px;height:54px;border:1px solid #dbe5e7;border-radius:8px;background:#f0f5f5;transform:rotate(-16deg) translateX(-29px)}.empty-art span:nth-child(2){width:43px;height:61px;background:#e7f0ed;border-color:#c9dfd7;transform:rotate(0);z-index:1;box-shadow:0 5px 9px #e6edef}.empty-art span:nth-child(2):after{content:"";position:absolute;border-left:8px solid #8bb6a8;border-top:5px solid transparent;border-bottom:5px solid transparent;left:17px;top:25px}.empty-art span:nth-child(3){transform:rotate(16deg) translateX(29px)}.empty-state .eyebrow{font-size:8px;color:#92aba3;margin-bottom:10px}.empty-state h3{font-size:19px;letter-spacing:-.6px;color:#45626a}.empty-state>p:not(.eyebrow){margin-top:11px;font-size:11px;color:#9aaab0;line-height:1.9}.empty-actions{display:flex;justify-content:center;gap:8px;margin-top:23px}.empty-actions .button{min-height:35px;font-size:10px;padding:8px 14px}.empty-steps{display:flex;justify-content:center;gap:23px;border-top:1px solid #e8eff0;margin:31px auto 0;padding-top:18px;max-width:350px;font-size:8px;color:#9eadb1}.empty-steps b{font-size:8px;letter-spacing:.4px;color:#7d9d91;margin-right:5px}.inline-feedback{border:1px solid #e9d7ce;background:#fffaf4;border-radius:9px;font-size:11px;padding:15px 18px;color:#94795e;line-height:1.9;margin-top:15px}.loading-state{grid-column:1/-1;min-height:230px;display:flex;align-items:center;justify-content:center;gap:10px;color:#93a4ac;font-size:12px}.spinner{width:17px;height:17px;border:2px solid #dce9e5;border-top-color:var(--teal);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.section-surface{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.surface-heading{padding:19px 23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.surface-heading h2{font-size:14px;font-weight:650}.muted{font-size:10px;color:#97a5ab}.job-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(150px,1.1fr) auto;gap:23px;align-items:center;padding:20px 23px;border-bottom:1px solid #edf1f3}.job-row:last-child{border:0}.job-title{font-size:12px;font-weight:600;color:#405c68}.job-date{font-size:9px;color:#9cabb2;margin-top:3px}.job-state{display:flex;align-items:center;gap:9px;font-size:10px;color:#859ba3}.status-pill{display:inline-flex;align-items:center;gap:6px;background:#f0f3f4;color:#8a9ca4;border-radius:6px;padding:4px 9px;font-size:9px;font-weight:600;white-space:nowrap}.status-pill:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor}.status-pill.is-success{background:#eaf5ef;color:#4c8d70}.status-pill.is-running{background:#e9f3f3;color:#438b85}.status-pill.is-error{background:#fbefed;color:#ad7068}.status-pill.is-warning{background:#fff6e8;color:#a68b53}.progress-track{height:4px;background:#ecf1f2;border-radius:5px;margin-top:8px;overflow:hidden}.progress-fill{height:100%;background:#6aa79a;border-radius:5px;width:0;transition:width .3s}.job-actions{display:flex;gap:7px}.job-note{font-size:9px;color:#aa8880;margin-top:6px}.compact-empty{padding:60px 25px;text-align:center;color:#9eacb3;font-size:12px}.compact-empty strong{display:block;color:#607b84;font-size:15px;margin-bottom:6px}.patterns-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.pattern-card{background:white;border:1px solid var(--line);border-radius:12px;padding:23px}.pattern-overline{font-size:8px;letter-spacing:1.5px;color:#8aaa9e;margin-bottom:11px}.pattern-card h2{font-size:16px;letter-spacing:-.4px;color:#355865;overflow-wrap:anywhere}.pattern-card p{font-size:11px;line-height:1.9;color:#879aa2;margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}.tag-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}.tag{font-size:8px;color:#729787;background:#eff5f1;border-radius:4px;padding:3px 7px}.pattern-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf1f3;margin-top:20px;padding-top:12px}.pattern-bottom time{font-size:9px;color:#a0afb5}.connections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.connection-card{background:white;border:1px solid var(--line);padding:24px;border-radius:12px;display:flex;align-items:flex-start;gap:16px}.connection-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:12px;background:#edf4f2;color:#74a396;font-size:20px}.connection-card h2{font-size:14px;color:#45616d;line-height:1.5}.connection-card p{font-size:11px;color:#92a4ac;margin-top:6px;line-height:1.9}.connection-card .status-pill{margin-top:13px}.settings-note{margin-top:25px;padding:24px;border:1px dashed #d4e2e4;border-radius:12px;max-width:650px}.settings-note h2{font-size:13px;color:#627e86}.settings-note p{margin:7px 0 17px;font-size:11px;color:#91a5ac}.app-footer{display:flex;justify-content:space-between;gap:20px;padding:22px 42px;border-top:1px solid var(--line);font-size:9px;color:#a2aeb4}.app-footer>span:first-child{font-weight:600;color:#84979d}
.app-dialog{width:min(520px,calc(100% - 32px));padding:26px 28px 0;border:1px solid #e1e9e9;border-radius:16px;box-shadow:0 25px 80px #132d3a30;color:var(--ink);max-height:calc(100dvh - 44px);overflow:auto}.app-dialog::backdrop{background:rgba(13,34,44,.43);backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:10px}.dialog-heading .eyebrow{font-size:8px;margin-bottom:7px}.dialog-heading h2{font-size:20px;letter-spacing:-.7px;line-height:1.5}.dialog-heading .dialog-close{font-size:25px;line-height:1;color:#a0acb3;margin-top:-4px}.dialog-description{font-size:11px;color:#96a6ad;margin-bottom:23px}.field-label{display:block;font-size:11px;font-weight:600;color:#5d7580;margin:17px 0 8px}.required-label,.optional-label{font-size:9px;font-weight:400;color:#a1b2b7;margin-left:5px}.required-label{color:#659488}input:not([type="checkbox"]):not([type="hidden"]),textarea,select:not(.select-label select){width:100%;border:1px solid #dfe8eb;border-radius:8px;background:#fafcfc;color:#486571;padding:11px 12px;font-size:11px;line-height:1.7}textarea{resize:vertical;min-height:75px}input::placeholder,textarea::placeholder{color:#aebcc2}input:not([type="checkbox"]):not([type="hidden"]):focus,textarea:focus,select:focus{border-color:#81b7aa;background:white}.field-help{font-size:9px;color:#9cacb2;line-height:1.9;margin-top:6px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dialog-footer{display:flex;justify-content:flex-end;gap:9px;margin:27px -28px 0;padding:19px 28px;border-top:1px solid #e7edef;background:#fbfcfc;border-radius:0 0 16px 16px}.form-message{border:1px solid #efdbd6;border-radius:7px;background:#fff7f4;color:#ac766c;padding:11px 12px;font-size:10px;line-height:1.8;margin-top:14px}.upload-field{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border:1px dashed #c9ded7;border-radius:10px;background:#f6faf8;padding:22px 13px;position:relative;overflow:hidden;cursor:pointer}.upload-field .upload-symbol{color:#6c9e8d;font-size:23px;line-height:1.3}.upload-field strong{font-size:12px;color:#597f73}.upload-field>span:last-of-type{font-size:10px;color:#96aea5;max-width:95%;word-break:break-all}.upload-field input{position:absolute;width:100%!important;height:100%;inset:0;opacity:0;cursor:pointer}.upload-field:focus-within{outline:3px solid #68b8ac;outline-offset:3px}.analysis-dialog{width:min(1120px,calc(100% - 40px));padding-bottom:28px}.analysis-body{margin-top:19px;min-height:200px}.analysis-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.analysis-media{background:#132935;border-radius:10px;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.analysis-media video{display:block;width:100%;max-height:470px}.analysis-media img{display:block;max-height:470px;object-fit:contain}.media-error{padding:25px;text-align:center;color:#a2bcc5;font-size:11px;line-height:1.9}.analysis-source{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:11px 0 14px;font-size:10px;color:#93a3ac}.transcript-panel{background:#f7faf9;border:1px solid #e1ebe7;border-radius:10px;max-height:470px;overflow:auto}.transcript-title{padding:15px 16px;border-bottom:1px solid #e3ece8;font-size:12px;font-weight:600;position:sticky;top:0;background:#f7faf9;z-index:1}.transcript-line{display:grid;grid-template-columns:43px 1fr;gap:12px;text-align:left;width:100%;border:0;border-bottom:1px solid #eaf0ed;background:transparent;padding:13px 16px;line-height:1.8;font-size:11px;color:#6d878c}.transcript-line:last-child{border:0}.transcript-line .transcript-time{font-size:9px;color:#83a098;font-variant-numeric:tabular-nums}.transcript-line:hover,.transcript-line.is-current{background:#e9f3ee;color:#315d52}.transcript-line:disabled{cursor:default}.transcript-line:disabled:hover{background:transparent}.analysis-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.analysis-tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid #dfe8eb;margin-top:26px;padding-bottom:10px}.analysis-tab{white-space:nowrap;border:0;background:transparent;border-radius:7px;color:#95a6ae;font-size:10px;padding:8px 13px}.analysis-tab.is-active{color:var(--teal-dark);background:#e9f2ef;font-weight:600}.analysis-section{padding:22px 0 4px}.analysis-section h3{font-size:14px;color:#4a6d77;margin-bottom:10px}.analysis-section p{color:#7c929b;font-size:11px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.analysis-section .evidence-label{display:inline-block;margin-top:12px;background:#eff4f1;padding:3px 7px;border-radius:4px;color:#7b9a89;font-size:8px}.analysis-key-value{padding:12px 0;border-bottom:1px solid #edf2f3}.analysis-key-value strong{display:block;font-size:10px;color:#708b91;margin-bottom:5px}.analysis-note{font-size:10px;color:#9babae;border-left:2px solid #cbded6;padding:8px 12px;margin-top:20px;line-height:1.9}.shot-item{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #e7eeed}.shot-time{background:#edf4f1;border:0;border-radius:6px;font-size:9px;color:#70988a;white-space:nowrap;padding:6px 9px;height:fit-content;flex:none}.shot-item strong{font-size:11px;display:block;color:#597880;margin-bottom:3px}.shot-item p{font-size:10px}.toast-region{position:fixed;z-index:60;right:27px;bottom:26px;width:min(370px,calc(100% - 36px));pointer-events:none}.toast{border:1px solid #dce9e3;background:#fff;color:#52776e;border-radius:10px;padding:15px 19px;box-shadow:0 10px 30px rgba(20,45,58,.12);font-size:11px;line-height:1.8;animation:toast-in .2s ease}.toast.is-error{border-color:#eacac1;color:#aa6f65}.toast+.toast{margin-top:9px}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.login-page{background:#fff}.login-layout{display:grid;grid-template-columns:1.04fr 1fr;min-height:100vh}.login-story{position:relative;overflow:hidden;background:var(--navy-deep);color:white;padding:48px 60px;display:flex;flex-direction:column;min-height:650px}.login-story:before{content:"";position:absolute;width:650px;height:650px;border:1px solid #2a465124;border-radius:50%;right:-350px;bottom:-80px;box-shadow:0 0 0 80px #2a46510d,0 0 0 160px #2a465108;pointer-events:none}.login-brand .brand strong{font-size:19px}.login-story-content{margin:auto 0;position:relative;padding:55px 0 40px}.login-story-content .eyebrow{color:#6eb5a6;font-size:9px;letter-spacing:2px}.login-story-content h1{font-size:36px;letter-spacing:-1.8px;line-height:1.6;margin-top:19px;font-weight:600}.login-story-content>p:not(.eyebrow){font-size:12px;color:#88a4b0;line-height:2;margin-top:22px}.login-story-footer{font-size:10px;color:#5f818f;letter-spacing:.4px}.login-illustration{position:relative;height:170px;width:250px;margin-top:42px}.illustration-card{position:absolute;border-radius:11px;box-shadow:0 15px 25px #081b2424;width:120px;height:156px;padding:14px;border:1px solid #405e68}.illustration-card-back{left:15px;top:0;background:#294653;transform:rotate(-12deg)}.illustration-card-back div{height:90px;background:#34515d;border-radius:6px}.illustration-card span{display:block;height:5px;width:75px;border-radius:4px;margin-top:11px;background:#506d76}.illustration-card span:last-child{width:48px;margin-top:7px;background:#476770}.illustration-card-front{left:94px;top:10px;background:#e8f0ed;transform:rotate(7deg);border-color:#d2e3db}.illustration-card-front span{background:#c0d7cc}.illustration-card-front span:last-child{background:#cfded8}.illustration-bars{display:flex;align-items:flex-end;gap:8px;height:90px;border-radius:5px;background:#dce9e3;padding:18px 12px}.illustration-bars i{display:block;background:#7da894;width:9px;border-radius:3px 3px 0 0;height:19px}.illustration-bars i:nth-child(2){height:30px}.illustration-bars i:nth-child(3){height:23px}.illustration-bars i:nth-child(4){height:48px;background:#377b65}.illustration-bars i:nth-child(5){height:37px;background:#569480}.illustration-badge{position:absolute;left:8px;top:131px;z-index:2;background:#236b60;border:1px solid #3e8374;border-radius:7px;box-shadow:0 7px 15px #08232c50;color:#cfeee2;font-size:9px;letter-spacing:.7px;padding:7px 13px;transform:rotate(-4deg)}.login-form-area{position:relative;display:flex;justify-content:center;align-items:center;padding:50px 40px}.login-form-container{width:100%;max-width:345px}.login-form-container>.privacy-badge{background:#edf4f0;border:1px solid #e4ece6;border-radius:5px;padding:5px 8px;font-size:9px;color:#809b8e;margin-bottom:21px}.login-form-container h2{font-size:25px;letter-spacing:-1px;color:#2a4b5a}.login-intro{margin-top:10px;margin-bottom:32px;color:#a0adb3;font-size:11px}.login-form-container .field-label{font-size:11px;color:#6f8690}.login-form-container input[type="password"]{padding:14px;font-size:11px;min-height:49px;background:#fafcfc}.login-submit{margin-top:19px;width:100%;justify-content:space-between;padding:13px 17px;min-height:48px}.login-note{display:flex;align-items:flex-start;gap:9px;border-top:1px solid #edf1f2;margin-top:28px;padding-top:20px;color:#a7b7bb;font-size:9px;line-height:1.9}.login-note span{color:#8ca49b;font-size:12px}.login-footer{position:absolute;bottom:30px;left:25px;right:25px;text-align:center;font-size:9px;color:#c0c9cd}
.analysis-cost-hint{font-size:9px;color:#9bacb2;margin:-6px 0 17px;line-height:1.9}.analysis-cost-hint strong{font-weight:500;color:#7d9b91}.analysis-confirm-note{background:#f3f8f5;border:1px solid #dfebe4;border-radius:9px;padding:17px}.analysis-confirm-note strong{font-size:11px;color:#5b7f71}.analysis-confirm-note p{font-size:10px;color:#91a69b;line-height:1.9;margin-top:7px}.carousel-controls{position:absolute;display:flex;align-items:center;gap:16px;bottom:13px;left:50%;transform:translateX(-50%);background:rgba(15,37,49,.76);border-radius:7px;color:white;padding:3px 7px;font-size:10px}.carousel-arrow{background:transparent;border:0;color:white;font-size:24px;line-height:1.2;min-width:28px;min-height:28px}
@media(min-width:1500px){main#main-content{padding-left:60px;padding-right:60px}.topbar,.app-footer{padding-left:60px;padding-right:60px}.content-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-media{height:260px}}
@media(max-width:1180px){.sidebar{width:215px;padding-left:17px;padding-right:17px}.main-shell{margin-left:215px}.topbar{padding:0 29px}main#main-content{padding:29px 29px 42px}.app-footer{padding:20px 29px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:15px}.page-heading h1{font-size:23px}.summary-card{padding:15px 17px;min-height:116px}.card-media{height:205px}.patterns-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand strong{font-size:16px}.brand small{font-size:7px;letter-spacing:1.2px}.login-story{padding:42px 40px}.login-story-content h1{font-size:30px}}
@media(max-width:980px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-toolbar{flex-wrap:wrap;gap:12px}.filter-controls{margin-left:auto}.card-media{height:260px}.summary-grid{gap:10px}.summary-card{padding:14px 12px}.summary-card strong{font-size:27px}.summary-card small{font-size:8px}.summary-card>span{font-size:10px}.connections-grid{grid-template-columns:1fr}.job-row{grid-template-columns:minmax(100px,1fr) minmax(140px,1fr);gap:13px}.job-actions{grid-column:1/-1;justify-content:flex-end}.analysis-layout{grid-template-columns:1fr 1fr}.analysis-media{min-height:250px}.login-story-content h1{font-size:27px}.login-story{padding:35px 31px}.login-form-area{padding:40px 31px}.login-form-container h2{font-size:23px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:100%;padding:16px 21px 0;display:block}.sidebar .brand{margin-bottom:16px}.sidebar .brand-mark{width:30px;height:32px;border-radius:8px}.sidebar .brand strong{font-size:15px}.sidebar .brand small{font-size:7px;letter-spacing:1.4px}.workspace-label,.sidebar-note,.sidebar-bottom{display:none}.nav-list{display:flex;gap:4px;padding-bottom:10px;overflow-x:auto}.nav-item{min-height:35px;padding:8px 11px;border-radius:7px;justify-content:center;white-space:nowrap;font-size:10px;width:auto;flex-shrink:0;gap:6px}.nav-item svg{width:15px;height:15px}.nav-count{font-size:8px;padding:0 4px}.main-shell{margin-left:0}.topbar{height:52px;padding:0 23px}.breadcrumb{font-size:9px;gap:10px}.topbar-right{gap:10px}.privacy-badge{font-size:8px}.icon-button{min-width:29px;min-height:29px}.icon-button svg{width:17px;height:17px}main#main-content{padding:25px 22px 37px}.page-heading{margin-bottom:21px}.page-heading h1{font-size:22px;letter-spacing:-1px}.page-description{font-size:10px;margin-top:7px}.eyebrow{font-size:8px}.heading-actions .button{min-height:36px;padding:8px 13px;font-size:10px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:17px}.summary-card{padding:14px 17px;min-height:100px}.summary-card strong{font-size:27px;line-height:1.4}.summary-card small{font-size:8px}.summary-card>span{font-size:10px}.connection-banner{padding:12px 14px;gap:10px;align-items:flex-start}.connection-banner strong{font-size:10px}.connection-banner p{font-size:9px}.connection-banner .text-button{font-size:9px}.section-heading{margin-top:25px}.section-heading h2{font-size:14px}.section-heading p{font-size:9px;line-height:1.9}.type-tab{font-size:10px;padding:7px 12px;min-height:32px}.filter-controls{width:100%;margin:0;gap:8px}.select-label{flex:1;min-width:0}.select-label select{width:100%;max-width:none;font-size:10px;min-height:33px}.selection-toolbar{padding:14px 0;align-items:flex-start;gap:12px}.selection-toolbar p{font-size:9px;line-height:1.9;padding-top:2px}.selection-toolbar .button{font-size:9px;padding:7px 9px}.content-grid{gap:12px}.card-media{height:240px}.card-body{padding:12px}.card-footer{padding:9px 12px}.card-caption{font-size:10px;min-height:36px}.card-account{flex-wrap:wrap;gap:2px}.card-account strong{font-size:10px}.card-account time{font-size:8px}.card-metrics strong{font-size:10px}.card-media .media-type{font-size:7px;top:10px;left:10px}.card-select{right:10px;top:10px}.empty-state{min-height:330px;padding-top:35px}.empty-state h3{font-size:17px}.empty-state>p:not(.eyebrow){font-size:10px}.empty-steps{gap:14px;font-size:7px}.empty-steps b{font-size:7px}.app-footer{padding:19px 22px;flex-wrap:wrap;gap:6px;font-size:8px}.patterns-grid{gap:12px}.pattern-card{padding:18px}.pattern-card h2{font-size:14px}.pattern-card p{font-size:10px}.surface-heading{padding:16px 18px}.job-row{padding:18px;grid-template-columns:1fr;gap:10px}.job-actions{grid-column:auto}.connection-card{padding:20px}.settings-note{padding:20px}.app-dialog{padding:22px 22px 0;max-height:calc(100dvh - 28px);width:calc(100% - 26px)}.dialog-footer{margin-left:-22px;margin-right:-22px;padding:16px 22px}.dialog-heading h2{font-size:18px}.analysis-dialog{padding-bottom:22px}.analysis-layout{grid-template-columns:1fr}.analysis-media{min-height:200px}.analysis-media video{max-height:400px}.transcript-panel{max-height:300px}.analysis-tabs{margin-top:22px}.toast-region{right:18px;bottom:18px}.login-layout{grid-template-columns:1fr;min-height:100dvh}.login-story{display:none}.login-form-area{min-height:100dvh;padding:65px 31px}.login-form-container h2{font-size:25px}.login-footer{bottom:25px;font-size:8px}}
@media(max-width:440px){main#main-content{padding-left:17px;padding-right:17px}.topbar{padding-left:17px;padding-right:17px}.page-heading h1{font-size:20px}.content-grid{gap:10px}.card-media{height:205px}.card-body{padding:10px}.card-footer{padding:9px 10px}.card-metrics{gap:2px}.card-metrics span{font-size:7px}.card-metrics strong{font-size:9px}.card-footer .source-link{font-size:8px}.card-footer .text-button{font-size:8px}.patterns-grid{grid-template-columns:1fr}.privacy-badge{font-size:7px}.selection-toolbar p{max-width:145px}.empty-steps{gap:10px}.sidebar{padding-left:17px;padding-right:17px}.nav-item{padding-left:9px;padding-right:9px}.nav-item svg{display:none}.heading-actions{gap:7px}.form-columns{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.page-description,.section-heading p,.selection-toolbar p,.analysis-cost-hint,.field-help,.dialog-description,.card-caption,.card-metrics span,.pattern-card p,.connection-card p,.settings-note p,.login-intro,.login-note,.analysis-section p,.transcript-line,.job-date,.muted,.connection-banner p,.empty-state>p:not(.eyebrow){color:#607782}
.summary-card small,.card-account time,.pattern-bottom time,.app-footer,.empty-steps,.card-footer .source-link{color:#6c818b}
@media(min-width:761px){.card-caption,.analysis-section p,.transcript-line{font-size:12px}.card-metrics strong{font-size:12px}.card-metrics span,.summary-card small,.field-help,.analysis-cost-hint,.job-date,.pattern-bottom time{font-size:10px}.card-account time{font-size:9px}.login-note{font-size:10px}}