:root{color:#e8eef9;font-synthesis:none;background:#0b1220;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% -10%,#173963 0,#0000 33rem),#0b1220;min-width:320px;margin:0}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app-shell{max-width:1440px;min-height:100vh;margin:auto;padding:28px clamp(18px,4vw,56px) 78px}.topbar,.hero,.workspace-toolbar,.status-bar{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{color:#60a5fa;letter-spacing:.16em;margin:0 0 6px;font-size:.72rem;font-weight:750}h1{letter-spacing:-.04em;margin:0;font-size:1.55rem}h2{letter-spacing:-.035em;margin:0}.privacy{color:#b6c9e5;font-size:.9rem}.privacy span{color:#34d399;vertical-align:-1px;font-size:1.15rem}.hero{background:linear-gradient(115deg,#142c4c,#16213c);border:1px solid #28466d;border-radius:20px;margin:34px 0 22px;padding:clamp(23px,4vw,42px)}.hero h2{font-size:clamp(1.55rem,4vw,2.45rem)}.hero p{color:#aec2df;margin:10px 0 0}.hero-actions,.toolbar-actions,.page-actions{gap:9px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:10px;padding:11px 16px;font-weight:700}.primary{color:#051525;background:#62d8ff}.primary:hover:not(:disabled){background:#9ae7ff}.secondary{color:#cfdbec;background:0 0;border-color:#3a5477}.secondary:hover:not(:disabled){background:#213856}.drop-zone{text-align:center;background:#11233d91;border:1.5px dashed #3c6595;border-radius:20px;place-content:center;justify-items:center;min-height:430px;padding:36px;display:grid}.drop-zone h2{margin:12px 0 7px;font-size:1.55rem}.drop-zone p{color:#a9bedb;max-width:430px;margin:0 0 24px;line-height:1.6}.upload-icon{color:#72dcff;background:#193b62;border-radius:18px;place-items:center;width:62px;height:62px;font-size:2rem;display:grid}.workspace-toolbar{color:#b9c9dd;border-bottom:1px solid #263b58;margin-top:12px;padding:16px 2px}.workspace-toolbar strong{color:#fff;font-size:1.18rem}.selected-count{color:#69d7ff;margin-left:10px}.text-button{color:#8edcf9;background:0 0;border:0;padding:6px 7px}.text-button:hover:not(:disabled){color:#d7f6ff}.hint{color:#8fa9c9;margin:13px 0 21px;font-size:.88rem}.page-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:17px;display:grid}.bulk-toolbar{background:#111f33b8;border:1px solid #29415f;border-radius:11px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:13px 0 0;padding:10px;display:flex}.bulk-toolbar>div{align-items:center;gap:7px;display:flex}.bulk-toolbar button{color:#cfe0f4;background:#182d47;border:1px solid #35516f;border-radius:7px;padding:7px 10px}.bulk-toolbar button:hover:not(:disabled){background:#254564}.bulk-toolbar button:disabled{opacity:.42}.bulk-toolbar button.danger{color:#ffc1c1;background:#392432;border-color:#6a4050}.range-picker{flex:1;min-width:260px;max-width:430px}.range-picker input{color:#e7effb;background:#0e1d30;border:1px solid #365170;border-radius:7px;flex:1;min-width:0;padding:8px 10px}.page-card{background:#111e31;border:1px solid #2b405e;border-radius:13px;min-width:0;transition:transform .16s,border-color .16s;position:relative;overflow:hidden;box-shadow:0 9px 19px #0000002e}.page-card:hover{border-color:#557aab;transform:translateY(-2px)}.page-card.is-selected{border-color:#5ed9ff;box-shadow:0 0 0 2px #2983af,0 9px 19px #0000002e}.page-preview{aspect-ratio:.73;background:#d8dee9;border:0;place-items:center;width:100%;padding:0;display:grid;overflow:hidden}.page-preview img{object-fit:cover;width:100%;height:100%}.preview-state{color:#526173;font-size:.8rem}.page-meta{color:#d8e4f4;justify-content:space-between;gap:7px;padding:10px 10px 4px;font-size:.82rem;display:flex}.source-label{color:#7fa0c8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-actions{padding:5px 8px 9px}.page-actions button{color:#cdddf0;background:#172941;border:1px solid #304967;border-radius:7px;width:31px;height:28px}.page-actions button:hover{background:#284564}.page-actions .danger{color:#ffb4b4;border-color:#6a3b4a;margin-left:auto}.page-actions .danger:hover{background:#542e3b}.status-bar{z-index:2;color:#a7bed9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080f1be0;border-top:1px solid #223552;padding:12px clamp(18px,4vw,56px);font-size:.8rem;position:fixed;bottom:0;left:0;right:0}.visually-hidden{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.preview-modal{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030811cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.preview-dialog{background:#101d30;border:1px solid #35567e;border-radius:16px;flex-direction:column;width:min(100%,930px);max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 28px 70px #00000080}.preview-dialog header{border-bottom:1px solid #2c4563;justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.preview-dialog header div{gap:2px;display:grid}.preview-dialog header span{color:#94acce;text-overflow:ellipsis;white-space:nowrap;max-width:64vw;font-size:.82rem;overflow:hidden}.preview-dialog header button{color:#d9e7f7;background:#192b43;border:1px solid #3c5674;border-radius:8px;width:33px;height:33px;font-size:1.35rem}.full-page-canvas{text-align:center;background:#0b1524;min-height:230px;padding:24px;overflow:auto}.full-page-canvas canvas{max-width:100%;height:auto;margin:auto;display:block;box-shadow:0 5px 20px #00000073}.full-page-canvas p{color:#f0b1b1}@media (width<=680px){.app-shell{padding-top:20px}.topbar,.hero{flex-direction:column;align-items:flex-start}.hero{margin-top:22px}.hero-actions{width:100%}.hero-actions .button{flex:1}.workspace-toolbar{flex-direction:column;align-items:flex-start}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.status-bar span:last-child{display:none}}.account-bar{color:#9fb5d2;border-bottom:1px solid #213652;justify-content:space-between;align-items:center;gap:14px;margin:-8px 0 22px;padding-bottom:12px;font-size:.82rem;display:flex}.account-bar>div{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.project-indicator{color:#a9c7df;background:#13263c;border:1px solid #294967;border-radius:999px;padding:5px 9px}.project-indicator strong{color:#79dcf7}.account-bar label{align-items:center;gap:7px;display:flex}select,input{font:inherit}.account-bar select,.search-input,.auth-card input,.member-form input{color:#e7effb;background:#111f33;border:1px solid #365170;border-radius:8px}.account-bar select{padding:6px 8px}.auth-shell{color:#e8eef9;background:radial-gradient(circle at 20% -10%,#173963 0,#0000 33rem),#0b1220;place-items:center;min-height:100vh;padding:22px;display:grid}.auth-card{background:#101e31f5;border:1px solid #2c496c;border-radius:18px;width:min(100%,430px);padding:34px;box-shadow:0 22px 60px #00000059}.auth-card h1{font-size:2rem}.auth-intro{color:#9eb5d2;margin:9px 0 25px;line-height:1.55}.auth-card form{gap:15px;display:grid}.auth-card label{color:#b7c9df;gap:6px;font-size:.87rem;display:grid}.auth-card input{width:100%;padding:11px 12px}.auth-switch{margin:17px auto 0;display:block}.form-error,.form-success{border-radius:8px;margin:0;padding:9px 11px;font-size:.84rem}.form-error{color:#ffc0c0;background:#412333}.form-success{color:#abf4d5;background:#163b34}.library-dialog{background:#101d30;border:1px solid #35567e;border-radius:16px;flex-direction:column;width:min(100%,940px);max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 28px 70px #00000080}.library-dialog>header{border-bottom:1px solid #2c4563;justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.library-dialog>header div{gap:2px;display:grid}.library-dialog>header span{color:#91a9c8;font-size:.8rem}.library-dialog>header button{color:#e0ecf9;background:#192b43;border:1px solid #3c5674;border-radius:8px;width:34px;height:34px;font-size:1.25rem}.library-body{padding:18px;overflow:auto}.search-input{width:100%;margin-bottom:13px;padding:11px 13px}.file-list{gap:9px;display:grid}.file-row{background:#132239;border:1px solid #2b425f;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.file-row>div:first-child{gap:4px;min-width:0;display:grid}.file-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-row span{color:#91a9c8;font-size:.78rem}.file-row>div:last-child{gap:7px;display:flex}.file-row button,.member-form button{color:#d8e7f8;background:#1a304c;border:1px solid #385472;border-radius:7px;padding:7px 10px}.file-row button.danger{color:#ffb9b9;border-color:#694151}.empty-list{text-align:center;color:#8da5c5;padding:30px}.member-form{border-top:1px solid #2b425f;grid-template-columns:1fr 1fr 1.3fr auto;align-items:end;gap:8px;margin-top:18px;padding-top:16px;display:grid}.member-form strong{grid-column:1/-1}.member-form input{min-width:0;padding:9px 10px}.storage-usage{background:#13243a;border:1px solid #2c4665;border-radius:10px;gap:7px;margin-bottom:14px;padding:12px;display:grid}.storage-usage>div:first-child{justify-content:space-between;gap:12px;font-size:.82rem;display:flex}.storage-usage span{color:#9db5d1}.usage-track{background:#233a56;border-radius:999px;height:7px;overflow:hidden}.usage-track span{border-radius:inherit;background:linear-gradient(90deg,#5bd1ef,#72e2b3);height:100%;display:block}.audit-toggle{color:#9fe5f7;background:#142b43;border:1px solid #31536f;border-radius:8px;width:100%;margin-top:16px;padding:9px}.audit-list{background:#0e1b2c;border:1px solid #29415f;border-radius:9px;gap:7px;max-height:330px;margin-top:9px;padding:9px;display:grid;overflow:auto}.audit-list article{border-bottom:1px solid #253a54;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:9px;display:grid}.audit-list article:last-child{border-bottom:0}.audit-list article div{gap:7px;display:flex}.audit-list article div span,.audit-list time{color:#8fa8c7;font-size:.74rem}.audit-list p{color:#b3c6dc;text-overflow:ellipsis;white-space:nowrap;grid-column:1;margin:0;font-size:.78rem;overflow:hidden}.audit-list time{grid-area:1/2/3;align-self:center}.conflict-banner{color:#ffe2ad;background:#3e2c1b;border:1px solid #805d2d;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:-8px 0 20px;padding:14px 16px;display:flex}.conflict-banner>div:first-child{gap:3px;display:grid}.conflict-banner span{color:#e1c79f;font-size:.8rem}.conflict-banner>div:last-child{gap:8px;display:flex}.compress-dialog{background:#101d30;border:1px solid #35567e;border-radius:16px;width:min(100%,720px);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 28px 70px #00000080}.compress-dialog>header{z-index:1;background:#101d30;border-bottom:1px solid #2c4563;justify-content:space-between;align-items:center;padding:14px 17px;display:flex;position:sticky;top:0}.compress-dialog>header div{gap:2px;display:grid}.compress-dialog>header span{color:#91a9c8;font-size:.8rem}.compress-dialog>header button{color:#e0ecf9;background:#192b43;border:1px solid #3c5674;border-radius:8px;width:34px;height:34px;font-size:1.25rem}.compress-body{gap:16px;padding:18px;display:grid}.preset-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.preset-grid button{text-align:left;color:#dce9f8;background:#14253b;border:1px solid #304967;border-radius:10px;gap:6px;padding:13px;display:grid}.preset-grid button:hover:not(:disabled),.preset-grid button.is-active{background:#19374e;border-color:#59cbed}.preset-grid button.is-active{box-shadow:inset 0 0 0 1px #59cbed}.preset-grid span{color:#96abc6;font-size:.76rem;line-height:1.45}.target-field{color:#b9cae0;gap:7px;font-size:.85rem;display:grid}.target-field div{background:#0e1d30;border:1px solid #365170;border-radius:8px;align-items:center;width:min(100%,230px);display:flex;overflow:hidden}.target-field input{color:#e7effb;background:0 0;border:0;outline:none;width:100%;min-width:0;padding:10px}.target-field span{color:#8fa8c7;padding:0 10px}.compress-warning,.compress-note{border-radius:8px;margin:0;padding:10px 12px;font-size:.82rem;line-height:1.5}.compress-warning{color:#ffd6a3;background:#402f1c}.compress-note{color:#afd8ef;background:#183349}.progress-block{gap:7px;display:grid}.progress-block>div{background:#203650;border-radius:999px;height:8px;overflow:hidden}.progress-block>div span{border-radius:inherit;background:linear-gradient(90deg,#55cce8,#75e6b4);height:100%;transition:width .2s;display:block}.progress-block p{color:#9fb6d2;margin:0;font-size:.8rem}.compress-result{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.compress-result div{background:#13243a;border:1px solid #2f4968;border-radius:9px;gap:4px;padding:12px;display:grid}.compress-result span{color:#8fa7c5;font-size:.75rem}.compress-result strong{font-size:1.12rem}.compress-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:3px;display:flex}.project-dialog{background:#101d30;border:1px solid #35567e;border-radius:16px;flex-direction:column;width:min(100%,850px);max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 28px 70px #00000080}.project-dialog>header{border-bottom:1px solid #2c4563;justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.project-dialog>header div{gap:2px;display:grid}.project-dialog>header span{color:#91a9c8;font-size:.8rem}.project-dialog>header button{color:#e0ecf9;background:#192b43;border:1px solid #3c5674;border-radius:8px;width:34px;height:34px;font-size:1.25rem}.project-body{padding:18px;overflow:auto}.project-create{gap:9px;display:flex}.project-create input{color:#e7effb;background:#111f33;border:1px solid #365170;border-radius:9px;flex:1;min-width:0;padding:10px 12px}.project-help{color:#8fa9c9;margin:8px 0 16px;font-size:.78rem}.project-list{gap:10px;display:grid}.project-row{background:#132239;border:1px solid #2b425f;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:13px;display:grid}.project-row.is-current{background:#153047;border-color:#3a829d}.project-summary{gap:4px;min-width:0;display:grid}.project-summary>div{align-items:center;gap:8px;min-width:0;display:flex}.project-summary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-summary>span{color:#91a9c8;font-size:.78rem}.current-pill{color:#93e9c5;white-space:nowrap;background:#19443a;border-radius:999px;padding:2px 6px;font-size:.7rem}.project-actions{align-items:center;gap:7px;display:flex}.project-actions button,.version-list button{color:#d8e7f8;background:#1a304c;border:1px solid #385472;border-radius:7px;padding:7px 10px}.project-actions button.danger{color:#ffb9b9;border-color:#694151}.version-list{border-top:1px solid #29415d;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px;padding-top:9px;display:grid}.version-list button{text-align:left;gap:3px;display:grid}.version-list button:hover{background:#21415b;border-color:#55bad8}.version-list span{color:#91a9c8;font-size:.72rem}.decorations-dialog{background:#101d30;border:1px solid #35567e;border-radius:16px;width:min(100%,620px);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 28px 70px #00000080}.decorations-dialog>header{border-bottom:1px solid #2c4563;justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.decorations-dialog>header div{gap:2px;display:grid}.decorations-dialog>header span{color:#91a9c8;font-size:.8rem}.decorations-dialog>header button{color:#e0ecf9;background:#192b43;border:1px solid #3c5674;border-radius:8px;width:34px;height:34px;font-size:1.25rem}.decorations-body{gap:16px;padding:18px;display:grid}.check-field{background:#14253b;border:1px solid #304967;border-radius:10px;align-items:flex-start;gap:10px;padding:13px;display:flex}.check-field input{accent-color:#62d8ff;margin-top:3px}.check-field span{gap:3px;display:grid}.check-field small{color:#96abc6}.decorations-body>.target-field>input,.decorations-body>.target-field>select{color:#e7effb;background:#0e1d30;border:1px solid #365170;border-radius:8px;width:100%;padding:10px}.decoration-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.decoration-grid .target-field{background:#13243a;border:1px solid #2f4968;border-radius:9px;padding:12px}.decoration-grid input[type=range]{accent-color:#62d8ff;width:100%}@media (width<=680px){.account-bar,.account-bar>div{flex-direction:column;align-items:flex-start}.account-bar label{justify-content:space-between;width:100%}.file-row{flex-direction:column;align-items:flex-start}.member-form{grid-template-columns:1fr}.conflict-banner,.conflict-banner>div:last-child{flex-direction:column;align-items:stretch}.audit-list article{grid-template-columns:1fr}.audit-list time{grid-area:auto/1}.bulk-toolbar,.bulk-toolbar>div{width:100%}.range-picker{min-width:0;max-width:none}.bulk-actions{grid-template-columns:1fr 1fr;display:grid!important}.bulk-actions button{width:100%}.preset-grid,.compress-result{grid-template-columns:1fr}.compress-actions .button{flex:1}.project-create,.project-row,.project-actions{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.project-actions button{flex:1}.decoration-grid{grid-template-columns:1fr}}