*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}.container__inner{display:flex;justify-content:space-between;gap:1em;max-width:var(--tantive-container-width-pc);margin:50px auto;}.tool-area{flex-grow:1;}h1{font-size:1.5em;margin-bottom:20px;}h2{position:relative;font-size:1.5em;padding:.25em .5em;width:-moz-fit-content;width:fit-content;}h2::before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;border-radius:3px;background-color:var(--tantive-main-dark-color);}.title-section{margin-bottom:50px;}.title-wrap{position:relative;width:-moz-fit-content;width:fit-content;}.title-catch{display:flex;align-items:center;position:absolute;top:0;width:100%;transform:translateY(-100%);font-size:.75em;}.title-catch::before,.title-catch::after{content:"";flex:1;height:1px;background-color:var(--tantive-main-dark-color);}.title-catch span{margin:0 1em;}.input-output-section{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:2rem;}.panel{background:white;border:1px solid var(--tantive-main-dark-color);border-radius:5px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;}.panel-label{font-size:.75rem;letter-spacing:.35em;padding-bottom:.75rem;border-bottom:1px solid var(--tantive-main-dark-color);}textarea{min-height:200px;border:1px solid var(--tantive-main-dark-color);border-radius:2px;line-height:1.8;padding:1rem;resize:none;outline:none;transition:border-color .2s;}#inputText::-moz-placeholder{font-size:.75rem;}#inputText::placeholder{font-size:.75rem;}#outputText{font-family:"MS Gothic","Osaka-Mono","Noto Sans Mono CJK JP",monospace;letter-spacing:0;white-space:pre;overflow-x:auto;cursor:text;min-height:200px;}.counter-row{display:flex;align-items:baseline;gap:.75rem;}.char-count{font-size:1.75rem;font-weight:700;color:var(--tantive-main-dark-color);line-height:1;}.char-count.warn{color:RED;}.char-limit-info{font-size:.75rem;letter-spacing:.1em;line-height:1.6;}.progress-bar{width:100%;height:3px;background:var(--tantive-main-dark-color);border-radius:2px;overflow:hidden;}.progress-fill{height:100%;background:var(--tantive-body-background-color);border-radius:2px;transition:width .15s,background .2s;}.progress-fill.warn{background:RED;}.layout-info{font-size:.75rem;letter-spacing:.15em;border:1px solid var(--tantive-main-dark-color);border-radius:2px;padding:.5rem .75rem;line-height:1.8;}.layout-info span{color:var(--accent);}.cols-input-row{display:flex;align-items:center;gap:.5rem;}.cols-input-row label{font-size:.75rem;letter-spacing:.15em;white-space:nowrap;}.cols-input-row input[type=number]{width:72px;border:1px solid var(--tantive-main-dark-color);border-radius:2px;padding:.25rem .75rem;outline:none;transition:border-color .2s;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;}.cols-input-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;}.cols-input-row .reset-btn{background:none;border:1px solid var(--tantive-main-dark-color);border-radius:2px;font-size:.75rem;letter-spacing:.15em;padding:.25rem .5rem;cursor:pointer;transition:all .15s;white-space:nowrap;}.cols-input-row .reset-btn:hover{border-color:var(--tantive-body-background-color);}.out-counter-row{display:flex;align-items:baseline;gap:.5rem;}.out-char-count{font-size:1.75rem;font-weight:700;color:var(--tantive-main-dark-color);line-height:1;}.out-char-count.warn{color:RED;}.out-char-limit-info{font-size:.75rem;letter-spacing:.1em;line-height:1.6;}.out-progress-bar{width:100%;height:3px;background:var(--tantive-main-dark-color);border-radius:2px;overflow:hidden;}.out-progress-fill{height:100%;background:var(--tantive-body-background-color);border-radius:2px;transition:width .15s,background .2s;}.out-progress-fill.warn{background:RED;}.note{font-size:.75rem;letter-spacing:.12em;line-height:1.9;border-left:2px solid var(--tantive-main-dark-color);padding-left:.5rem;}.note b{font-weight:normal;}.copy-btn{width:100%;padding:.75rem;background:var(--tantive-body-background-color);border:1px solid var(--tantive-main-dark-color);border-radius:2px;font-size:.75rem;letter-spacing:.3em;cursor:pointer;transition:all .2s;}.copy-btn:hover{filter:brightness(.9);}.usecase-section{margin-top:1.5em;}.usecase-section li::before{content:"- ";}.ad-area{flex:0 0 200px;}.ad-area-wrap{width:400px;position:sticky;top:100px;}.ad-area-wrap ins{width:300px;height:250px;}@media screen and (max-width:1280px){.container__inner{flex-direction:column-reverse;padding:0 1em}.input-section{flex-direction:column;gap:0}.input-output-section{grid-template-columns:1fr}.ad-area-wrap{margin:auto;width:100%}.ad-area-wrap ins{width:300px;height:100px;margin:auto}.ad-area{flex:unset}.ad-moved-area:has(>*){margin-top:1em;margin-bottom:1em}}