:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:#333;color:#f0f0f0;overflow:hidden}#app{display:flex;flex-direction:row;width:100vw;height:100vh}#card-list-panel{width:220px;flex-shrink:0;background-color:#2c2c2c;padding:10px;box-sizing:border-box;display:flex;flex-direction:column}#card-list-container{flex-grow:1;overflow-y:auto}.card-list-item{padding:10px;margin-bottom:8px;background-color:#444;border:2px solid transparent;border-radius:5px;cursor:pointer;transition:background-color .2s,border-color .2s}.card-list-item:hover{background-color:#555}.card-list-item.is-active{border-color:#4a90e2;background-color:#4a90e24d}#add-card-btn{padding:10px;background-color:#4a90e2;color:#fff;border:none;border-radius:5px;cursor:pointer;text-align:center;margin-top:10px}#main-content{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:20px}#card-canvas{width:100%;height:100%;max-width:414px;max-height:736px;aspect-ratio:9 / 16;background-color:#f0f0f0;border:1px solid #ccc;position:relative;overflow:hidden;box-shadow:0 4px 12px #0006;border-radius:20px}#properties-panel{width:280px;flex-shrink:0;background-color:#242424;padding:15px;box-sizing:border-box;overflow-y:auto;color:#ddd}#properties-panel h3{margin-top:0;border-bottom:1px solid #444;padding-bottom:10px}.prop-group{margin-bottom:15px}.prop-group label{display:block;font-size:.9em;margin-bottom:5px;color:#aaa}.prop-group input,.prop-group select,.prop-group textarea{width:100%;padding:8px;box-sizing:border-box;background-color:#333;border:1px solid #555;color:#ddd;border-radius:4px;font-family:inherit}.script-area{height:150px;resize:vertical}.script-area:disabled{background-color:#2a2a2a;color:#777;cursor:not-allowed}.delete-btn{width:100%;padding:10px;background-color:#c92a2a;color:#fff;border:1px solid #a61e1e;border-radius:5px;cursor:pointer;margin-top:20px;text-align:center}.delete-btn:hover{background-color:#e03131}#footer-controls{margin-top:auto;padding-top:10px;border-top:1px solid #444}#footer-controls button{width:100%;padding:8px;margin-top:5px;background-color:#555;color:#ddd;border:1px solid #666;border-radius:4px;cursor:pointer}#footer-controls button:hover{background-color:#666}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;justify-content:center;align-items:center;z-index:2000}.modal-content{background-color:#2c2c2c;padding:25px;border-radius:8px;box-shadow:0 5px 15px #00000080;width:90%;max-width:400px;position:relative}.modal-close-btn{position:absolute;top:10px;right:15px;font-size:1.5rem;color:#aaa;cursor:pointer;border:none;background:none}.password-toggle-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#aaa;font-size:1.2em;z-index:1}.stack-object{position:absolute;box-sizing:border-box;color:#333;white-space:pre-wrap}.text-object{border:1px solid #a0a0a0;padding:5px}.is-selected{outline:2px solid #4a90e2;outline-offset:1px}.context-menu{position:absolute;background-color:#fff;border:1px solid #ccc;box-shadow:2px 2px 5px #0003;padding:5px 0;border-radius:5px;min-width:150px;z-index:1000;color:#333}.context-menu-item{padding:8px 12px;cursor:pointer}.context-menu-item:hover{background-color:#f0f0f0}
