.annotation-item{border:1px solid #0000;align-items:stretch;gap:0;padding:0;transition:border-color .12s,background .12s,box-shadow .12s;display:flex}.annotation-item:hover,.annotation-item:focus-visible,.annotation-item.hovered{background:#fff8e8;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b1f}.annotation-edit{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:flex-start;gap:9px;padding:9px;display:flex}.annotation-edit>span{color:#fff;background:#2c7b52;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-size:8px;font-weight:800;display:grid}.annotation-edit>div{flex:1}.annotation-edit>svg{color:#829087;flex:none;margin-top:3px}.annotation-item:hover .annotation-edit>span,.annotation-item:focus-within .annotation-edit>span,.annotation-item.hovered .annotation-edit>span{background:#d97706}.annotation-locate{color:#537563;background:0 0;border:0;border-left:1px solid #e0e6e1;border-radius:0 6px 6px 0;flex:none;place-items:center;width:35px;margin:6px 6px 6px 0;display:grid}.annotation-locate:hover,.annotation-locate:focus-visible{color:#b85f05;background:#f59e0b1f}.feedback-included{color:#246e49;background:#edf7f0;border:1px solid #cce4d4;border-radius:8px;align-items:flex-start;gap:8px;padding:9px 10px;display:flex}.feedback-included>svg{flex:none;margin-top:1px}.feedback-included>span{gap:2px;display:grid}.feedback-included b{font-size:9px}.feedback-included small{color:#678071;font-size:8px}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/markee-inter-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/markee-inter-latin.woff2)format("woff2")}:root{color:#0a0a0a;font-synthesis:none;--ink:#0a0a0a;--muted:#737373;--green:#ff2357;--green-dark:#ba244a;--lime:#ffd7e1;--line:#e5e5e5;--surface:#fff;--soft:#f5f5f5;--primary:#ff2357;--primary-dark:#ba244a;--primary-soft:#fff0f4;--radius:.625rem;background:#fafafa;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.shell{background:#fafafa;grid-template-columns:228px 1fr;min-height:100vh;display:grid}.sidebar{color:#171717;border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;padding:24px 16px 17px;display:flex;position:sticky;top:0}.studio-brand{align-items:center;gap:10px;padding:0 8px 22px;font:600 14px/1.05 Inter;display:flex}.studio-brand b{font-size:14px;line-height:1.15}.side-nav{gap:5px;display:grid}.side-nav a{color:#525252;border-radius:9px;align-items:center;gap:12px;padding:10px 11px;font-size:14px;font-weight:600;display:flex}.side-nav a:hover,.side-nav a.active{color:var(--primary-dark);background:var(--primary-soft)}.side-nav a.active{box-shadow:inset 3px 0 var(--primary)}.side-spacer{flex:1}.user-chip{border-top:1px solid #ededed;align-items:center;gap:9px;margin-top:15px;padding:17px 7px 0;display:flex}.avatar{color:#fff;background:#d6a15b;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.user-chip div{flex:1;display:grid}.online-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dcfce7}.shell-main{min-width:0}.home-page{max-width:1390px;margin:auto;padding:45px 54px 80px}.home-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:32px;display:flex}.kicker{color:#398860;text-transform:uppercase;letter-spacing:.15em;margin:0 0 7px;font:800 11px/1 Inter}.home-header h1{letter-spacing:-.04em;margin:0;font:800 39px/1.12 Inter}.home-header h1 span{color:#52715e}.home-header>div>p:last-child{max-width:620px;color:var(--muted);margin:14px 0 0;font-size:15px}.system-pill{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;font-weight:700;display:flex;box-shadow:0 4px 20px #1e34230a}.system-pill>span{background:#d39f35;border-radius:50%;width:7px;height:7px}.system-pill>span.live{background:#30b86e;box-shadow:0 0 0 4px #dcf7e8}.create-card{background:#fff;border:1px solid #dce3dc;border-radius:18px;overflow:hidden;box-shadow:0 15px 45px #1735200b}.step-rail{background:#fbfcfa;border-bottom:1px solid #e7ebe7;justify-content:center;align-items:center;height:77px;display:flex}.step{color:#89928c;align-items:center;gap:10px;display:flex}.step>span{border:1px solid #cfd7d1;border-radius:50%;place-items:center;width:27px;height:27px;font:700 11px Inter;display:grid}.step div{display:grid}.step b{font-size:12px}.step small{font-size:10px}.step.active>span{color:#fff;background:#2e7551;border-color:#2e7551}.step-rail>i{background:#d8deda;width:80px;height:1px;margin:0 18px;display:block}.create-grid{grid-template-columns:minmax(360px,1fr) minmax(370px,1.05fr);gap:34px;padding:30px;display:grid}.drop-zone{cursor:pointer;background:#f8faf7;border:1.5px dashed #bfcac1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:331px;transition:all .2s;display:flex;position:relative;overflow:hidden}.drop-zone:hover{background:#f4faf5;border-color:#4f9872}.upload-icon{color:#337b55;background:#e6f4e9;border-radius:16px;place-items:center;width:59px;height:59px;margin-bottom:16px;display:grid}.drop-zone>b{font:700 14px Inter}.drop-zone p{color:#768178;margin:5px;font-size:12px}.drop-zone small{color:#a0aaa2;margin-top:8px;font-size:10px}.drop-zone.has-image{background:#e7ece7;border-style:solid}.drop-zone img{object-fit:contain;width:100%;height:100%;min-height:331px;position:absolute}.replace-image{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#102d20d9;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:12px;right:12px}.prompt-form{flex-direction:column;gap:19px;display:flex}.prompt-form label{color:#34433a;gap:7px;font-size:12px;font-weight:700;display:grid}.prompt-form label>span{float:right;color:#849087;align-items:center;gap:4px;font-size:9px;font-weight:500;display:flex}.prompt-form input,.prompt-form textarea{color:#1d2d23;resize:vertical;background:#fbfcfb;border:1px solid #d8dfd9;border-radius:10px;outline:0;width:100%;padding:11px 12px;font-weight:500}.prompt-form textarea{line-height:1.6}.prompt-form input:focus,.prompt-form textarea:focus{border-color:#4e956e;box-shadow:0 0 0 3px #dff2e6}.form-error{color:#aa3a36;background:#fff0ef;border-radius:8px;align-items:center;gap:8px;padding:9px 11px;font-size:11px;display:flex}.primary-action{color:#fff;background:#246d49;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;height:46px;font-weight:800;display:flex;box-shadow:0 7px 16px #1b6b4533}.primary-action:disabled{opacity:.62;cursor:wait}.primary-action svg:last-child{margin-left:auto;margin-right:12px}.security-note{justify-content:center;align-items:center;display:flex;color:#829087!important;gap:6px!important;margin:-8px 0 0!important;font-size:10px!important}.quick-capture{background:#eaf2eb;border:1px solid #d7e3d8;border-radius:13px;align-items:center;gap:15px;margin:20px 0 44px;padding:15px 17px;display:flex}.chrome-logo{color:#28734e;background:#fff;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.quick-capture>div:nth-child(2){flex:1}.quick-capture b{font:700 12px Inter}.quick-capture p{color:#6f7d73;margin:3px 0;font-size:10px}.quick-capture code{background:#dce9df;border-radius:6px;padding:7px 10px;font-size:10px}.quick-capture button{color:#286949;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:800;display:flex}.section-heading{justify-content:space-between;align-items:end;margin-bottom:17px;display:flex}.section-heading h2{margin:0;font:800 23px Inter}.section-heading button{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:6px;padding:9px 12px;font-size:11px;font-weight:700;display:flex}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.project-card{border:1px solid var(--line);background:#fff;border-radius:14px;transition:all .2s;overflow:hidden}.project-card:hover{border-color:#ffc2d0;transform:translateY(-3px);box-shadow:0 14px 35px #ba244a12}.project-thumb{color:#829086;background:#e9eee9;place-items:center;height:155px;display:grid;position:relative;overflow:hidden}.project-thumb>img{object-fit:cover;object-position:top;width:100%;height:100%}.project-status{color:#8a6429;background:#f2eadb;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.project-thumb .project-status{position:absolute;top:10px;right:10px;box-shadow:0 3px 12px #26362b20}.project-status i{background:#da9d34;border-radius:50%;width:6px;height:6px}.project-status.approved{color:#267047;background:#e0f4e7}.project-status.approved i{background:#36b56d}.project-info{padding:14px 15px}.project-info>b{white-space:nowrap;text-overflow:ellipsis;font:700 13px Inter;display:block;overflow:hidden}.project-info>p{color:#8a958d;margin:4px 0 12px;font-size:10px}.project-info>div{color:#708078;gap:15px;font-size:10px;display:flex}.project-info span{align-items:center;gap:5px;display:flex}.empty-projects{color:#79867d;border:1px dashed #c9d2cb;border-radius:14px;place-items:center;padding:40px;display:grid}.empty-projects b{margin-top:8px}.empty-projects p{margin:4px;font-size:12px}.sidebar-flow{border-top:1px solid #ededed;margin:26px 5px 0;padding:18px 7px}.sidebar-flow>small{color:#a3a3a3;letter-spacing:.14em;margin-bottom:14px;font:800 8px Inter;display:block}.sidebar-flow>div{align-items:center;gap:9px;display:flex}.sidebar-flow>div>span{color:#737373;border:1px solid #e5e5e5;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font:700 9px Inter;display:grid}.sidebar-flow p{margin:0;display:grid}.sidebar-flow b{color:#262626;font-size:10px}.sidebar-flow em{color:#8a8a8a;font-size:8px;font-style:normal}.sidebar-flow>i{background:#e5e5e5;width:1px;height:17px;margin:3px 0 3px 11px;display:block}.extension-first{background:#fff;border:1px solid #dce3dc;border-radius:18px;grid-template-columns:minmax(440px,1.05fr) minmax(390px,.95fr);min-height:470px;display:grid;overflow:hidden;box-shadow:0 15px 45px #1735200b}.extension-visual{background:#dfe9e0 radial-gradient(#b8c9bc 1px,#0000 1px) 0 0/18px 18px;place-items:center;padding:38px;display:grid;position:relative}.mock-browser{background:#fff;border:1px solid #bfcac1;border-radius:13px;width:100%;height:310px;overflow:hidden;box-shadow:0 16px 40px #203b2926}.mock-browser-bar{background:#f8faf8;border-bottom:1px solid #e0e5e1;align-items:center;gap:5px;height:37px;padding:0 11px;display:flex}.mock-browser-bar i{background:#cbd4cc;border-radius:50%;width:7px;height:7px}.mock-browser-bar span{color:#819087;background:#edf1ed;border-radius:6px;flex:1;margin-left:7px;padding:5px 10px;font-size:8px}.mock-page{grid-template-columns:90px 1fr;height:273px;display:grid}.mock-page main{grid-template-rows:25px 16px 1fr;grid-template-columns:repeat(3,1fr);gap:10px;padding:26px;display:grid}.mock-page main>b{background:#263f30;border-radius:5px;grid-column:1/3;width:170px}.mock-page main>span{background:#dde4de;border-radius:4px;grid-row:2;width:120px}.mock-page main>span:nth-of-type(2){background:#8bc9a3;grid-column:3;justify-self:end;width:75px}.mock-page main>div{background:linear-gradient(#f5f7f5 25%,#fff 25%);border:1px solid #dfe5df;border-radius:8px;grid-row:3}.mock-extension{background:#fff;border:1px solid #d7dfd8;border-radius:13px;width:270px;padding:13px;position:absolute;bottom:28px;right:27px;box-shadow:0 20px 50px #18322042}.mock-extension>div{align-items:center;gap:9px;display:flex}.mock-extension>div>span{color:#28744d;background:#e0f1e5;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.mock-extension p{margin:0;display:grid}.mock-extension b{font:700 10px Inter}.mock-extension p small{color:#849088;font-size:8px}.mock-extension button{color:#fff;background:#236e49;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;height:37px;margin:11px 0 8px;font-size:10px;font-weight:800;display:flex}.mock-extension>small{color:#829087;justify-content:center;align-items:center;gap:4px;font-size:7px;display:flex}.extension-copy{padding:43px 42px}.extension-copy h2{letter-spacing:-.035em;margin:0;font:800 28px/1.15 Inter}.extension-copy>p:not(.kicker){color:#6f7b73;margin:13px 0 22px;font-size:12px;line-height:1.6}.flow-list{gap:13px;margin-bottom:22px;display:grid}.flow-list>div{align-items:flex-start;gap:11px;display:flex}.flow-list>div>span{color:#286f4b;background:#e0f1e5;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font:800 10px Inter;display:grid}.flow-list p{margin:0;display:grid}.flow-list b{font:700 11px Inter}.flow-list small{color:#7f8c84;margin-top:2px;font-size:9px}.copy-extension{color:#fff;background:#173f2c;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;height:42px;font-size:10px;font-weight:800;display:flex}.extension-path{text-align:center;color:#859188;margin-top:8px;font-size:8px;display:block}.manual-fallback{margin:16px 0 42px}.manual-fallback>summary{color:#607168;cursor:pointer;background:#edf3ee;border:1px solid #d9e1da;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;list-style:none;display:flex}.manual-fallback>summary::-webkit-details-marker{display:none}.manual-fallback>summary>span{flex:1;display:grid}.manual-fallback>summary b{font-size:11px}.manual-fallback>summary small{color:#839087;font-size:8px}.manual-fallback[open]>summary{border-radius:12px 12px 0 0}.manual-fallback[open]>summary>svg:last-child{transform:rotate(90deg)}.manual-fallback .create-card{box-shadow:none;border-top:0;border-radius:0 0 18px 18px}.manual-fallback .create-grid{grid-template-columns:minmax(330px,.8fr) minmax(390px,1.2fr)}.capture-status{background:#f9fbf9}.capture-ready-title{align-items:center;gap:9px;display:flex}.capture-ready-title>span{color:#26754d;background:#dff3e6;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.capture-ready-title>div{display:grid}.capture-ready-title b{font:700 11px Inter}.capture-ready-title small{color:#748279;font-size:8px}.capture-checks{gap:6px;margin:13px 0;display:grid}.capture-checks>div{background:#fff;border:1px solid #e0e6e1;border-radius:7px;justify-content:space-between;align-items:center;padding:8px 9px;font-size:8px;display:flex}.capture-checks span{color:#76837b}.capture-checks b{color:#347653;align-items:center;gap:4px;font-size:8px;display:flex}.capture-status details{background:#fff;border:1px solid #e0e6e1;border-radius:7px;padding:8px 9px}.capture-status summary{color:#53645a;cursor:pointer;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;display:flex}.capture-status details p{color:#7a887f;max-height:55px;margin:7px 0 0;font-size:7px;line-height:1.45;overflow:hidden}.dom-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.dom-tags code{color:#4d6758;background:#edf3ee;border-radius:4px;padding:3px 5px;font-size:7px}.next-step{color:#2b714c;background:#eaf4ed;border-radius:8px;gap:8px;margin-top:11px;padding:9px;display:flex}.next-step>svg{flex:none}.next-step p{margin:0;display:grid}.next-step b{font-size:8px}.next-step span{color:#688073;margin-top:2px;font-size:7px;line-height:1.4}.disabled-hint{text-align:center;color:#8a968e;margin-top:-3px;font-size:7px;display:block}.capture-warning{color:#765515;background:#fff8e8!important}.capture-warning b{font:700 9px Inter}.capture-warning p{margin:5px 0 0;font-size:8px;line-height:1.45}.capture-warning.demo-warning{color:#345b8a;background:#eef4ff!important}.studio-page{background:#eef1ed;grid-template-rows:68px 1fr;height:100vh;display:grid;overflow:hidden}.studio-topbar{z-index:5;background:#fff;border-bottom:1px solid #dbe1dc;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.studio-title,.top-actions,.studio-title>div:first-child{align-items:center;display:flex}.studio-title{gap:12px}.icon-button{place-items:center;width:34px;height:34px;background:#fff!important;border:1px solid #dce2dd!important;border-radius:8px!important;padding:0!important;display:grid!important}.breadcrumb{color:#8b958e;font-size:9px}.breadcrumb span{margin:0 4px}.studio-title h1{white-space:nowrap;text-overflow:ellipsis;max-width:420px;margin:2px 0 0;font:700 15px Inter;overflow:hidden}.studio-title>.project-status{margin-left:7px}.top-actions{gap:7px}.top-actions button,.top-actions a{background:#fff;border:1px solid #dce2dd;border-radius:8px;align-items:center;gap:7px;height:35px;padding:0 11px;font-size:10px;font-weight:700;display:flex}.top-actions button.active{color:#fff;background:#26734c;border-color:#26734c}.top-actions button:nth-child(2){color:#fff;background:#173f2c;border-color:#173f2c}.top-actions button:disabled,.top-actions a.disabled{opacity:.4;pointer-events:none}.studio-workspace{grid-template-columns:minmax(0,1fr) 348px;min-height:0;display:grid}.canvas-panel{grid-template-rows:48px 1fr;min-width:0;display:grid}.canvas-toolbar{background:#fafbfa;border-bottom:1px solid #dce2dd;align-items:center;gap:10px;padding:0 16px;display:flex}.device-switch{background:#fff;border:1px solid #d7ddd8;border-radius:8px;padding:2px;display:flex}.device-switch button{color:#829087;background:0 0;border:0;border-radius:6px;place-items:center;width:31px;height:27px;display:grid}.device-switch button.active{color:#256846;background:#e4eee7}.viewport-label{color:#8b958e;font:500 9px monospace}.toolbar-spacer{flex:1}.canvas-toolbar>button:not(.icon-button){color:#5f6f65;background:#fff;border:1px solid #d7ddd8;border-radius:7px;align-items:center;gap:5px;height:30px;padding:0 9px;font-size:9px;font-weight:700;display:flex}.canvas-toolbar>button.active{color:#216b46;background:#e5f1e8;border-color:#b8d7c3}.canvas-toolbar select{color:#39483f;background:#fff;border:1px solid #d7ddd8;border-radius:7px;height:30px;padding:0 27px 0 9px;font-size:9px;font-weight:700}.canvas-area{background-color:#e8ece8;background-image:linear-gradient(#dfe4df 1px,#0000 1px),linear-gradient(90deg,#dfe4df 1px,#0000 1px);background-size:20px 20px;place-items:center;min-height:0;padding:24px;display:grid;position:relative;overflow:auto}.feedback-banner{z-index:4;color:#fff;white-space:nowrap;background:#173f2c;border-radius:9px;align-items:center;gap:7px;padding:8px 9px 8px 12px;font-size:9px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 7px 25px #112a1e44}.feedback-banner span{color:#bad4c5}.feedback-banner button{color:#fff;background:#ffffff18;border:0;border-radius:5px;place-items:center;padding:3px;display:grid}.preview-wrap{background:#fff;border:1px solid #cfd6d0;border-radius:8px;width:min(100%,1440px);height:min(100%,900px);min-height:440px;transition:all .25s;overflow:hidden;box-shadow:0 12px 40px #1b36251d}.preview-wrap.tablet{width:min(768px,100%);height:min(100%,1024px)}.preview-wrap.mobile{width:390px;height:min(100%,844px)}.preview-wrap iframe{background:#fff;border:0;width:100%;height:100%}.feedback-active .preview-wrap{box-shadow:0 0 0 3px #3b9a68,0 12px 40px #1b36251d}.compare-grid{grid-template-columns:1fr 1fr;align-items:center;gap:16px;width:100%;height:100%;display:grid}.compare-grid .preview-wrap{width:100%;height:90%;position:relative}.compare-label{color:#fff;background:#173f2c;align-items:center;height:27px;padding:0 10px;font-size:9px;font-weight:700;display:flex}.compare-label+iframe{height:calc(100% - 27px)}.source-state{place-items:center;width:100%;max-width:900px;height:100%;display:grid;position:relative}.source-state>img{object-fit:contain;border:1px solid #cdd5ce;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 15px 45px #182c1f20}.source-state>div{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#122e22e8;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:flex;position:absolute;bottom:20px}.source-state>div span{color:#bdd1c4;font-size:10px}.review-panel{background:#fff;border-left:1px solid #d7ddd8;grid-template-rows:48px 1fr;min-height:0;display:grid}.review-tabs{border-bottom:1px solid #e2e6e2;align-items:end;gap:4px;padding:0 13px;display:flex}.review-tabs button{color:#8a958e;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;height:47px;padding:0 10px;font-size:10px;font-weight:700;display:flex}.review-tabs button.active{color:#226b47;border-color:#2b7d54}.review-tabs button span{background:#e9eee9;border-radius:999px;padding:1px 5px;font-size:8px}.review-scroll{overflow-y:auto}.review-scroll>section{border-bottom:1px solid #e6eae6;padding:17px}.version-heading{justify-content:space-between;gap:10px;display:flex}.version-heading>div{gap:5px;display:grid}.version-heading>div>span{color:#6d9a7e;letter-spacing:.12em;font:800 8px Inter}.version-heading>div>b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font:600 11px/1.35 Inter;display:-webkit-box;overflow:hidden}.render-badge{color:#2c784e;white-space:nowrap;background:#e8f5eb;border-radius:999px;align-items:center;gap:5px;height:21px;padding:0 7px;font-size:8px;font-weight:800;display:flex}.render-badge i{background:#39ae6b;border-radius:50%;width:5px;height:5px}.render-badge.passed_with_warnings{color:#9b6e19;background:#fff4d9}.render-badge.passed_with_warnings i{background:#dea437}.version-summary ul{gap:6px;margin:13px 0 0;padding:0;list-style:none;display:grid}.version-summary li{color:#526158;align-items:flex-start;gap:7px;font-size:9px;display:flex}.version-summary li svg{color:#2d8657;flex:none;margin-top:1px}.version-summary details{color:#94691f;background:#fff7e7;border-radius:6px;margin-top:10px;padding:8px;font-size:8px}.version-summary summary{cursor:pointer;justify-content:space-between;align-items:center;font-weight:700;display:flex}.version-summary details p{margin:6px 0 0}.section-label{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-label b{font:700 10px Inter}.section-label span{color:#909a93;font-size:8px}.chat-section form{gap:8px;display:grid}.chat-section textarea{resize:vertical;background:#fbfcfb;border:1px solid #d7ded8;border-radius:9px;outline:0;width:100%;padding:10px;font-size:10px;line-height:1.5}.chat-section textarea:focus{border-color:#4e956e;box-shadow:0 0 0 3px #e1f1e6}.chat-section form button,.apply-feedback{color:#fff;background:#246e49;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:35px;font-size:10px;font-weight:800;display:flex}.chat-section form button:disabled,.apply-feedback:disabled{opacity:.45}.annotation-list{gap:8px;display:grid}.annotation-item{background:#f6f8f6;border-radius:8px;gap:9px;padding:9px;display:flex}.annotation-item>span{color:#fff;background:#2c7b52;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-size:8px;font-weight:800;display:grid}.annotation-item div{min-width:0}.annotation-item code{color:#728078;white-space:nowrap;text-overflow:ellipsis;font-size:8px;display:block;overflow:hidden}.annotation-item p{margin:4px 0 0;font-size:9px}.empty-annotations{text-align:left;color:#698074;background:#fafbfa;border:1px dashed #cbd4cd;border-radius:8px;align-items:center;gap:9px;width:100%;padding:11px;display:flex}.empty-annotations span{display:grid}.empty-annotations b{font-size:9px}.empty-annotations small{color:#919b94;font-size:8px}.apply-feedback{width:100%;margin-top:9px}.timeline{gap:6px;display:grid}.timeline .section-label{margin-bottom:3px}.timeline>button:not(.rollback){text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;width:100%;padding:7px;display:flex}.timeline>button:hover,.timeline>button.active{background:#f3f7f4;border-color:#dce7df}.version-dot{color:#567061;background:#fff;border:1px solid #cdd7cf;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-size:8px;font-weight:800;display:grid}.timeline button.active .version-dot{color:#fff;background:#2c7851;border-color:#2c7851}.timeline button>div{flex:1;gap:2px;min-width:0;display:grid}.timeline button>div b{white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.timeline button>div small{color:#8d9991;font-size:7px}.timeline button>svg{color:#34a968}.rollback{color:#2c7650;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:9px;font-weight:700;display:flex}.comment-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#12221999;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.comment-dialog{background:#fff;border-radius:15px;width:min(460px,100%);overflow:hidden;box-shadow:0 24px 70px #09170e77}.comment-head{border-bottom:1px solid #e3e8e4;align-items:center;gap:10px;padding:15px 17px;display:flex}.comment-head>span{color:#28734d;background:#e5f3e9;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.comment-head>div{flex:1;gap:2px;min-width:0;display:grid}.comment-head b{font:700 12px Inter}.comment-head small{color:#87928b;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.comment-head>button{color:#7d8a81;background:0 0;border:0}.selected-preview{color:#5a6a60;background:#f3f6f3;border-radius:8px;max-height:60px;margin:15px 17px 0;padding:10px;font-size:8px;overflow:hidden}.comment-dialog>label{gap:7px;padding:15px 17px;font-size:10px;font-weight:700;display:grid}.comment-dialog textarea{resize:vertical;border:1px solid #d6ded8;border-radius:9px;outline:0;padding:10px;font-size:10px}.dialog-actions{background:#f8faf8;border-top:1px solid #e4e8e5;justify-content:flex-end;gap:7px;padding:12px 17px;display:flex}.dialog-actions button{background:#fff;border:1px solid #d8dfda;border-radius:8px;height:33px;padding:0 12px;font-size:9px;font-weight:700}.dialog-actions button:last-child{color:#fff;background:#256d49;border-color:#256d49;align-items:center;gap:5px;display:flex}.dialog-actions button:disabled{opacity:.4}.error-toast,.success-toast{z-index:30;color:#fff;background:#a33a38;border-radius:10px;align-items:center;gap:8px;padding:11px 13px;font-size:10px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 35px #1b241d30}.error-toast button{color:#fff;background:#ffffff20;border:0;border-radius:5px;padding:4px 6px;font-size:8px}.success-toast{background:#195d3d}.page-loading{color:#66756b;justify-content:center;align-items:center;gap:10px;height:100vh;display:flex}.page-loading>span:first-child{color:#a43b38;background:#fff0ef;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.page-loading a{color:#226d48;text-decoration:underline}.page-loading button{color:#226d48;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;text-decoration:underline;display:flex}section[id]{scroll-margin-block:24px}.section-focus{animation:1.35s ease-out section-focus}@keyframes section-focus{0%,30%{outline-offset:5px;outline:3px solid #69b889;box-shadow:0 0 0 10px #8fd3a82b}to{outline-offset:12px;box-shadow:none;outline:3px solid #0000}}@media (width<=1050px){.extension-first{grid-template-columns:1fr}.extension-visual{min-height:400px}.manual-fallback .create-grid{grid-template-columns:1fr}}@media (width<=760px){.extension-visual{min-height:330px;padding:18px}.mock-browser{height:270px}.mock-extension{width:245px;bottom:15px;right:13px}.extension-copy{padding:30px 22px}.extension-copy h2{font-size:24px}}@media (width<=1050px){.project-grid{grid-template-columns:repeat(2,1fr)}.create-grid{grid-template-columns:1fr}.studio-workspace{grid-template-columns:minmax(0,1fr) 310px}.home-page{padding-inline:30px}}@media (width<=760px){.shell{grid-template-columns:1fr}.sidebar{display:none}.home-page{padding:28px 16px 60px}.home-header{display:grid}.home-header h1{font-size:32px}.create-grid{padding:18px}.step-rail{justify-content:flex-start;padding:0 18px;overflow:auto}.step-rail>i{width:25px;margin:0 8px}.project-grid{grid-template-columns:1fr}.quick-capture{flex-wrap:wrap;align-items:flex-start}.quick-capture code{display:none}.studio-workspace{grid-template-columns:1fr}.review-panel,.studio-title>.project-status,.top-actions button:first-child,.top-actions button:nth-child(2){display:none}.canvas-area{padding:10px}.studio-title h1{max-width:190px}.preview-wrap{min-height:520px}.compare-grid{grid-template-columns:1fr}.compare-grid .preview-wrap:first-child{display:none}}.quick-edit-dialog{width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto}.quick-edit-section{background:#f7fbf8;border:1px solid #d8e5dc;border-radius:11px;margin:14px 17px 0;padding:14px}.quick-edit-title{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.quick-edit-title>div{gap:2px;display:grid}.quick-edit-title b{color:#205f41;font:700 11px Inter}.quick-edit-title small{color:#7b8b81;font-size:8px}.quick-move-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.quick-move-grid button,.apply-quick-style{color:#345446;background:#fff;border:1px solid #ccd9d0;border-radius:7px;justify-content:center;align-items:center;gap:5px;height:32px;font-size:8px;font-weight:750;display:flex}.quick-move-grid button:hover{background:#edf7f0;border-color:#5b9973}.quick-move-grid button:disabled,.apply-quick-style:disabled{opacity:.45}.quick-style-grid{grid-template-columns:2fr repeat(2,1fr);gap:8px;margin-top:11px;display:grid}.quick-style-grid label{color:#52655a;gap:4px;font-size:8px;font-weight:700;display:grid}.quick-style-grid input{color:#263c2f;background:#fff;border:1px solid #d5dfd8;border-radius:7px;outline:0;width:100%;height:32px;padding:0 8px;font-size:9px}.quick-style-grid input:focus{border-color:#4e956e;box-shadow:0 0 0 2px #dff2e6}.apply-quick-style{color:#fff;background:#246e49;border-color:#246e49;width:100%;margin-top:10px;font-size:9px}.feedback-divider{color:#8a968e;align-items:center;gap:9px;margin:15px 17px 0;font-size:8px;display:flex}.feedback-divider:before,.feedback-divider:after{content:"";background:#e0e6e1;flex:1;height:1px}@media (width<=650px){.quick-move-grid,.quick-style-grid{grid-template-columns:1fr 1fr}}.start-free-move{color:#205f41;text-align:left;background:#eaf6ee;border:1px solid #9fc9af;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.start-free-move>span{gap:2px;display:grid}.start-free-move b{font-size:10px}.start-free-move small{color:#678174;font-size:8px}.start-free-move:hover{background:#def1e5;border-color:#65a87f}.start-free-move:disabled{opacity:.45}.free-move-banner{z-index:6;color:#fff;background:#173f2c;border-radius:10px;align-items:center;gap:9px;min-width:460px;padding:9px 10px 9px 13px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 9px 30px #112a1e55}.free-move-banner>div{flex:1;gap:2px;display:grid}.free-move-banner b{font-size:10px}.free-move-banner span{color:#c0d6c8;font-size:8px}.free-move-banner>button{color:#fff;background:#ffffff12;border:1px solid #fff3;border-radius:7px;height:29px;padding:0 10px;font-size:8px;font-weight:750}.free-move-banner>button.save{color:#17422d;background:#e9fff0;border-color:#e9fff0;align-items:center;gap:5px;display:flex}.free-move-banner>button:disabled{opacity:.45}@media (width<=650px){.free-move-banner{min-width:calc(100% - 24px)}.free-move-banner span{display:none}}.device-switch button:disabled{opacity:.35;cursor:not-allowed}.zoom-controls{background:#fff;border:1px solid #d7ddd8;border-radius:8px;align-items:center;padding:2px;display:flex}.zoom-controls button{color:#65746b;background:0 0;border:0;border-radius:6px;place-items:center;min-width:26px;height:25px;font-size:8px;display:grid}.zoom-controls button:hover:not(:disabled),.zoom-controls button.active{color:#216b46;background:#e4eee7}.zoom-controls button:disabled{opacity:.35}.zoom-controls .zoom-value{min-width:42px;font:700 8px Inter}.canvas-area{justify-content:safe center;align-items:safe center;display:flex}.canvas-area.pan-mode{cursor:grab;-webkit-user-select:none;user-select:none}.canvas-area.pan-mode .zoom-stage{pointer-events:none}.canvas-area.panning{cursor:grabbing}.zoom-stage{flex:none;position:relative}.zoom-content{transform-origin:0 0;position:absolute;inset:0}.preview-wrap{min-height:0;transition:none}.preview-wrap iframe{display:block}.preview-wrap.tablet,.preview-wrap.mobile{width:auto;height:auto}.compare-grid{align-items:stretch;gap:24px}.compare-grid .preview-wrap{width:auto;height:auto}.source-state{background:#fff;border-radius:8px;width:100%;max-width:none;height:100%;display:block;overflow:hidden;box-shadow:0 15px 45px #182c1f20}.source-state>img{object-fit:fill;width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;-webkit-user-select:none;user-select:none;border:1px solid #cdd5ce;border-radius:8px;display:block}.source-notice,.interaction-hint{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#122e22ec;border-radius:10px;align-items:center;gap:9px;max-width:calc(100% - 32px);padding:9px 11px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #10221936}.source-notice>div{display:grid}.source-notice b,.interaction-hint b{font-size:9px}.source-notice span,.interaction-hint span{color:#bdd1c4;font-size:8px}.source-notice a{color:#173f2c;background:#fff;border-radius:7px;align-items:center;gap:5px;margin-left:5px;padding:7px 9px;font-size:8px;font-weight:800;display:flex}.interaction-hint{bottom:14px}@media (width<=900px){.canvas-toolbar{gap:6px}.zoom-controls button:nth-last-child(2),.source-notice span,.interaction-hint span{display:none}}.preview-load-state{color:#2b714c;background:#fff;border:1px solid #cfd6d0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex;box-shadow:0 12px 40px #1b36251d}.preview-load-state b{font:700 17px Inter}.preview-load-state span{color:#7b8980;text-align:center;max-width:470px;font-size:12px}.preview-load-state.failed{color:#a33a38}.preview-load-state button{color:#fff;background:#246e49;border:0;border-radius:8px;margin-top:4px;padding:10px 14px;font-size:11px;font-weight:800}.frame-booting{color:#2b714c;background:#fff;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.frame-booting span{font-size:12px;font-weight:700}.provider-offline{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:8px;padding:9px;display:flex}.provider-offline>span{flex:1;gap:2px;display:grid}.provider-offline b{font-size:9px}.provider-offline small{color:#b45309;font-size:7px}.provider-offline button{color:#9a3412!important;background:#fff!important;border:1px solid #fdba74!important;flex:none!important;height:27px!important;padding:0 8px!important;font-size:8px!important}.studio-brand>span{gap:2px;display:grid}.studio-brand small{color:var(--primary);letter-spacing:.13em;font-size:8px;font-weight:800}.brand-logo{object-fit:cover;border-radius:10px;width:38px;height:38px}.home-page{background:#fafafa}.kicker,.home-header h1 span{color:var(--primary-dark)}.primary-action,.mock-extension button,.copy-extension,.chat-section form button,.apply-feedback,.job-actions button,.job-actions a,.preview-load-state button{background:var(--primary)}.primary-action:hover{background:var(--primary-dark)}.step.active{color:var(--primary-dark)}.step.active>span{background:var(--primary);border-color:var(--primary)}.mock-page main>b{background:#4a1724}.mock-page main>span:nth-of-type(2){background:#ff8aa5}.mock-extension>div>span,.upload-icon,.flow-list>div>span{color:var(--primary-dark);background:#ffe5eb}.manual-fallback>summary,.quick-capture{background:#fff4f6;border-color:#ffd9e2}.chrome-logo,.quick-capture button{color:var(--primary-dark)}.studio-topbar{border-color:#e5e5e5}.top-actions button.active,.top-actions button:nth-child(2){background:var(--primary);border-color:var(--primary)}.canvas-toolbar>button.active,.zoom-controls button:hover:not(:disabled),.zoom-controls button.active,.device-switch button.active{color:var(--primary-dark);background:var(--primary-soft)}.provider-picker select:focus,.chat-section textarea:focus,.prompt-form input:focus,.prompt-form textarea:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px #ff23571f}.project-card{position:relative}.project-card-link{display:block}.project-delete{color:#a3a3a3;opacity:.5;background:#fff;border:1px solid #e5e5e5;border-radius:8px;place-items:center;width:31px;height:31px;transition:all .18s;display:grid;position:absolute;bottom:10px;right:10px;transform:translateY(3px);box-shadow:0 5px 18px #00000010}.project-card:hover .project-delete,.project-delete:focus-visible{opacity:1;transform:none}.project-delete:hover{color:#dc2626;background:#fff5f5;border-color:#fecaca}.project-delete:disabled{opacity:.55}.project-info{padding-right:49px}.comment-head>span,.next-step,.quick-edit-section{color:var(--primary-dark);background:#fff4f6}.dialog-actions button:last-child,.apply-quick-style{background:var(--primary);border-color:var(--primary)}.success-toast,.source-notice,.interaction-hint,.free-move-banner{background:#3f0d1aee}.source-notice a{color:var(--primary-dark)}.canvas-area{scrollbar-width:none}.canvas-area::-webkit-scrollbar{width:0;height:0}.preview-wrap{overflow:hidden}.annotation-item{text-align:left;width:100%;color:inherit;cursor:pointer;border:1px solid #0000}.annotation-item:hover{background:#fff9e9;border-color:#e2a332}.annotation-item>span{background:#d97706}.provider-picker{background:#f6f9f6;border:1px solid #dce3dd;border-radius:9px;gap:5px;padding:9px;display:grid}.provider-picker>span{color:#526158;font:700 8px Inter}.provider-picker select{color:#254536;background:#fff;border:1px solid #ccd7cf;border-radius:7px;height:34px;padding:0 9px;font-size:9px;font-weight:700}.provider-picker small{color:#76877c;font-size:7px;line-height:1.4}.job-status{color:#315d88;gap:9px;display:grid;background:#eef5ff!important}.job-status>div:first-child{align-items:center;gap:9px;display:flex}.job-status p{margin:0}.job-status>div:first-child p{gap:2px;display:grid}.job-status b{font:700 10px Inter}.job-status small{color:#71869a;font-size:8px}.job-pulse{background:#3b82f6;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite job-pulse;box-shadow:0 0 0 5px #3b82f620}.job-completed .job-pulse{background:#2da76a;animation:none}.job-failed .job-pulse,.job-cancelled .job-pulse{background:#c94d49;animation:none}.job-action_required{color:#795619;background:#fff6df!important}.job-action_required .job-pulse{background:#e09b22}.assistant-message{background:#ffffffa8;border-radius:7px;padding:8px;font-size:8px;line-height:1.5}.job-error{color:#a6403c;font-size:8px}.job-actions{display:flex;gap:6px!important}.job-actions button,.job-actions a{color:#fff;background:#246e49;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;min-height:31px;font-size:8px;font-weight:800;display:flex}.job-actions .cancel-job{color:#9b4541;background:#fff;border:1px solid #e8c9c7}@keyframes job-pulse{50%{opacity:.45;transform:scale(.82)}}.job-progress{background:#00000014;border-radius:999px;height:4px;overflow:hidden}.job-progress>span{background:#3b82f6;height:100%;transition:width .4s;display:block}.job-completed .job-progress>span{background:#2da76a}.job-failed .job-progress>span,.job-cancelled .job-progress>span{background:#c94d49}.job-action_required .job-progress>span{background:#e09b22}:root{--primary:#c2254d;--primary-dark:#a91f43;--primary-soft:#fceef2;--green:#c2254d;--green-dark:#a91f43;--lime:#f8dbe3;background:#fff}.shell{background:#fff;grid-template-columns:235px minmax(0,1fr)}.sidebar{z-index:20;color:#171717;background:#fafafa;border-right:1px solid #e5e5e5;width:235px;padding:10px 11px 8px}.sidebar-brand-row{align-items:center;gap:6px;height:42px;display:flex}.sidebar-brand-row>button{color:#525252;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.sidebar-brand-row>button:hover{background:#f1f1f1}.studio-brand{white-space:nowrap;flex:1;gap:9px;min-width:0;padding:0 5px!important}.studio-brand .brand-logo{object-fit:cover;border-radius:7px;flex:none;width:28px;height:28px}.studio-brand b{text-overflow:ellipsis;font-weight:750;overflow:hidden;font-size:14px!important}.workspace-tabs{background:#f1f1f1;border-radius:8px;grid-template-columns:1fr 1fr;height:32px;margin:3px 1px 20px;padding:2px;display:grid}.workspace-tabs button{color:#737373;background:0 0;border:0;border-radius:6px;font-size:11px;font-weight:650}.workspace-tabs button.active{color:#fff;background:#c2254d;box-shadow:0 1px 2px #0001}.nav-label{color:#8b8b8b;letter-spacing:.03em;margin:0 7px 6px;font-size:9px;font-weight:650}.side-nav{gap:2px}.side-nav a{color:#343434;white-space:nowrap;border-radius:6px;gap:9px;min-width:0;height:34px;padding:0 8px;font-size:12px;font-weight:500}.side-nav a span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.side-nav a svg{flex:none}.side-nav a:hover{color:#171717;background:#f1f1f1}.side-nav a.active{color:#fff;box-shadow:none;background:#c2254d}.muted-nav{border-top:1px solid #e8e8e8;padding-top:9px}.user-chip{white-space:nowrap;border-top:1px solid #e8e8e8;height:57px;margin-top:7px;padding:8px 4px 0}.user-chip>img,.user-chip>.avatar{object-fit:cover;border-radius:50%;flex:none;width:30px;height:30px}.user-chip>div{min-width:0;overflow:hidden}.user-chip b,.user-chip small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-chip b{font-size:10px}.user-chip small{color:#777;font-size:8px}.user-chip>button{color:#777;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;width:28px;height:28px;display:grid}.user-chip>button:hover{color:#c2254d;background:#fceef2}.shell-main{background:#fff}.app-topbar{z-index:12;background:#fff;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;height:50px;padding:0 16px;display:flex;position:sticky;top:0}.app-topbar>div{align-items:center;gap:9px;display:flex}.app-topbar b{font-size:13px}.app-topbar span{color:#8a8a8a;font-size:10px}.download-extension{color:#fff;background:#c2254d;border-radius:6px;align-items:center;gap:6px;height:31px;padding:0 11px;font-size:10px;font-weight:700;display:flex}.download-extension:hover{background:#a91f43}.home-page{background:#fff;max-width:none;padding:32px 40px 70px}.home-header{max-width:1440px;margin:0 auto 22px}.home-header h1{font-size:32px}.home-header h1 span,.kicker{color:#c2254d}.extension-first,.manual-fallback,.projects-section{max-width:1440px;margin-left:auto;margin-right:auto}.extension-first{box-shadow:none;border-color:#e5e5e5;border-radius:10px}.extension-visual{background-color:#fdf4f6;background-image:radial-gradient(#e9b9c5 1px,#0000 1px)}.mock-page aside,.copy-extension{background:#c2254d}.copy-extension:hover{background:#a91f43}.manual-fallback{margin-top:14px}.project-card{border-radius:8px}.project-card:hover{border-color:#d9a0ae;box-shadow:0 8px 20px #0000000a}.primary-action,.top-actions button.active,.top-actions button:nth-child(2),.apply-feedback,.job-actions button{background:#c2254d!important;border-color:#c2254d!important}.auth-loading{color:#737373;place-items:center;min-height:100vh;display:grid}.login-page{background:#f7f7f7;place-items:center;min-height:100vh;padding:30px;display:grid}.login-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;width:min(430px,100%);padding:34px;box-shadow:0 18px 50px #0000000d}.login-brand{align-items:center;gap:10px;display:flex}.login-brand img{border-radius:8px;width:32px;height:32px}.login-brand b{font-size:14px}.login-copy{text-align:center;margin:44px 0 26px}.login-copy p{color:#c2254d;letter-spacing:.12em;margin:0 0 7px;font-size:10px;font-weight:800}.login-copy h1{margin:0;font-size:27px}.login-copy span{color:#737373;margin-top:8px;font-size:13px;display:block}.google-signin{place-items:center;min-height:44px;display:grid}.login-config{background:#f5f5f5;border-radius:8px;gap:10px;padding:12px;display:flex}.login-config div{display:grid}.login-config b{font-size:11px}.login-config span{color:#737373;font-size:9px}.login-error,.page-error{color:#a61b38;background:#fff0f3;border-radius:7px;margin-top:12px;padding:10px;font-size:11px}.login-card footer{color:#8a8a8a;border-top:1px solid #ededed;justify-content:center;align-items:center;gap:6px;margin-top:27px;padding-top:18px;font-size:9px;display:flex}.markee-page{padding:24px 28px}.page-titlebar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.page-titlebar p{color:#737373;margin:0 0 3px;font-size:10px}.page-titlebar h1{margin:0;font-size:20px}.page-titlebar>span{border:1px solid #e5e5e5;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex}.users-card{border:1px solid #e5e5e5;border-radius:9px;overflow:hidden}.users-head{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex}.users-head b{font-size:12px}.users-head span{color:#737373;align-items:center;gap:5px;font-size:9px;display:flex}.users-card table{border-collapse:collapse;width:100%}.users-card th,.users-card td{text-align:left;border-bottom:1px solid #ededed;height:60px;padding:0 14px;font-size:11px}.users-card th{color:#737373;text-transform:uppercase;background:#fafafa;height:38px;font-size:9px}.member{align-items:center;gap:9px;display:flex}.member>span{color:#fff;background:#c2254d;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:700;display:grid;overflow:hidden}.member img{object-fit:cover;width:100%;height:100%}.member p{margin:0;display:grid}.member small{color:#737373}.users-card select{background:#fff;border:1px solid #ddd;border-radius:6px;min-width:110px;padding:7px;font-size:10px}@media (width<=760px){.app-topbar{display:none}.markee-page{padding:18px}.page-titlebar{align-items:flex-start}.users-card{overflow:auto}.users-card table{min-width:650px}}.google-oauth-button{background:#fff;border:1px solid #d8d8d8;border-radius:8px;justify-content:center;align-items:center;gap:9px;height:44px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.google-oauth-button:hover{background:#fff8fa;border-color:#c2254d}.invite-user{background:#fafafa;border:1px solid #e5e5e5;border-radius:9px;grid-template-columns:minmax(220px,1fr) minmax(240px,1fr) 130px 92px;align-items:end;gap:10px;margin-bottom:16px;padding:14px;display:grid}.invite-user>div{gap:3px;display:grid}.invite-user b{font-size:12px}.invite-user span{color:#737373;font-size:9px}.invite-user input,.invite-user select{background:#fff;border:1px solid #d8d8d8;border-radius:7px;height:36px;padding:0 10px;font-size:10px}.invite-user button,.user-access-button{color:#fff;background:#c2254d;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:36px;font-size:9px;font-weight:750;display:flex}.member em{color:#a91f43;background:#fce8ee;border-radius:999px;margin-left:5px;padding:3px 5px;font-size:7px;font-style:normal}.access-status{border-radius:999px;padding:4px 7px;font-size:8px;font-weight:750;display:inline-flex}.access-status.active{color:#176b42;background:#e4f6ec}.access-status.revoked{color:#a33a38;background:#fff0ef}.user-access-button{color:#a33a38;white-space:nowrap;background:#fff;border:1px solid #efc8c6;height:29px;padding:0 9px}.users-card select:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.invite-user{grid-template-columns:1fr 1fr}.invite-user>div{grid-column:1/-1}}