:root{--primary-color:#8116d8;--secondary-color:#6c757d;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--font-family:Arial,sans-serif;--font-size-small:14px;--font-size-medium:16px;--font-size-large:18px}.divider{background-color:#ddd;width:100%;height:1px;margin:20px 0}#feedback-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;transform-origin:50%;z-index:1000;border:none;padding:10px 40px;font-size:16px;transition:background-color .3s;display:none;position:fixed;top:20px;right:-40px;transform:rotate(45deg);box-shadow:0 2px 5px #0003}#feedback-btn:hover{background-color:#0056b3}.prefix-node,.icon-node,.name-node{cursor:default;-webkit-user-select:none;user-select:none}.name-node[contenteditable=true]{outline:1px solid var(--primary-color);outline-offset:3px;border-radius:2px}.name-node[contenteditable=true]::selection{color:#fff;background-color:#0e39e8cf}.selected-name{outline:1px solid var(--primary-color);outline-offset:3px;border-radius:2px}#toast-container{box-sizing:border-box;pointer-events:none;z-index:2;justify-content:center;width:100%;font-size:14px;display:flex;position:fixed;bottom:48px;left:50%;transform:translate(-50%)}.toast{color:#fff;text-align:center;box-sizing:border-box;pointer-events:auto;background-color:#555;border-radius:4px;max-width:80%;padding:6px 12px;transition:opacity .3s ease-in-out;box-shadow:0 4px 8px #0003}.toolbar{background-color:#eff3f8;border-radius:4px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex;overflow:hidden}@media (width<=600px){.toolbar{grid-template-columns:repeat(2,1fr);align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:grid}}#template-select{-webkit-user-select:none;user-select:none;border:1px solid #ccc;border-radius:4px;padding:8px 24px}select{appearance:none;box-sizing:border-box;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"6\"><polygon points=\"0,0 10,0 5,6\"/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:10px;width:100%;font-size:14px}select:focus{box-shadow:0 0 0 1px var(--primary-color);border:1px solid #007bff;outline:none}select>option:hover{color:#fff;background:#4caf50}.btn{cursor:pointer;background-color:var(--primary-color);color:#fff;-webkit-user-select:none;user-select:none;border:none;border-radius:4px;padding:8px 16px;transition:background-color .3s}.btn:hover{background-color:#801785}#close-button{cursor:pointer;position:absolute;top:16px;right:0}#settings-button{-webkit-user-select:none;user-select:none;border:1px solid #d3d3d3;border-radius:4px;padding:4px 8px;position:absolute;top:16px;right:16px}#settings-button:hover{border:1px solid var(--primary-color);background-color:#f8f9fa}.section{margin-bottom:16px}.theme-radio{display:block}.config-input{accent-color:var(--primary-color)}.config-title{text-align:center}#popup-header{cursor:move;border-bottom:1px solid #ddd;margin-bottom:8px;padding-top:16px;padding-bottom:8px}.popup{border:1px solid var(--primary-color);z-index:4;-webkit-user-select:none;user-select:none;background-color:#fff;border-radius:8px;width:400px;padding:0 16px 16px;display:none;position:absolute;box-shadow:2px 2px 5px #0000004d}.form-container{position:relative}@media (width<=600px){#settings-button{top:8px;right:8px}.popup{width:80%}}.context-menu{z-index:1000;background-color:#fff;border:1px solid #ccc;border-radius:8px;display:none;position:absolute;box-shadow:0 2px 10px #0003}.context-menu-item{cursor:pointer;border-radius:8px;padding:4px 16px;font-size:14px}.context-menu div:hover{background-color:#f0f0f0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;padding:16px;font-family:Arial,sans-serif;line-height:1.6}.container{background-color:#fff;border-radius:8px;flex-direction:column;max-width:1200px;height:calc(100vh - 32px);margin:0 auto;padding:16px;display:flex;position:relative;box-shadow:0 2px 4px #0000001a}.page-header{-webkit-user-select:none;user-select:none;text-align:center;color:#333;margin-bottom:16px;font-size:20px}.contact{text-align:center;color:gray;margin-top:8px;margin-bottom:0;font-size:14px}.main-content{flex:1;grid-template-columns:1fr 1fr;gap:16px;min-height:0;font-family:monospace;font-size:14px;display:grid}.panel{background-color:#eff3f8;border-radius:4px;flex-direction:column;min-height:0;padding:12px;display:flex;position:relative;overflow:hidden}#tree-container{white-space:nowrap;flex:1;padding:4px;overflow:auto}#ascii-output{white-space:pre;flex:1;overflow:auto}@media (width<=600px){body{padding:8px}.page-header{margin-bottom:8px;font-size:16px}.container{padding:8px}.main-content{grid-template-columns:1fr;gap:8px}.panel{padding:8px}}#clear{z-index:1;background-color:#dc3545;position:absolute;bottom:16px;right:16px}#clear:hover{background-color:#c82333}#copy{z-index:1;position:absolute;bottom:16px;right:16px}.editable{border:1px solid #0000;border-radius:2px;padding:2px 4px}.editable:focus{background-color:#fff;border-color:#007bff;outline:none}#toast-container{z-index:2}