:root{--adobe-gray-50: #f8f8f8;--adobe-gray-100: #f0f0f0;--adobe-gray-200: #e5e5e5;--adobe-gray-300: #d1d1d1;--adobe-gray-400: #b1b1b1;--adobe-gray-500: #8a8a8a;--adobe-gray-600: #6e6e6e;--adobe-gray-700: #5a5a5a;--adobe-gray-800: #3c3c3c;--adobe-gray-900: #2c2c2c;--adobe-red: #ff0000;--adobe-red-dark: #cc0000;--adobe-blue: #1473e6;--adobe-border: #dbdbdb;--adobe-sidebar: #fafafa}body{margin:0;font-family:Adobe Clean,Segoe UI,Arial,sans-serif;background:var(--adobe-gray-50);height:100vh;overflow:hidden;color:var(--adobe-gray-900)}#loader{position:fixed;inset:0;background:linear-gradient(135deg,var(--adobe-gray-50) 0%,#ffffff 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.spinner{width:44px;height:44px;border:3px solid var(--adobe-gray-200);border-top:3px solid var(--adobe-red);border-radius:50%;animation:spin .8s cubic-bezier(.68,-.55,.27,1.55) infinite;margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}#app{display:none;height:100vh}.app{display:flex;height:100%;background:var(--adobe-gray-50)}.sidebar{width:240px;background:var(--adobe-sidebar);border-right:1px solid var(--adobe-border);padding:24px 16px;box-shadow:1px 0 2px #00000008}.sidebar .item{margin-bottom:12px;color:var(--adobe-gray-800);font-size:13.5px;font-weight:500;padding:10px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center}.sidebar .item:before{content:"";display:inline-block;width:4px;height:4px;background:var(--adobe-gray-400);border-radius:50%;margin-right:12px;transition:background .2s ease}.sidebar .item:hover{background:var(--adobe-gray-100);color:var(--adobe-gray-900)}.sidebar .item:hover:before{background:var(--adobe-red)}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--adobe-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:14px;color:var(--adobe-gray-700);box-shadow:0 1px 3px #0000000a}.topbar-left{display:flex;align-items:center;gap:16px}.adobe-header-logo{display:flex;align-items:center;gap:8px}.app-flow-brand-logo{display:none;height:28px;width:auto;max-width:140px;object-fit:contain}body.has-flow-brand-logo .adobe-header-logo .app-flow-brand-default{display:flex;align-items:center;gap:8px}body.has-flow-brand-logo .adobe-header-logo .app-flow-brand-logo{display:none}body.has-flow-brand-logo.flow-provider-logo-ready .adobe-header-logo .app-flow-brand-default{display:none}body.has-flow-brand-logo.flow-provider-logo-ready .adobe-header-logo .app-flow-brand-logo{display:block;max-height:36px;max-width:min(220px,42vw)}body[data-web-flow=illustratorfile].has-flow-brand-logo.flow-provider-logo-ready .adobe-header-logo .app-flow-brand-logo,body[data-web-flow=premiere].has-flow-brand-logo.flow-provider-logo-ready .adobe-header-logo .app-flow-brand-logo{max-height:24px;max-width:min(132px,32vw)}.adobe-header-svg{width:24px;height:21px}.adobe-header-text{font-size:16px;font-weight:700;color:var(--adobe-red);font-family:Adobe Clean,Arial,sans-serif}.topbar-section{font-weight:600;color:var(--adobe-gray-900);font-size:15px}.topbar-search{color:var(--adobe-gray-500);padding:8px 16px;background:var(--adobe-gray-100);border-radius:4px;width:180px;text-align:center;font-size:13.5px}.files{padding:32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;background:var(--adobe-gray-50);flex:1;overflow-y:auto}.file{background:#fff;height:130px;border-radius:8px;border:1px solid var(--adobe-border);transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000005}.file:hover{border-color:var(--adobe-gray-300);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.file:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--adobe-red),var(--adobe-blue))}.overlay{position:fixed;inset:0;background:#2c2c2ca6;z-index:999;backdrop-filter:blur(4px)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:440px;background:#fff;border-radius:12px;padding:32px;text-align:center;z-index:1000;box-shadow:0 20px 60px #00000026;border:1px solid var(--adobe-border)}.modal h2{margin:16px 0;font-size:20px;font-weight:600;color:var(--adobe-gray-900)}.modal p{font-size:14px;color:var(--adobe-gray-600);line-height:1.6;margin-bottom:8px}.btn{margin-top:24px;padding:12px 32px;background:linear-gradient(135deg,var(--adobe-red) 0%,var(--adobe-red-dark) 100%);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.3px;box-shadow:0 2px 4px #f003;width:100%}.btn:hover{background:linear-gradient(135deg,var(--adobe-red-dark) 0%,#b30000 100%);box-shadow:0 4px 8px #ff000040;transform:translateY(-1px)}.status-bar{position:absolute;bottom:0;left:0;right:0;height:24px;background:#fff;border-top:1px solid var(--adobe-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:11px;color:var(--adobe-gray-500)}.files::-webkit-scrollbar{width:8px}.files::-webkit-scrollbar-track{background:var(--adobe-gray-100);border-radius:4px}.files::-webkit-scrollbar-thumb{background:var(--adobe-gray-300);border-radius:4px}.files::-webkit-scrollbar-thumb:hover{background:var(--adobe-gray-400)}.adobe-logo{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.adobe-logo-wrap{display:flex;align-items:center;gap:15px}.adobe-logo-svg{width:42px;height:36px}.adobe-logo-text{font-size:32px;font-weight:700;color:red;font-family:Adobe Clean,Arial,sans-serif}.modal .adobe-logo-wrap{gap:12px;margin-bottom:16px}.modal .adobe-logo-svg{width:36px;height:31px}.modal .adobe-logo-text{font-size:28px}.download-progress{margin-top:15px;font-size:12px;color:var(--adobe-gray-500)}.progress-bar{width:100%;height:4px;background:var(--adobe-gray-200);border-radius:2px;margin-top:8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--adobe-blue),var(--adobe-red));width:0%;transition:width 2s ease-in-out}.manual-note{font-size:13px;color:var(--adobe-gray-600);margin-top:8px;line-height:1.5}.sidebar .item.item-active{background:var(--adobe-gray-100);color:var(--adobe-gray-900)}.sidebar .item.item-active:before{background:var(--adobe-red)}
@keyframes cse-brand-logo-in{from{opacity:0}to{opacity:1}}body.has-flow-brand-logo.flow-provider-logo-ready .adobe-header-logo .app-flow-brand-logo.app-flow-brand-logo--ready{animation:cse-brand-logo-in .2s ease forwards}