.calendar-studio[hidden],.calendar-studio [hidden]{display:none!important}.calendar-studio{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:18px;font:400 14px/1.5 'DM Sans',sans-serif}.calendar-studio__shade{position:absolute;inset:0;background:#142333bd;backdrop-filter:blur(5px)}.calendar-studio__dialog{position:relative;width:min(1400px,100%);height:min(980px,calc(100dvh - 36px));display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:white;box-shadow:0 30px 90px #0005}.calendar-studio__header{padding:15px 22px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #dce3e9;flex:none;background:white}.calendar-studio__header span{font-size:12px;font-weight:700;color:#647480}.calendar-studio__header em{font-size:10px;font-style:normal;background:#fff0b2;color:#725515;border-radius:4px;padding:3px 6px;margin-left:6px}.calendar-studio__header h2{font:800 18px/1.3 'Manrope',sans-serif;letter-spacing:-.02em;margin:3px 0 0;color:#1d3143}.calendar-studio__header>div:last-child{display:flex;gap:7px}.calendar-studio button{min-height:40px;border:1px solid #cdd8df;border-radius:7px;background:white;padding:8px 12px;color:#233d4c;font:700 12px/1.35 'DM Sans',sans-serif;cursor:pointer}.calendar-studio button:hover{border-color:#187c72}.calendar-studio button:disabled{opacity:.45;cursor:default}.calendar-studio button:focus-visible,.calendar-studio input:focus-visible,.calendar-studio select:focus-visible,.calendar-studio canvas:focus-visible{outline:3px solid #5fa8ed;outline-offset:3px}.calendar-studio__header .calendar-studio__apply{background:#187c72;border-color:#187c72;color:white;padding-inline:20px}.calendar-studio__body{display:grid;grid-template-columns:315px minmax(0,1fr);min-height:0;flex:1}.calendar-studio__tools{overflow:auto;padding:20px;border-right:1px solid #dce3e9;scrollbar-width:thin}.calendar-studio__tools section{border-bottom:1px solid #e4e9ed;padding-bottom:18px;margin-bottom:18px}.calendar-studio h3{margin:0 0 12px;font:800 13px/1.45 'Manrope',sans-serif;letter-spacing:0;color:#203748}.calendar-studio h3 span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#eaf5f1;color:#187c72;margin-right:5px}.calendar-studio label{display:block;font-size:12px;color:#536776;margin:9px 0}.calendar-studio select,.calendar-studio input[type=number],.calendar-studio input[type=text]{display:block;width:100%;font:500 13px/1.5 'DM Sans',sans-serif;color:#21384a;background:white;border:1px solid #cdd8df;border-radius:7px;padding:8px;margin-top:4px}.calendar-studio input[type=range]{display:block;width:100%;accent-color:#187c72;margin-block:10px}.calendar-studio__flags label{display:flex;gap:8px;align-items:start;line-height:1.5}.calendar-studio__flags input,.calendar-studio__consent input{accent-color:#187c72;flex:none;width:17px;height:17px;margin-top:1px}.calendar-studio__hint{font-size:11px;line-height:1.55;color:#738490;margin:10px 0}.calendar-studio__upload{padding:12px;border:1px dashed #7ca99d;border-radius:8px;background:#f1f8f5;color:#187c72!important;text-align:center;font-weight:700;cursor:pointer;position:relative}.calendar-studio__upload input{position:absolute;width:1px;height:1px;opacity:0;inset:0}.calendar-studio__upload:focus-within{outline:3px solid #5fa8ed;outline-offset:2px}.calendar-studio__page-name{font-size:12px;font-weight:700;color:#187c72}.calendar-studio__row{display:flex;gap:6px}.calendar-studio__row button{flex:1;min-width:0;font-size:11px;padding-inline:7px}.calendar-studio .calendar-studio__reuse{margin-top:8px;width:100%;font-size:11px;color:#187c72}.calendar-studio__quality{background:#eff7f3;border:1px solid #c4dfd1!important;border-radius:8px;padding:12px!important;color:#286448;font-size:12px}.calendar-studio__quality[data-state=low]{background:#fff0e9;border-color:#e7b89e!important;color:#964828}.calendar-studio__consent{display:flex!important;gap:8px;background:#fff0e9;padding:12px;border-radius:8px;line-height:1.6}.calendar-studio__unsupported{padding:14px;background:#fff0d0;color:#73551e;border-radius:8px;font-size:12px}.calendar-studio__workspace{background:#e9edf1;padding:16px 22px;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;overflow:auto;scrollbar-width:thin}.calendar-studio__navigation{display:flex;align-items:center;gap:16px;width:100%;justify-content:center;margin-bottom:12px}.calendar-studio__navigation>div{min-width:160px;text-align:center}.calendar-studio__navigation b{display:block;color:#263d4e;font:800 14px/1.4 'Manrope',sans-serif}.calendar-studio__navigation span{font-size:11px;color:#738490}.calendar-studio__canvas-wrap{width:100%;flex:1;display:flex;align-items:center;justify-content:center;min-height:180px}.calendar-studio canvas{display:block;max-width:100%;max-height:calc(100dvh - 310px);width:auto;height:auto;object-fit:contain;box-shadow:0 8px 24px #1a2b422b;touch-action:none;cursor:grab;background:white}.calendar-studio__pages{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;width:100%;max-width:820px;margin:8px 0}.calendar-studio__pages button{padding:7px 2px;min-width:0;min-height:40px;font-size:10px;overflow:hidden;position:relative}.calendar-studio__pages button:after{content:'○';display:block;font-size:10px;color:#98a7af}.calendar-studio__pages button.is-ready:after{content:'✓';color:#187c72}.calendar-studio__pages button.is-active{background:#187c72;color:white;border-color:#187c72}.calendar-studio__pages button.is-active:after{color:white}.calendar-studio__status{min-height:25px;color:#187c72;font-size:12px;font-weight:700;text-align:center;margin-top:8px}.calendar-studio__status[data-state=error]{color:#a23b2c}.calendar-launch .designer-launch__icon{background:#edf7f4;color:#187c72}
@media(max-width:900px){.calendar-studio{padding:8px}.calendar-studio__dialog{height:calc(100dvh - 16px)}.calendar-studio__body{grid-template-columns:275px minmax(0,1fr)}.calendar-studio__header{padding:12px 15px}.calendar-studio__header h2{font-size:15px}.calendar-studio__tools{padding:16px}.calendar-studio__workspace{padding:14px 10px}.calendar-studio__pages{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-studio canvas{max-height:calc(100dvh - 365px)}}
@media(max-width:650px){.calendar-studio{padding:0}.calendar-studio__dialog{height:100dvh;border-radius:0;overflow:auto}.calendar-studio__header{position:sticky;top:0;z-index:3;padding:10px;gap:8px}.calendar-studio__header span{font-size:10px}.calendar-studio__header h2{font-size:12px;max-width:170px}.calendar-studio__header .calendar-studio__apply{padding-inline:8px;font-size:10px}.calendar-studio__header button{padding:6px;min-height:36px}.calendar-studio__body{display:flex;flex-direction:column;flex:none;min-height:0}.calendar-studio__workspace{order:0;overflow:visible;padding:12px 10px}.calendar-studio__tools{order:1;overflow:visible;border-right:0;border-top:1px solid #dce3e9}.calendar-studio canvas{max-height:365px}.calendar-studio__pages{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:4px 0}.calendar-studio__pages button{font-size:10px;min-height:33px;padding:4px 2px}.calendar-studio__navigation{margin-bottom:8px}.calendar-studio__workspace>.calendar-studio__hint{font-size:10px;text-align:center;max-width:340px}.calendar-studio__canvas-wrap{min-height:160px}.calendar-studio__status{font-size:11px}.calendar-studio__tools section{margin-bottom:16px;padding-bottom:16px}}
