@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-thai-400-normal-C2DaJlKK.woff2)format("woff2"),url(/assets/sarabun-thai-400-normal-CH-UbWgg.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-vietnamese-400-normal-igdrzAGY.woff2)format("woff2"),url(/assets/sarabun-vietnamese-400-normal-DPfkSCMy.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-latin-ext-400-normal-BbP7GpLL.woff2)format("woff2"),url(/assets/sarabun-latin-ext-400-normal-BsmTn0SS.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-latin-400-normal-URPBxl-K.woff2)format("woff2"),url(/assets/sarabun-latin-400-normal-DmguIS-7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sarabun-thai-500-normal-BVssjame.woff2)format("woff2"),url(/assets/sarabun-thai-500-normal-C3iDLEzi.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sarabun-vietnamese-500-normal-Dpe7Br9m.woff2)format("woff2"),url(/assets/sarabun-vietnamese-500-normal-CpRVvGRU.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sarabun-latin-ext-500-normal-DE1LysqI.woff2)format("woff2"),url(/assets/sarabun-latin-ext-500-normal-Cot16Bd2.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sarabun-latin-500-normal-BjUTcdxu.woff2)format("woff2"),url(/assets/sarabun-latin-500-normal-CJexTAnl.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-thai-600-normal-3dIAQ-_s.woff2)format("woff2"),url(/assets/sarabun-thai-600-normal-DWKeTe6a.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-vietnamese-600-normal-DkxrOlLB.woff2)format("woff2"),url(/assets/sarabun-vietnamese-600-normal-BMbOgAW-.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-latin-ext-600-normal-BRxjKUQ6.woff2)format("woff2"),url(/assets/sarabun-latin-ext-600-normal-0tXu9x_i.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-latin-600-normal-DMD3TROr.woff2)format("woff2"),url(/assets/sarabun-latin-600-normal-9FonlkKx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-thai-700-normal-CbuDipM3.woff2)format("woff2"),url(/assets/sarabun-thai-700-normal-CP2-p8e-.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-vietnamese-700-normal-DrMy3BMX.woff2)format("woff2"),url(/assets/sarabun-vietnamese-700-normal-lN6N8XBT.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-latin-ext-700-normal-CnQtP196.woff2)format("woff2"),url(/assets/sarabun-latin-ext-700-normal-ykw7DJpk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-latin-700-normal-DQKyWxHq.woff2)format("woff2"),url(/assets/sarabun-latin-700-normal-DUuqj4Ju.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;src:local(Sarabun)}:root{color:#355a7b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4fbff;font-family:Sarabun,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#355a7b;background:radial-gradient(circle at 8% 8%,#6dd3ff33,#0000 25rem),radial-gradient(circle at 92% 10%,#cca4ff2e,#0000 24rem),radial-gradient(circle at 50% 92%,#ffdc7b21,#0000 28rem),linear-gradient(#f7fcff 0%,#f5fbff 48%,#fffafd 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.44;background-image:radial-gradient(circle,#4882b517 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 94%);mask-image:linear-gradient(#000c,#0000 94%)}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #63abff59}#root{min-height:100vh}.app-shell{width:min(1380px,100% - 28px);margin:0 auto;padding:14px 0 26px}.compact-header{background:radial-gradient(circle at 10% 10%,#79daff4d,#0000 22%),radial-gradient(circle at 90% 20%,#ca9fff3d,#0000 20%),linear-gradient(135deg,#fff,#f4fbff 55%,#fff8fd);border:2px solid #4c8ad129;border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:92px;padding:16px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px #5b8fc714,0 18px 42px #4c74a41a}.compact-header:after{content:"";pointer-events:none;background-image:radial-gradient(circle,#5386be1f 1.2px,#0000 1.2px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0006,#0000 65%);mask-image:linear-gradient(90deg,#0006,#0000 65%)}.brand-zone,.header-copy,.sync-button{z-index:1;position:relative}.brand-zone{align-items:center;gap:11px;display:flex}.brand-bubble{background:linear-gradient(145deg,#dff7ff,#f0e8ff);border:2px solid #fff;border-radius:18px;place-items:center;width:54px;height:54px;font-size:27px;display:grid;box-shadow:0 5px #5289c321,inset 0 0 0 2px #53aeea1a}.brand-zone p,.library-heading p{color:#6a9bc4;letter-spacing:.14em;margin:0;font-size:9px;font-weight:800}.brand-zone h1{color:#23405e;margin:2px 0 0;font-size:25px;line-height:1}.brand-zone h1 span{vertical-align:middle;color:#fff;letter-spacing:.08em;background:#6c7cff;border-radius:999px;margin-left:5px;padding:4px 7px;font-size:9px;display:inline-flex}.header-copy{min-width:0}.header-copy strong{color:#2f5271;font-size:15px;display:block}.header-copy span{color:#7f9bb5;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;display:block;overflow:hidden}.sync-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5ec7ff,#7a7df7);border:0;border-radius:14px;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-weight:800;display:inline-flex;box-shadow:0 5px #d2dff6}.sync-button:hover{transform:translateY(-1px)}.sync-button:disabled{opacity:.7;cursor:wait}.sync-button.is-syncing span{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mini-dashboard{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(220px,1.2fr);gap:11px;margin-top:13px;display:grid}.mini-stat,.developer-chip{border:2px solid #fff;border-radius:19px;align-items:center;gap:10px;min-width:0;min-height:68px;padding:11px 13px;display:flex;box-shadow:0 5px #577ba517,0 12px 24px #476f9b14}.mini-stat>span,.developer-chip>span{font-size:22px}.mini-stat div,.developer-chip div{min-width:0;display:grid}.mini-stat strong{color:#2b4d6d;font-size:22px;line-height:1}.mini-stat small,.developer-chip small{color:#819bb4;margin-top:3px;font-size:9px}.developer-chip strong{color:#3b5671;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.stat-blue{background:#eaf8ff}.stat-green{background:#ecfff6}.stat-yellow{background:#fff8dd}.stat-purple{background:#f5efff}.developer-chip{background:#fff3f8}.project-library{background:#ffffffdb;border:2px solid #5387be1f;border-radius:27px;margin-top:16px;padding:20px;box-shadow:0 9px #5b8fc712,0 24px 50px #45678f14}.library-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.library-heading>div:first-child{align-items:center;gap:10px;display:flex}.section-sticker{background:#fff4c6;border-radius:14px;place-items:center;width:42px;height:42px;font-size:21px;display:grid;transform:rotate(-4deg);box-shadow:0 4px #f1e2aa}.library-heading h2{color:#294b68;margin:1px 0 0;font-size:26px}.result-count{color:#86a0b9;font-size:10px}.toolbar{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);align-items:center;gap:12px;margin-bottom:17px;display:grid}.search-box{background:#f9fcff;border:2px solid #e2edf6;border-radius:15px;align-items:center;gap:8px;min-width:0;height:44px;padding:0 11px;display:flex;box-shadow:inset 0 2px #3c678f08}.search-box input{color:#355a7b;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:12px}.search-box input::placeholder{color:#9aafc3}.search-box button{color:#7691aa;cursor:pointer;background:#eaf2f9;border:0;border-radius:50%;width:26px;height:26px}.filter-tabs{scrollbar-width:none;justify-content:flex-end;gap:7px;min-width:0;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{color:#6c89a5;cursor:pointer;background:#fff;border:2px solid #edf2f6;border-radius:13px;flex:none;min-height:36px;padding:0 12px;font-size:10px;font-weight:700;box-shadow:0 3px #edf2f6}.filter-tabs button.active{color:#fff;background:linear-gradient(135deg,#65c8ff,#8a7df5);border-color:#7586f6;box-shadow:0 3px #d6d9fb}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.project-card{--card-accent:#70c7ff;--card-accent-2:#9e8cff;border:2px solid color-mix(in srgb, var(--card-accent) 26%, white);min-width:0;box-shadow:0 7px 0 color-mix(in srgb, var(--card-accent) 14%, #e8eef6), 0 15px 28px #496e9717;background:#fff;border-radius:25px;transition:transform .16s,box-shadow .16s;overflow:hidden}.project-card:hover{box-shadow:0 10px 0 color-mix(in srgb, var(--card-accent) 13%, #e8eef6), 0 20px 35px #496e971c;transform:translateY(-3px)rotate(-.15deg)}.screenshot-frame{aspect-ratio:16/9;background:linear-gradient(145deg, color-mix(in srgb, var(--card-accent) 14%, white), color-mix(in srgb, var(--card-accent-2) 12%, white));border-bottom:2px solid color-mix(in srgb, var(--card-accent) 18%, white);position:relative;overflow:hidden}.screenshot-frame img{object-fit:cover;z-index:2;width:100%;height:100%;position:absolute;inset:0}.screenshot-fallback{background:#ffffff85;border:2px solid #ffffffe0;border-radius:17px;position:absolute;inset:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #477aa80f}.mini-window-bar{background:#ffffff9e;border-bottom:1px solid #3e6b9714;align-items:center;gap:5px;height:22px;padding:0 8px;display:flex}.mini-window-bar span{background:#ff8c9c;border-radius:50%;width:6px;height:6px}.mini-window-bar span:nth-child(2){background:#ffd26b}.mini-window-bar span:nth-child(3){background:#70ddb4}.cartoon-scene{color:#355a76;align-content:center;place-items:center;gap:2px;height:calc(100% - 22px);display:grid}.scene-emoji{filter:drop-shadow(0 4px #ffffffb3);font-size:34px}.cartoon-scene strong{letter-spacing:.05em;font-size:18px}.cartoon-scene small{color:#7f9ab3;letter-spacing:.15em;font-size:8px}.screenshot-label{z-index:3;color:#4e6f8b;background:#ffffffe3;border:1px solid #4e6f8b17;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;position:absolute;bottom:10px;left:12px;box-shadow:0 3px 7px #37577514}.screenshot-tools{z-index:4;align-items:center;gap:5px;display:flex;position:absolute;bottom:9px;right:10px}.screenshot-upload-button{color:#fff;background:linear-gradient(135deg, var(--card-accent), var(--card-accent-2));cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:2px solid #ffffffeb;border-radius:10px;justify-content:center;align-items:center;min-height:29px;padding:0 9px;font-size:8px;font-weight:900;display:inline-flex;box-shadow:0 4px 10px #365b7c29}.screenshot-upload-button:hover{transform:translateY(-1px)}.screenshot-upload-button.is-saving{opacity:.72;cursor:wait}.screenshot-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.screenshot-delete-button{color:#c45c6b;cursor:pointer;background:#fff5f7f0;border:2px solid #ffffffeb;border-radius:10px;place-items:center;width:29px;height:29px;font-size:16px;font-weight:900;display:grid;box-shadow:0 4px 10px #365b7c1f}.screenshot-delete-button:disabled{opacity:.55;cursor:wait}.screenshot-message{z-index:5;color:#486a84;background:#ffffffed;border:1px solid #486a841a;border-radius:9px;max-width:calc(100% - 20px);padding:5px 8px;font-size:8px;font-weight:800;position:absolute;top:9px;right:10px;box-shadow:0 4px 10px #3757751a}.card-content{padding:15px}.card-heading{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.project-icon{background:linear-gradient(145deg, color-mix(in srgb, var(--card-accent) 18%, white), color-mix(in srgb, var(--card-accent-2) 12%, white));width:42px;height:42px;box-shadow:0 4px 0 color-mix(in srgb, var(--card-accent) 12%, #eef2f7);border:2px solid #fff;border-radius:14px;place-items:center;font-size:21px;display:grid}.card-title-copy{min-width:0}.card-title-copy p{color:color-mix(in srgb, var(--card-accent) 72%, #50677c);letter-spacing:.08em;margin:0;font-size:8px;font-weight:900}.card-title-copy h3{color:#2f506d;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:18px;overflow:hidden}.star-sticker{color:#ffbf37;text-shadow:0 2px #fff3bf;font-size:18px;transform:rotate(8deg)}.project-description{color:#718ca5;min-height:56px;margin:11px 0 0;font-size:11px;line-height:1.55}.card-status-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.health-pill,.project-stage,.version-chip{border-radius:999px;align-items:center;gap:5px;min-height:24px;padding:0 8px;font-size:8px;font-weight:800;display:inline-flex}.health-pill{color:#68839d;background:#eff4f8}.health-pill i{background:#98a8b8;border-radius:50%;width:6px;height:6px}.health-online{color:#238c63;background:#eafff5}.health-online i{background:#39c98a;box-shadow:0 0 0 3px #39c98a1c}.health-offline{color:#c55159;background:#fff0f1}.health-offline i{background:#ef6b74}.health-private{color:#735dba;background:#f3efff}.health-private i{background:#9d88eb}.project-stage{background:color-mix(in srgb, var(--card-accent) 10%, white);color:color-mix(in srgb, var(--card-accent) 75%, #4e6780)}.version-chip{color:#9b791d;background:#fff8dc}.stack-list{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.stack-list span{color:#7b94ab;background:#f5f8fb;border:1px solid #edf2f6;border-radius:8px;padding:4px 7px;font-size:8px}.sync-line{color:#8aa1b6;border-top:1px dashed #e5edf4;justify-content:space-between;align-items:center;gap:8px;margin-top:11px;padding-top:9px;font-size:8px;display:flex}.sync-line span:last-child{color:#4ea888;font-weight:800}.card-actions{gap:7px;margin-top:10px;display:flex}.detail-button{color:#fff;background:linear-gradient(135deg, var(--card-accent), var(--card-accent-2));cursor:pointer;min-width:0;min-height:38px;box-shadow:0 4px 0 color-mix(in srgb, var(--card-accent) 17%, #e3e9f1);border:0;border-radius:12px;flex:auto;font-size:10px;font-weight:800}.round-action{color:#6f89a1;background:#f5f8fb;border:2px solid #edf2f6;border-radius:12px;flex:0 0 38px;place-items:center;width:38px;min-height:38px;display:grid}.round-action svg{fill:currentColor;width:17px;height:17px}.website-action svg{fill:none;stroke:currentColor;stroke-width:1.8px}.version-strip{color:#8aa0b5;scrollbar-width:none;background:#ffffff9e;border:2px dashed #dfeaf3;border-radius:18px;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;display:flex;overflow-x:auto}.version-strip::-webkit-scrollbar{display:none}.version-strip div{flex:none;align-items:center;gap:6px;display:flex}.version-strip strong{color:#5e7891;font-size:9px}.version-strip i{color:#b6c4d0;font-style:normal}.empty-state{text-align:center;color:#8ca2b5;align-content:center;place-items:center;min-height:300px;display:grid}.empty-state>span{font-size:46px}.empty-state h3{color:#4d6c86;margin:7px 0 2px}.empty-state p{margin:0;font-size:11px}.empty-state button{color:#fff;cursor:pointer;background:#7c84f6;border:0;border-radius:11px;min-height:37px;margin-top:12px;padding:0 13px}.app-footer{color:#8da1b5;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 5px 0;font-size:9px;display:flex}.app-footer strong{color:#607991}.drawer-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2e486047;justify-content:flex-end;animation:.16s fadeIn;display:flex;position:fixed;inset:0}.control-drawer{background:#f8fcff;width:min(520px,100%);height:100%;animation:.22s slideIn;overflow:hidden;box-shadow:-18px 0 50px #314b672e}.drawer-top{background:linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 18%, white), color-mix(in srgb, var(--card-accent-2) 15%, white));border-bottom:2px solid #49749a12;justify-content:space-between;align-items:center;gap:12px;min-height:86px;padding:15px 17px;display:flex}.drawer-project-title{align-items:center;gap:10px;min-width:0;display:flex}.drawer-project-title>span{background:#ffffffd9;border:2px solid #fff;border-radius:16px;place-items:center;width:50px;height:50px;font-size:26px;display:grid;box-shadow:0 4px #4b6f9314}.drawer-project-title small{color:#7a94aa;letter-spacing:.12em;font-size:8px;font-weight:800}.drawer-project-title h2{color:#2f506d;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:21px;overflow:hidden}.close-button{color:#6d859c;cursor:pointer;background:#ffffffc7;border:0;border-radius:12px;width:36px;height:36px;font-size:22px}.drawer-scroll{height:calc(100% - 86px);padding:14px;overflow-y:auto}.drawer-scroll>.screenshot-frame{border:2px solid #fff;border-radius:20px;box-shadow:0 6px #e8eef4}.control-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.control-summary-grid>div{background:#fff;border:1px solid #e9f0f5;border-radius:15px;flex-direction:column;justify-content:center;gap:5px;min-height:68px;padding:10px 11px;display:flex;box-shadow:0 3px #edf2f6}.control-summary-grid>div>span:first-child{color:#8da1b5;text-transform:uppercase;letter-spacing:.07em;font-size:8px;font-weight:800}.control-summary-grid strong{color:#4a6680;font-size:10px}.control-block{background:#fff;border:1px solid #e8eff5;border-radius:18px;margin-top:12px;padding:13px;box-shadow:0 4px #edf2f6}.control-block-title{align-items:flex-start;gap:9px;display:flex}.control-block-title>span{font-size:20px}.control-block-title h3{color:#3e5e79;margin:0;font-size:14px}.control-block-title p{color:#91a4b7;margin:2px 0 0;font-size:8px}.github-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.github-details>div{background:#f7fafc;border-radius:12px;min-width:0;padding:9px}.github-details span{color:#91a4b7;text-transform:uppercase;font-size:7px;font-weight:800;display:block}.github-details strong{color:#536f87;overflow-wrap:anywhere;margin-top:3px;font-size:9px;display:block}.github-details .commit-box{grid-column:1/-1}.empty-control{color:#95a8ba;text-align:center;background:#f7fafc;border-radius:12px;margin-top:10px;padding:13px;font-size:9px}.progress-track{background:#edf3f7;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#58d49b,#74a8ff);height:100%;display:block}.roadmap-list{gap:6px;margin-top:9px;display:grid}.roadmap-item{color:#7a91a6;background:#f8fafc;border-radius:11px;align-items:center;gap:7px;min-height:34px;padding:0 9px;font-size:9px;display:flex}.roadmap-item.done{color:#3b8f71;background:#f0fff7}.roadmap-item>span{background:#fff;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.deployment-list{gap:7px;margin-top:10px;display:grid}.deployment-list>div{background:#f8fafc;border-radius:11px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:0 9px;display:grid}.deployment-list i{background:#9aabb9;border-radius:50%;width:7px;height:7px}.deployment-list i.deploy-success{background:#46c88e}.deployment-list strong{color:#567189;font-size:9px}.deployment-list span{color:#93a6b8;font-size:8px}.drawer-actions{gap:8px;margin:12px 0 4px;display:flex}.drawer-actions a{color:#fff;background:linear-gradient(135deg,#61c9ff,#7f83f7);border-radius:12px;flex:1;place-items:center;min-height:40px;font-size:10px;font-weight:800;text-decoration:none;display:grid;box-shadow:0 4px #dfe6f4}@keyframes fadeIn{0%{opacity:0}}@keyframes slideIn{0%{opacity:.7;transform:translate(30px)}}@media (width<=1120px){.mini-dashboard{grid-template-columns:repeat(4,1fr)}.developer-chip{grid-column:1/-1}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.app-shell{width:min(100% - 18px,720px)}.compact-header{grid-template-columns:1fr auto}.header-copy{grid-area:2/1/auto/-1}.header-copy span{white-space:normal}.mini-dashboard{grid-template-columns:repeat(2,1fr)}.developer-chip{grid-column:1/-1}.toolbar{grid-template-columns:1fr}.filter-tabs{justify-content:flex-start}}@media (width<=590px){.app-shell{width:min(100% - 12px,520px);padding-top:7px}.compact-header{border-radius:19px;gap:10px;padding:12px}.brand-bubble{border-radius:15px;width:46px;height:46px;font-size:23px}.brand-zone h1{font-size:21px}.header-copy strong{font-size:13px}.header-copy span{font-size:9px}.sync-button{min-height:38px;padding:0 10px;font-size:9px}.mini-dashboard{gap:8px;margin-top:10px}.mini-stat,.developer-chip{border-radius:16px;min-height:58px;padding:9px 10px}.mini-stat>span,.developer-chip>span,.mini-stat strong{font-size:18px}.project-library{border-radius:20px;padding:13px}.library-heading{align-items:flex-start}.section-sticker{width:36px;height:36px;font-size:18px}.library-heading h2{font-size:22px}.projects-grid{grid-template-columns:1fr}.project-description{min-height:0}.version-strip{justify-content:flex-start}.app-footer span{display:none}.control-summary-grid,.github-details{grid-template-columns:1fr}.github-details .commit-box{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.header-actions{z-index:1;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:relative}.manage-button{color:#5b6fa6;cursor:pointer;background:#ffffffeb;border:2px solid #e5ecf7;border-radius:14px;min-height:42px;padding:0 13px;font-size:10px;font-weight:800;box-shadow:0 5px #e8edf5}.manage-button:hover{background:#fff;transform:translateY(-1px)}.project-card{position:relative}.project-card.is-showcase{border-style:dashed}.showcase-ribbon{z-index:7;color:#725ca9;letter-spacing:.05em;background:#faf6fff0;border:1px solid #795bb124;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:900;position:absolute;top:10px;right:10px;box-shadow:0 3px 9px #4e42721c}.access-chip{color:#765fb3;background:#f3efff}.restricted-note{font-weight:800;color:#886fb0!important}.private-banner{color:#725d9c;background:#faf7ff;border:1px dashed #d8cced;border-radius:13px;margin-top:12px;padding:10px 12px;font-size:9px;line-height:1.5}.manager-backdrop{z-index:140;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#3048634d;place-items:center;padding:18px;animation:.15s fadeIn;display:grid;position:fixed;inset:0}.project-manager{background:#f8fcff;border:2px solid #6691c224;border-radius:25px;width:min(980px,100%);max-height:min(880px,100vh - 36px);overflow:hidden;box-shadow:0 24px 70px #304d6c38,0 8px #5b8fc714}.manager-header{background:linear-gradient(135deg,#e5f8ff,#f4eeff 55%,#fff3f7);border-bottom:1px solid #e8eef5;justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:13px 16px;display:flex}.manager-header>div{align-items:center;gap:10px;display:flex}.manager-header>div>span{background:#fff;border-radius:15px;place-items:center;width:45px;height:45px;font-size:22px;display:grid;box-shadow:0 4px #e2eaf3}.manager-header small{color:#8aa2b8;letter-spacing:.12em;font-size:8px;font-weight:900;display:block}.manager-header h2{color:#365976;margin:1px 0 0;font-size:20px}.manager-header>button{color:#6c8298;cursor:pointer;background:#ffffffd1;border:0;border-radius:12px;width:36px;height:36px;font-size:22px}.manager-login{text-align:center;align-content:center;place-items:center;gap:10px;min-height:410px;padding:30px;display:grid}.manager-lock{font-size:48px}.manager-login h3{color:#3c5e79;margin:0;font-size:20px}.manager-login p{color:#849db4;max-width:430px;margin:0;font-size:10px;line-height:1.6}.manager-login input{color:#3c5e79;text-align:center;background:#fff;border:2px solid #e2ebf3;border-radius:13px;outline:0;width:min(380px,100%);height:44px;padding:0 13px}.manager-login input:focus{border-color:#83b9ee;box-shadow:0 0 0 4px #69abe717}.manager-login button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5dc6ff,#837ff3);border:0;border-radius:12px;min-height:41px;padding:0 17px;font-weight:800;box-shadow:0 4px #dae2f3}.manager-error{color:#c95963;margin-top:6px;font-size:9px;font-weight:700;display:block}.manager-body,.project-editor{max-height:calc(100vh - 115px);padding:15px;overflow-y:auto}.manager-toolbar{background:#fff;border:1px solid #e8eef4;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.manager-toolbar>div{align-items:baseline;gap:6px;display:flex}.manager-toolbar strong{color:#476781;font-size:22px}.manager-toolbar span{color:#8ca2b7;font-size:9px}.manager-toolbar button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5dc7ff,#7d83f4);border:0;border-radius:11px;min-height:36px;padding:0 12px;font-size:9px;font-weight:800}.access-help{flex-wrap:wrap;gap:7px;margin:10px 2px;display:flex}.access-help .mode{border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.access-help .active{color:#26815f;background:#eafff5}.access-help .showcase{color:#755db0;background:#f4efff}.access-help .hidden{color:#7c8997;background:#eef2f5}.manager-list{gap:7px;display:grid}.manager-row{background:#fff;border:1px solid #e8eef4;border-radius:14px;grid-template-columns:minmax(220px,1fr) 145px 72px 62px;align-items:center;gap:7px;min-height:61px;padding:8px 9px;display:grid}.manager-project{align-items:center;gap:9px;min-width:0;display:flex}.manager-project>span{background:#f3f8fc;border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.manager-project>div{min-width:0;display:grid}.manager-project strong{color:#486781;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.manager-project small{color:#98aabc;font-size:8px}.manager-row select,.editor-grid select,.editor-grid input,.editor-grid textarea{color:#4c6a83;width:100%;font:inherit;background:#f9fcfe;border:1px solid #dfe8f0;border-radius:10px}.manager-row select{height:35px;padding:0 8px;font-size:9px}.edit-project,.delete-project{cursor:pointer;border:0;border-radius:10px;min-height:35px;font-size:9px;font-weight:800}.edit-project{color:#5277a2;background:#edf6ff}.delete-project{color:#bd5963;background:#fff0f2}.editor-title{align-items:center;gap:11px;margin-bottom:12px;display:flex}.editor-title button{color:#6b849b;cursor:pointer;background:#edf3f7;border:0;border-radius:10px;min-height:33px;padding:0 10px}.editor-title h3{color:#3f617c;margin:0;font-size:17px}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.editor-grid label{gap:5px;min-width:0;display:grid}.editor-grid label>span{color:#7d96ad;font-size:8px;font-weight:800}.editor-grid input,.editor-grid select{height:40px;padding:0 10px}.editor-grid textarea{resize:vertical;min-height:82px;padding:10px}.editor-grid .wide{grid-column:1/-1}.editor-grid .check-row{align-items:center;gap:8px;min-height:38px;display:flex}.editor-grid .check-row input{width:17px;height:17px}.editor-actions{border-top:1px dashed #e1eaf1;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;display:flex}.editor-actions button{cursor:pointer;border:0;border-radius:11px;min-height:39px;padding:0 14px;font-size:9px;font-weight:800}.editor-actions .cancel{color:#71889d;background:#edf3f7}.editor-actions .save{color:#fff;background:linear-gradient(135deg,#59c5ff,#7f82f3)}@media (width<=820px){.header-actions{grid-area:1/2}.manage-button{min-height:38px;padding:0 9px;font-size:8px}.header-actions .sync-button{min-height:38px;font-size:8px}.manager-row{grid-template-columns:minmax(180px,1fr) 130px 64px 56px}}@media (width<=620px){.header-actions{gap:5px}.manage-button{color:#0000;width:39px;padding:0;font-size:0;overflow:hidden}.manage-button:before{content:"⚙️";color:initial;font-size:16px}.manager-backdrop{padding:6px}.project-manager{border-radius:18px;max-height:calc(100vh - 12px)}.manager-header{min-height:67px;padding:10px}.manager-body,.project-editor{max-height:calc(100vh - 80px);padding:10px}.manager-row{grid-template-columns:minmax(0,1fr) 120px;gap:6px}.manager-row .edit-project,.manager-row .delete-project{min-height:31px}.manager-row .edit-project{grid-column:1}.manager-row .delete-project{grid-column:2}.editor-grid{grid-template-columns:1fr}.editor-grid .wide{grid-column:auto}.showcase-ribbon{top:8px;right:8px}}