/* CotoCle Excel Studio v0.8.427 */
:root{--cc-studio-ink:#263b35;--cc-studio-muted:#6f817b;--cc-studio-mint:#3f947d;--cc-studio-mint-soft:#e9f7f2;--cc-studio-peach:#fff0e8;--cc-studio-lilac:#f2efff;--cc-studio-line:#d7e7e1}
html.cc-studio-material-open{overflow:hidden}

/* A calm, spacious editor shell for first-time users. */
.cc-workspace--dedicated{background:linear-gradient(145deg,#fffaf6 0%,#f3faf7 44%,#f7f3ff 100%)!important}
.cc-workspace--dedicated .cc-office-editor{max-width:1600px!important;margin:0 auto!important;color:var(--cc-studio-ink)!important}
.cc-workspace--dedicated .cc-office-probar{position:sticky!important;top:0!important;z-index:120!important;margin:10px 12px 0!important;border:1px solid rgba(177,205,196,.78)!important;border-radius:0!important;background:rgba(255,255,255,.96)!important;box-shadow:0 14px 42px rgba(48,83,72,.10)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.cc-workspace--dedicated .cc-excel-ribbon-tabs{min-height:54px!important;padding:7px 10px!important;gap:4px!important;background:linear-gradient(90deg,#f7fcfa,#fff9f4 52%,#faf7ff)!important}
.cc-workspace--dedicated .cc-excel-ribbon-tabs button{min-height:38px!important;padding:0 13px!important;border-radius:12px!important;color:#496159!important;font-size:11px!important;font-weight:850!important}
.cc-workspace--dedicated .cc-excel-ribbon-tabs button[data-ribbon-tab].is-active{border-color:#acd8ca!important;background:#e7f7f1!important;color:#236f5a!important;box-shadow:0 4px 12px rgba(54,133,109,.10)!important}
.cc-workspace--dedicated .cc-excel-ribbon-panel{gap:10px!important;padding:10px 12px 13px!important;background:rgba(255,255,255,.98)!important}
.cc-workspace--dedicated .cc-ribbon-group{min-height:82px!important;padding:8px 10px!important;border:1px solid #e4eeea!important;border-radius:15px!important;background:#fbfdfc!important}
.cc-workspace--dedicated .cc-ribbon-group>span{color:#6b8179!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important}
.cc-workspace--dedicated .cc-ribbon-group button,.cc-workspace--dedicated .cc-ribbon-group select{min-height:34px!important;border-radius:9px!important}
.cc-workspace--dedicated .cc-ribbon-group--studio{border-color:#bfe2d7!important;background:linear-gradient(145deg,#edfaf6,#fffef7)!important}
.cc-workspace--dedicated .cc-ribbon-group--studio .is-studio-primary{border-color:#33866e!important;background:#33866e!important;color:#fff!important;box-shadow:0 5px 13px rgba(42,118,95,.18)!important}
.cc-workspace--dedicated .cc-ribbon-group--shapes{background:linear-gradient(145deg,#fffaf1,#fff)!important}
.cc-workspace--dedicated .cc-ribbon-group--free-text{background:linear-gradient(145deg,#f4f0ff,#fff)!important}
.cc-workspace--dedicated .cc-ribbon-group--free-text>div{align-items:center!important}
.cc-workspace--dedicated .cc-ribbon-group--free-text small{max-width:100px;color:#81789a;font-size:8px;line-height:1.35}
.cc-workspace--dedicated .is-free-placement{border-color:#a99bda!important;background:#eee9ff!important;color:#62558d!important}

.cc-workspace--dedicated .cc-office-pages{padding:18px 12px 120px!important;background:transparent!important}
.cc-workspace--dedicated .cc-office-page.is-active{border:1px solid #dbe8e3!important;border-radius:22px!important;background:#edf5f2!important;box-shadow:0 18px 50px rgba(44,74,64,.09)!important;overflow:hidden!important}
.cc-workspace--dedicated .cc-sheet-shell{padding:22px!important;background:linear-gradient(145deg,#eef5f2,#f7f3fb)!important}
.cc-workspace--dedicated .cc-sheet-wrap{position:relative!important;isolation:isolate!important;border:1px solid #cddcd6!important;border-radius:13px!important;background:#fff!important;box-shadow:0 18px 44px rgba(39,64,55,.13)!important}
.cc-workspace--dedicated .cc-sheet{background:#fff!important}
.cc-workspace--dedicated .cc-sheet thead th{height:34px!important;background:#f1f7f5!important;color:#657a73!important;font-size:10px!important;font-weight:850!important}
.cc-workspace--dedicated .cc-sheet tbody>tr>th{min-width:42px!important;background:#f5f8f7!important;color:#80908a!important;font-size:9px!important}
.cc-workspace--dedicated .cc-sheet td[data-office-id]{min-width:94px!important;height:36px!important;padding:8px 11px!important;border-color:#e4ebe8!important;color:#2d3e38!important;font-size:12px!important;line-height:1.48!important;transition:box-shadow .12s ease,background-color .12s ease!important}
.cc-workspace--dedicated .cc-sheet td[data-office-id]:focus,.cc-workspace--dedicated .cc-sheet td[data-office-id].is-selected{box-shadow:inset 0 0 0 2px #3a9a7f,0 0 0 2px rgba(58,154,127,.16)!important}
.cc-workspace--dedicated .cc-sheet td[data-office-id].is-editing{background:#fffef8!important;box-shadow:inset 0 0 0 2px #e1a758,0 0 0 3px rgba(225,167,88,.16)!important}

/* Floating objects live above the cells and are never cell backgrounds. */
.cc-excel-floating-layer{position:absolute;left:0;top:0;z-index:18;min-width:100%;min-height:100%;pointer-events:none;overflow:visible}
.cc-excel-float-object{position:absolute;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:12px;border:2px solid transparent;box-sizing:border-box;transform-origin:center center;pointer-events:auto;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 5px 9px rgba(42,67,59,.10))}
.cc-excel-float-object.is-moving{cursor:grabbing}
.cc-excel-float-object.is-selected{outline:2px solid #2f9a7d;outline-offset:3px;filter:drop-shadow(0 9px 15px rgba(42,111,90,.20))}
.cc-excel-float-object--image{border:0;background:transparent}
.cc-excel-float-object--image img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.cc-excel-float-object--shape{padding:12px 16px;border-style:solid;background:#fff4cf;color:#2b4039;text-align:center;font-size:15px;font-weight:750;line-height:1.45;overflow:visible}
.cc-excel-float-object--shape[data-shape="line"]{min-height:2px;padding:0;border:0;border-radius:999px}
.cc-excel-float-text{display:grid;place-items:center;width:100%;height:100%;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;outline:0;cursor:text}
.cc-excel-float-text[contenteditable="true"]{min-width:80px;padding:5px;border-radius:8px;background:rgba(255,255,255,.90);box-shadow:0 0 0 2px rgba(47,154,125,.24);user-select:text;-webkit-user-select:text}
.cc-excel-float-resize{display:none;position:absolute;right:-11px;bottom:-11px;width:23px;height:23px;padding:0;border:3px solid #fff;border-radius:50%;background:#2f9a7d;box-shadow:0 3px 9px rgba(25,70,57,.28);cursor:nwse-resize}
.cc-excel-float-resize:after{content:"";position:absolute;inset:5px;border-right:2px solid #fff;border-bottom:2px solid #fff}
.cc-excel-float-object.is-selected .cc-excel-float-resize{display:block}

.cc-studio-object-tools{align-items:stretch!important}
.cc-studio-opacity{display:grid;grid-template-columns:70px minmax(120px,180px) 44px;align-items:center;gap:7px;padding:3px 10px;border:1px solid #d9e5e1;border-radius:13px;background:#fff}
.cc-studio-opacity small,.cc-studio-text small{color:#667a73;font-size:9px;font-weight:850}
.cc-studio-opacity input{accent-color:#3b927a}
.cc-studio-opacity b{color:#337c69;font-size:10px;text-align:right}
.cc-studio-text{display:grid;grid-template-columns:auto minmax(180px,300px);align-items:center;gap:8px;padding:3px 10px;border:1px solid #d9e5e1;border-radius:13px;background:#fff}
.cc-studio-text input{height:34px;border:1px solid #cbdcd6;border-radius:9px;padding:0 10px;font-size:11px}

/* CotoCle-first material browser. */
.cc-studio-material-modal[hidden]{display:none!important}
.cc-studio-material-modal{position:fixed;inset:0;z-index:10000050;display:grid;place-items:center;padding:20px;background:rgba(28,47,41,.56);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);overscroll-behavior:contain}
.cc-studio-material-modal,.cc-studio-material-dialog,.cc-studio-material-dialog>header,.cc-studio-material-tools,.cc-studio-material-chips,.cc-studio-material-status,.cc-studio-material-results,.cc-studio-material-dialog>footer{margin:0!important;box-sizing:border-box}
.cc-studio-material-dialog{display:flex;flex-direction:column;width:min(1100px,96vw);max-height:min(880px,94dvh);overflow:hidden;border:1px solid rgba(198,222,214,.9);border-radius:30px;background:#fff;box-shadow:0 35px 110px rgba(17,42,34,.33)}
.cc-studio-material-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 25px 18px;background:linear-gradient(120deg,#eaf8f3 0%,#fff8ef 48%,#f3efff 100%)}
.cc-studio-material-dialog>header small{display:block;color:#38836e;font-size:10px;font-weight:950;letter-spacing:.18em}
.cc-studio-material-dialog>header h2{margin:4px 0 3px;color:#263d36;font-size:28px;line-height:1.25}
.cc-studio-material-dialog>header p{margin:0;color:#6a7974;font-size:12px}
.cc-studio-material-dialog>header>button{flex:0 0 46px;width:46px;height:46px;border:1px solid #bfd4cd;border-radius:50%;background:rgba(255,255,255,.88);color:#335f53;font-size:24px;cursor:pointer}
.cc-studio-material-tools{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;padding:14px 22px 9px}
.cc-studio-material-tools [data-cc-studio-material-search]{display:flex;align-items:end;gap:8px;min-width:0}
.cc-studio-material-tools label{display:grid;gap:5px;min-width:0;flex:1}
.cc-studio-material-tools label>span{color:#667973;font-size:9px;font-weight:900}
.cc-studio-material-tools input,.cc-studio-material-tools select{width:100%;height:43px;border:1px solid #c7d9d3;border-radius:12px;background:#fff;padding:0 12px;color:#263c35;font:inherit;font-size:13px}
.cc-studio-material-tools [data-cc-studio-material-search]>button{height:43px;padding:0 20px;border:0;border-radius:12px;background:#34856f;color:#fff;font-size:12px;font-weight:900;cursor:pointer}
.cc-studio-material-chips{display:flex;gap:7px;padding:0 22px 11px;overflow-x:auto;scrollbar-width:none}
.cc-studio-material-chips button{flex:0 0 auto;padding:7px 13px;border:1px solid #cadeD7;border-radius:999px;background:#f7fbfa;color:#446e62;font-size:10px;font-weight:850;cursor:pointer}
.cc-studio-material-status{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 22px;border-block:1px solid #e2ece8;background:#fffdf8;color:#657771;font-size:11px}
.cc-studio-material-status strong{color:#386f60;white-space:nowrap}.cc-studio-material-status b{font-size:14px}
.cc-studio-material-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;flex:1 1 320px;gap:11px;min-height:180px;padding:16px 20px 20px;overflow:auto;overscroll-behavior:contain;background:linear-gradient(145deg,#f5f9f7,#fbf8fd)}
.cc-studio-material-card{align-self:start;min-width:0;height:max-content;overflow:hidden;border:1px solid #dbe7e3;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(39,68,58,.06);transition:transform .16s ease,box-shadow .16s ease}
.cc-studio-material-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(39,68,58,.11)}
.cc-studio-material-thumb{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(145deg,#f9fbfa,#edf6f2)}
.cc-studio-material-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.cc-studio-material-card>div:last-child{display:grid;gap:6px;margin:0!important;padding:10px}
.cc-studio-material-card strong{overflow:hidden;color:#30443e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.cc-studio-material-card span{overflow:hidden;color:#6e817a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.cc-studio-material-card button{min-height:35px;border:0;border-radius:10px;background:#33846f;color:#fff;font-size:10px;font-weight:900;cursor:pointer}
.cc-studio-material-card button:disabled{background:#9fb6ae;cursor:wait}
.cc-studio-material-empty,.cc-studio-material-loading{grid-column:1/-1;display:grid;place-items:center;align-content:center;gap:8px;min-height:260px;color:#6f817b;text-align:center}
.cc-studio-material-empty strong{color:#3c5a51;font-size:16px}.cc-studio-material-empty span{font-size:11px}
.cc-studio-material-loading i{width:32px;height:32px;border:3px solid #d4e8e1;border-top-color:#398b74;border-radius:50%;animation:cc-studio-spin .8s linear infinite}
@keyframes cc-studio-spin{to{transform:rotate(360deg)}}
.cc-studio-material-dialog>footer{display:flex;align-items:center;gap:9px;padding:13px 20px;background:#fffaf2}
.cc-studio-material-dialog>footer>div{display:grid;gap:2px;margin-right:auto}.cc-studio-material-dialog>footer strong{color:#495f57;font-size:11px}.cc-studio-material-dialog>footer span{color:#81908b;font-size:9px}
.cc-studio-material-dialog>footer button{min-height:38px;padding:0 14px;border:1px solid #d5ddd9;border-radius:11px;background:#fff;color:#596d66;font-size:10px;font-weight:850;cursor:pointer}

/* Keep optional web search visually secondary. */
.cc-free-image-overlay .cc-free-image-panel{border-radius:26px!important}
.cc-free-image-overlay .cc-free-image-head{background:linear-gradient(120deg,#f2f5f4,#fffaf3)!important}
.cc-free-card-actions .is-insert{background:#3d8975!important}

/* More generous AI output: the resulting sheet reads like a designed document. */
.cc-ai-theme-grid button[data-ai-theme="cotocle_studio"]{background:linear-gradient(145deg,#eaf8f3,#fff4ea)!important}
.cc-ai-theme-grid button[data-ai-theme="editorial_pop"]{background:linear-gradient(145deg,#fff0e9,#f2efff)!important}
.cc-ai-theme-grid button[data-ai-theme="airy_luxury"]{background:linear-gradient(145deg,#fbf4e9,#fffefa)!important}

@media(max-width:900px){
  .cc-workspace--dedicated .cc-office-probar{margin-inline:0!important;border-radius:0!important}
  .cc-workspace--dedicated .cc-office-pages{padding-inline:5px!important}
  .cc-workspace--dedicated .cc-sheet-shell{padding:10px!important}
  .cc-studio-material-results{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cc-studio-opacity{grid-template-columns:58px 130px 38px}.cc-studio-text{grid-template-columns:auto 190px}
}
@media(max-width:560px){
  .cc-studio-material-modal{padding:0}
  .cc-studio-material-dialog{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0}
  .cc-studio-material-dialog>header{padding:15px}.cc-studio-material-dialog>header h2{font-size:22px}.cc-studio-material-dialog>header p{font-size:10px}
  .cc-studio-material-tools{grid-template-columns:1fr;padding-inline:12px}.cc-studio-sort{display:none!important}
  .cc-studio-material-chips,.cc-studio-material-status{padding-inline:12px}
  .cc-studio-material-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 8px}
  .cc-studio-material-dialog>footer{display:grid;grid-template-columns:1fr 1fr;padding:10px}.cc-studio-material-dialog>footer>div{grid-column:1/-1}
  .cc-workspace--dedicated .cc-sheet td[data-office-id]{min-width:86px!important;height:34px!important;padding:7px 9px!important;font-size:11px!important}
}

/* v0.8.438 — compact object inspector + stable touch transforms. */
.cc-excel-float-object,.cc-excel-float-resize{
  touch-action:none!important;
  overscroll-behavior:none!important;
  -webkit-user-drag:none!important;
}
.cc-sheet-wrap.is-floating-transform{
  touch-action:none!important;
  overscroll-behavior:none!important;
  overflow:hidden!important;
}
.cc-studio-tool-button>span{display:grid!important;place-items:center!important}
.cc-studio-tool-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cc-studio-tool-button.is-active{border-color:#72e1b3!important;background:linear-gradient(180deg,rgba(44,206,139,.28),rgba(18,111,79,.24))!important;box-shadow:0 0 0 2px rgba(83,221,163,.13) inset!important}
.cc-studio-tool-pop[hidden],.cc-studio-tool-pop [hidden]{display:none!important}
.cc-studio-tool-pop{
  position:fixed;
  left:50%;
  bottom:calc(94px + env(safe-area-inset-bottom));
  z-index:10000030;
  width:min(430px,calc(100vw - 24px));
  overflow:hidden;
  border:1px solid #c9ded6;
  border-radius:20px;
  background:rgba(255,255,255,.985);
  color:#203b33;
  box-shadow:0 22px 60px rgba(11,43,33,.28);
  transform:translateX(-50%);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.cc-studio-tool-pop-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid #deebe6;background:linear-gradient(110deg,#e9f8f2,#fff8ed)}
.cc-studio-tool-pop-head strong{font-size:13px;font-weight:950}
.cc-workspace--dedicated .cc-editor-dock .cc-studio-tool-pop-head button{display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border:1px solid #cbded7!important;border-radius:10px!important;background:#fff!important;color:#49685e!important;box-shadow:none!important;font-size:19px!important;line-height:1!important;cursor:pointer!important}
.cc-studio-tool-pop section{display:grid;gap:10px;padding:13px}
.cc-studio-tool-color,.cc-studio-tool-text,.cc-studio-tool-range{display:grid;grid-template-columns:104px minmax(0,1fr) 48px;align-items:center;gap:10px;margin:0!important}
.cc-studio-tool-color>span,.cc-studio-tool-text>span,.cc-studio-tool-range>span{color:#526d64;font-size:10px;font-weight:900}
.cc-studio-tool-color input[type="color"]{grid-column:2/4;width:100%;height:38px;padding:3px;border:1px solid #c6dbd3;border-radius:10px;background:#fff;cursor:pointer}
.cc-studio-tool-range input[type="range"]{width:100%;accent-color:#238a68}
.cc-studio-tool-range b{color:#216f58;font-size:10px;text-align:right}
.cc-studio-tool-text{grid-template-columns:104px minmax(0,1fr)}
.cc-studio-tool-text input{width:100%;height:40px;padding:0 11px;border:1px solid #c6dbd3;border-radius:10px;background:#fff;color:#203b33;font-size:12px}
.cc-workspace--dedicated .cc-editor-dock .cc-studio-tool-none{display:inline-flex!important;align-items:center!important;justify-content:center!important;justify-self:end!important;flex:0 0 auto!important;width:auto!important;min-width:88px!important;max-width:none!important;height:36px!important;min-height:36px!important;padding:0 13px!important;border:1px solid #dca9a9!important;border-radius:10px!important;background:#fff2f2!important;color:#942f2f!important;box-shadow:none!important;font-size:10px!important;font-weight:900!important;line-height:1!important;cursor:pointer!important}
.cc-workspace--dedicated .cc-editor-dock .cc-studio-tool-none:hover,.cc-workspace--dedicated .cc-editor-dock .cc-studio-tool-none:focus-visible{border-color:#c66d6d!important;background:#ffe5e5!important;outline:3px solid rgba(198,82,82,.13)!important}
.cc-studio-tool-pop :disabled{opacity:.42;cursor:not-allowed}
@media(max-width:600px){
  .cc-studio-tool-pop{bottom:calc(84px + env(safe-area-inset-bottom));width:calc(100vw - 12px);border-radius:17px}
  .cc-studio-tool-pop section{padding:11px}
  .cc-studio-tool-color,.cc-studio-tool-text,.cc-studio-tool-range{grid-template-columns:84px minmax(0,1fr) 42px;gap:7px}
  .cc-studio-tool-text{grid-template-columns:84px minmax(0,1fr)}
}

/* v0.8.448 — center-pivot rotation + flip on resize */
.cc-excel-float-object{transform-origin:center center!important}
.cc-excel-float-object,.cc-excel-float-resize,.cc-excel-float-rotate{touch-action:none!important;overscroll-behavior:none!important;-webkit-user-drag:none!important}
.cc-excel-float-rotate{
  display:none;position:absolute;right:-13px;top:-13px;z-index:4;
  width:27px;height:27px;padding:0;border:3px solid #fff;border-radius:50%;
  background:#7b62d1;color:#fff;box-shadow:0 4px 12px rgba(60,42,119,.30);
  font:900 17px/21px ui-rounded,"Arial Rounded MT Bold",sans-serif;
  text-align:center;cursor:crosshair;user-select:none;-webkit-user-select:none;
}
.cc-excel-float-object.is-selected .cc-excel-float-rotate{display:grid;place-items:center}
.cc-excel-float-object.is-rotating{cursor:crosshair!important}
.cc-excel-float-object.is-rotating .cc-excel-float-rotate{background:#684bc5;box-shadow:0 0 0 5px rgba(123,98,209,.16),0 5px 14px rgba(60,42,119,.34)}
@media(max-width:760px){
  .cc-excel-float-rotate{right:-15px;top:-15px;width:30px;height:30px;font-size:18px}
  .cc-excel-float-resize{right:-13px;bottom:-13px;width:27px;height:27px}
}