.ce-shape{padding:12px;background-color:#fff;border-radius:8px;display:grid;gap:8px;fill-rule:nonzero}.ce-shape .banner{display:flex;justify-content:space-between;gap:8px;font-size:.9em}.ce-shape .banner .btn{cursor:pointer;color:#08f}.ce-shape .params{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px}.ce-shape .params div{padding:4px 8px;border-radius:4px;background-color:#eee;font-size:.6em}.ce-cont{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;font-size:.9em}.ce-cont .item{display:grid;gap:8px}.ce-cont .item input{width:100%;height:32px;padding:0 8px;border:1px solid #ccc;border-radius:4px}.ce-cont .item .label{font-size:.8em}.ce-output{padding:12px;background-color:#fff;border-radius:8px;word-break:break-all}.ce-codes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.ce-codes textarea{grid-column:1/4;width:100%;min-height:160px;max-height:240px;padding:12px;border-radius:8px;border:1px solid #ccc;resize:vertical}.ce-codes button{height:40px;border-radius:8px;background-color:#fff}*{margin:0;padding:0;box-sizing:border-box}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}input,button,textarea,select{padding:0;margin:0;border:none;outline:none;background:none;font:inherit}button{cursor:pointer}::-webkit-scrollbar{display:none}html,body{background-color:#f0f0f0;font-family:monospace,sans-serif;transition:all .3s ease;overflow:hidden}.blog{max-width:1320px;height:100vh;margin:auto;display:grid;grid-template-columns:320px 1fr 320px;gap:0}.sidebar,.aside{width:320px;height:100%;padding:40px 16px;background-color:transparent;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;align-content:start;grid-auto-rows:max-content;gap:8px;overflow:auto;transition:left .3s ease,right .3s ease;z-index:800}.main{padding:16px;display:grid;align-content:start;grid-auto-rows:max-content;gap:8px;overflow:auto}.control{border-radius:8px;background-color:#fff;position:fixed;bottom:16px;right:16px;overflow:hidden;z-index:1000}.control div{width:40px;height:40px;display:flex;cursor:pointer}.control div:hover{background-color:#ccc}.control div img{width:20px;height:20px;margin:auto}@media (max-width: 766px){.blog{grid-template-columns:1fr}.sidebar{position:fixed;left:-320px}.aside{position:fixed;right:-320px}}@media (min-width: 767px) and (max-width: 1080px){.blog{grid-template-columns:320px 1fr}.aside{position:fixed;right:-320px}.control div.ctr-sidebar{display:none}}@media (min-width: 1081px){.control{display:none}}