.project-reconstruction-note{font-size:13px;color:#b1c0b7;line-height:1.7;margin:0 0 22px;word-break:keep-all}
.studio-caption{margin:0;padding:11px 14px;text-align:center;font-size:11px;line-height:1.5;color:#768596;border-top:1px solid #e3e9ee;background:#edf2f5}
.studio{width:100%;background:#f7f9fb;color:#243346;border:1px solid #ffffff50;border-radius:16px;box-shadow:0 18px 45px #081b1933;font-family:inherit}
.studio *{box-sizing:border-box}.studio b,.studio strong{font-weight:700}.studio small{display:block}
.studio-chrome{display:flex;align-items:center;gap:14px;background:#eaf0f4;border-bottom:1px solid #dfe6ec;padding:13px 16px}.studio-chrome b{font-size:10px;letter-spacing:.3px;color:#64748b}.studio-chrome>small{margin-left:auto;font-size:10px;color:#718096;white-space:nowrap}.studio-dots{display:flex;gap:4px}.studio-dots i{height:6px;width:6px;background:#f19991;border-radius:50%}.studio-dots i:nth-child(2){background:#e9c37d}.studio-dots i:nth-child(3){background:#8cc5a4}
.studio-toolbar{display:flex;align-items:center;gap:10px;padding:20px 20px 17px;background:#fff}.studio-mark{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;background:#243c32;color:#fff;border-radius:10px;font-size:19px;font-weight:800}.studio-toolbar>div{flex:1}.studio-toolbar small{font-size:8px;letter-spacing:1.4px;color:#8493a5;margin-bottom:3px}.studio-toolbar b{font-size:17px;letter-spacing:-.4px}
.studio-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;background:#eef1ff;color:#6673a8;border-radius:6px;font-size:10px;line-height:1.4;white-space:nowrap;font-weight:600}.studio-pill.green{background:#eaf6ef;color:#3b8060}.studio-pill.orange{background:#fff0e4;color:#b97434}
.studio-tabs{display:flex;gap:20px;padding:0 20px;background:#fff;border-bottom:1px solid #e3e8ed}.studio-tabs>span{font-size:12px;color:#8995a4;padding:10px 0 12px;white-space:nowrap}.studio-tabs>.selected{border-bottom:2px solid #ee7b45;color:#273b32;font-weight:700}.studio-body{padding:20px;min-height:425px;display:flex;flex-direction:column;gap:16px}
.studio-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studio-stat{background:#fff;padding:13px 12px;border:1px solid #e4eaee;border-radius:10px}.studio-stat>small{color:#7b8898;font-size:11px}.studio-stat strong{display:block;font-size:28px;line-height:1.3;margin:5px 0;color:#2f4438;letter-spacing:-1px;font-variant-numeric:tabular-nums}.studio-stat>span{color:#7e9486;font-size:10px}
.studio-week{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.studio-week>div{padding:9px 0;display:grid;justify-items:center;gap:5px;border-radius:9px}.studio-week small{font-size:10px;color:#8b96a5}.studio-week b{font-size:15px}.studio-week i{width:4px;height:4px;border-radius:50%}.studio-week .has-job{background:#ed9b71}.studio-week .today{background:#294b3d;color:#fff}.studio-week .today small{color:#bcd6c7}
.studio-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.studio-section-title>b{font-size:13px}.studio-section-title>span:not(.studio-pill){font-size:10px;color:#8794a3}
.studio-schedule{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border:1px solid #e4e9ec;border-radius:10px}.studio-schedule time{font-size:11px;color:#8a98a8}.studio-schedule>div:not(.studio-content-thumb){flex:1}.studio-schedule b{font-size:12px}.studio-schedule small{font-size:10px;color:#8d99a6;margin-top:4px}.studio-content-thumb{flex-shrink:0;display:grid;place-items:center;width:33px;height:38px;background:#e7eddf;color:#6e8655;border-radius:6px;font-size:21px}.studio-content-thumb.peach{background:#fceadd;color:#cc835b}.active-job{animation:studioFocus 4s ease-in-out infinite}
.studio-compose{padding:14px;background:#fff;border:1px solid #e5e9ed;border-radius:10px}.studio-compose>span{font-size:9px;letter-spacing:1px;color:#b681bd}.studio-compose p{font-size:12px;line-height:1.7;margin-top:8px;color:#687386}.studio-caret{display:inline-block;height:12px;width:2px;background:#ec6d32;vertical-align:middle;margin-left:3px;animation:studioBlink 1s steps(2) infinite}.studio-writing{display:grid;gap:6px;margin-top:9px}.studio-writing i{height:5px;background:#e9eef2;border-radius:4px;width:88%;transform-origin:left;animation:studioWrite 4s ease-in-out infinite}.studio-writing i:last-child{width:65%;animation-delay:.4s}
.studio-toast{display:flex;align-items:center;gap:8px;padding:12px;background:#edf5f0;border:1px solid #dceade;border-radius:9px;margin-top:auto;animation:studioToast 5s ease-in-out infinite}.studio-toast i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#d6e9db;color:#518565;font-size:10px;font-style:normal;flex-shrink:0}.studio-toast>span{font-size:11px;line-height:1.5;color:#4b7358;flex:1}.studio-toast small{font-size:9px;color:#8eab96;white-space:nowrap}
.studio-search{display:flex;align-items:center;gap:9px;border:1px solid #e0e7ed;background:#fff;border-radius:8px;padding:12px;font-size:12px}.studio-search>span{font-size:20px;color:#7d8c9d;line-height:1}.studio-search small{margin-left:auto;font-size:10px;color:#8794a4}
.studio-sentiment{display:flex;align-items:center;justify-content:center;gap:30px;padding:6px 0}.studio-donut{width:144px;height:144px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#62967b 0 68%,#d2dee5 68% 92%,#efa078 92%);position:relative}.studio-donut:after{content:'';position:absolute;inset:-5px;border:1px dashed #d0ded5;border-radius:50%;animation:studioOrbit 30s linear infinite}.studio-donut>div{display:grid;align-content:center;justify-items:center;gap:5px;width:112px;height:112px;background:#f7f9fb;border-radius:50%}.studio-donut small{font-size:10px;color:#83948b}.studio-donut strong{font-size:26px;color:#334c3d;letter-spacing:-1px}.studio-legend{min-width:98px}.studio-legend p{display:flex;align-items:center;gap:7px;margin:13px 0;font-size:11px;color:#758394}.studio-legend b{margin-left:auto;color:#394f41}.studio-legend i{width:7px;height:7px;background:#62967b;border-radius:2px}.studio-legend p:nth-child(2) i{background:#c5d3de}.studio-legend p:nth-child(3) i{background:#efa078}
.studio-feed{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #e3e8ec}.studio-feed>div{flex:1;min-width:0}.studio-feed b{display:block;font-size:12px;line-height:1.6;word-break:keep-all}.studio-feed small{font-size:10px;color:#94a0ad;margin-top:4px}.studio-platform{display:grid;place-items:center;width:27px;height:27px;background:#e3eee8;color:#62856f;border-radius:8px;font-size:12px;flex-shrink:0}.studio-platform.purple{background:#ede9f6;color:#9680ba}.studio-alert{display:flex;align-items:center;gap:10px;background:#fff1e8;border:1px solid #f6dfce;border-radius:10px;padding:14px;animation:studioToast 5s ease-in-out infinite}.studio-alert>span{display:grid;place-items:center;border-radius:50%;width:24px;height:24px;background:#f7d7bf;color:#af764d;font-size:13px;flex-shrink:0}.studio-alert b{font-size:12px;color:#916645}.studio-alert small{font-size:10px;line-height:1.6;color:#b18a6c;margin-top:3px}.studio-alert>i{margin-left:auto;color:#b4815a;font-style:normal}
.studio-blog-profile{display:flex;align-items:center;gap:10px}.studio-avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:linear-gradient(130deg,#eedcbb,#9fb8a6);border-radius:12px;color:#fff;font-weight:800}.studio-blog-profile>div:nth-child(2){flex:1}.studio-blog-profile b{font-size:13px}.studio-blog-profile small{font-size:10px;color:#8996a4;margin-top:5px}.studio-routine{display:flex;align-items:center;gap:11px;background:#fff;padding:14px 12px;border:1px solid #e4e9ed;border-radius:9px}.studio-routine-icon{font-size:18px;color:#7b9e88;flex-shrink:0}.studio-routine>div{flex:1}.studio-routine b{font-size:12px}.studio-routine small{font-size:10px;color:#8a97a5;margin-top:4px}.studio-toggle{width:29px;height:17px;border-radius:15px;background:#67967b;position:relative;flex-shrink:0}.studio-toggle:after{content:'';position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;right:3px;top:3px}.studio-running{display:flex;align-items:center;gap:10px;background:#eaf1ec;padding:14px;border-radius:9px;margin-top:auto}.studio-running>div{flex:1}.studio-running b{font-size:11px;color:#61806a}.studio-running strong{font-size:11px;color:#6c8d77}.studio-spinner{width:18px;height:18px;border:2px solid #c6d8cb;border-top-color:#61856d;border-radius:50%;animation:studioOrbit 1.6s linear infinite}.studio-runbar{height:3px;background:#d6e3d9;border-radius:3px;overflow:hidden;margin-top:8px}.studio-runbar i{display:block;width:68%;height:100%;background:#729b7d;transform-origin:left;animation:studioWrite 5s ease-in-out infinite}
.studio-platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.studio-platforms>div{display:grid;justify-items:center;gap:6px;background:#fff;border:1px solid #e3e9ed;border-radius:10px;padding:13px 5px}.studio-platforms i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e4eee7;color:#61896e;font-size:13px;font-weight:800;font-style:normal}.studio-platforms>div:nth-child(2) i{color:#9a81af;background:#f0eaf6}.studio-platforms>div:nth-child(3) i{color:#b08959;background:#f9efdf}.studio-platforms b{font-size:11px}.studio-platforms small{font-size:9px;color:#9aa6b1}.studio-account-header,.studio-account{display:grid;grid-template-columns:1.35fr 1fr 54px;align-items:center;gap:14px}.studio-account-header{font-size:10px;color:#9aa6b1;padding:4px 0}.studio-account{padding:12px 0;border-bottom:1px solid #e2e9ed}.studio-account b{font-size:12px}.studio-account small{font-size:10px;color:#8b99a7;margin-top:4px}.studio-account-progress{height:5px;background:#e3eae6;border-radius:4px;overflow:hidden}.studio-account-progress i{height:100%;display:block;width:var(--progress);background:#779e84;border-radius:4px;transform-origin:left;animation:studioWrite 5s ease-in-out infinite;animation-delay:var(--delay)}
.studio-rank-summary{display:flex;align-items:center;gap:14px}.studio-rank-summary small{font-size:11px;color:#8a97a4}.studio-rank-summary strong{display:block;font-size:37px;letter-spacing:-1px;color:#2f503d;margin-top:5px}.studio-rank-summary strong span{font-size:15px;margin-left:4px}.studio-rank-summary>span:last-child{margin-left:auto;font-size:10px;color:#919fad}.studio-chart{position:relative;padding:0 2px 0 28px}.studio-chart svg{display:block;width:100%;height:auto;overflow:visible}.studio-chart-axis{position:absolute;left:0;top:10%;bottom:24%;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#a0acb6}.studio-chart-days{display:flex;justify-content:space-between;font-size:9px;color:#96a4af;margin-top:7px}.studio-chart-line{stroke-dasharray:1;stroke-dashoffset:0;animation:studioDraw 5s ease-in-out infinite}.studio-rank-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e1e8ec}.studio-rank-row>b{font-size:12px;flex:1}.studio-rank-row>span:not(.studio-pill){font-size:11px;color:#8e9ba6}.studio-rank-row strong{color:#436a53}
@keyframes studioWrite{0%,100%{transform:scaleX(.65)}55%,80%{transform:scaleX(1)}}@keyframes studioDraw{0%{stroke-dashoffset:1}50%,100%{stroke-dashoffset:0}}@keyframes studioOrbit{to{transform:rotate(360deg)}}@keyframes studioBlink{50%{opacity:0}}@keyframes studioFocus{50%{border-color:#eab997;box-shadow:0 0 0 3px #f4dfcf50}}@keyframes studioToast{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px);box-shadow:0 5px 12px #27483908}}
@media(max-width:1050px) and (min-width:761px){.project-card{padding:22px}.studio-body{padding:15px;gap:13px}.studio-toolbar{padding:16px}.studio-tabs{gap:15px;padding:0 16px}.studio-toolbar b{font-size:15px}.studio-sentiment{gap:18px}.studio-schedule{gap:7px}.studio-content-thumb{display:none}}
@media(max-width:760px){.studio{border-radius:12px}.studio-body{min-height:0;padding:16px 13px;gap:14px}.studio-chrome{padding:11px 12px;gap:9px}.studio-chrome b{font-size:9px}.studio-toolbar{padding:17px 13px;gap:8px}.studio-toolbar b{font-size:16px}.studio-toolbar>.studio-pill{font-size:9px;padding:5px 6px}.studio-tabs{padding:0 13px;gap:19px}.studio-tabs>span{font-size:11px}.studio-stat{padding:12px 9px}.studio-stat strong{font-size:27px}.studio-stat>span{font-size:9px}.studio-schedule{padding:11px 9px;gap:7px}.studio-content-thumb{width:27px;height:33px}.studio-schedule b{font-size:11px}.studio-schedule time{font-size:10px}.studio-pill{font-size:9px;padding:5px 6px}.studio-sentiment{gap:28px;padding:8px 0}.studio-toast small{display:none}.studio-account-header,.studio-account{gap:10px}.studio-rank-row{gap:8px}.studio-rank-row>b{font-size:11px}.studio-rank-summary>span:last-child{font-size:9px}.studio-feed{gap:8px}.studio-feed b{font-size:11px}}
@media(max-width:380px){.studio-content-thumb{display:none}.studio-donut{width:126px;height:126px}.studio-donut>div{width:98px;height:98px}.studio-sentiment{gap:19px}.studio-stat>span{font-size:8px}.studio-toolbar .studio-mark{width:29px;height:29px}.studio-toolbar b{font-size:14px}.studio-chrome b{font-size:8px}.studio-feed>.studio-platform{display:none}}
@media(prefers-reduced-motion:reduce){.studio *,.studio *:before,.studio *:after{animation:none!important}}
