@charset "UTF-8";body{margin:0;padding:0;font-family:Arial,sans-serif;overflow:hidden;width:100vw;height:100vh}#app{width:100vw;height:100vh;position:relative}#app #stereogram-canvas{position:absolute;top:0;left:0;width:100vw;height:100vh}#app #help-overlay{background:#fffffff2;padding:5px 10px;border-radius:8px;font-size:14px;z-index:100;position:fixed;top:10px;right:10px}#app #help-overlay ul{list-style:none;padding:0;margin:0}#app #help-overlay ul li{margin:4px 0}#app #help-overlay ul li.separator{margin-top:12px;padding-top:8px;border-top:1px solid rgba(0,0,0,.15)}#app #help-overlay ul li kbd{background:#aaa;box-shadow:0 -1px 4px #00000080 inset;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:13px;margin-right:6px;cursor:pointer}#app #help-overlay ul li kbd:hover{background:#999}#app #help-overlay ul li strong{font-weight:600}#app #help-overlay .contact{opacity:.75;max-width:200px;margin-top:20px;font-size:10px}#app #help-overlay .contact a{color:#000}#app #gradient-editor{position:fixed;top:50%;transform:translateY(-50%);left:10px;height:calc(100vh - 40px);z-index:200;display:flex}#app #gradient-editor .gradient-bar-container{position:relative;width:15px;flex-shrink:0}#app #gradient-editor .gradient-bar-container #gradient-bar{margin-left:6px;width:8px;height:100%;border-radius:8px;box-shadow:0 0 2px 1px #000;background-color:#fff}#app #gradient-editor .gradient-bar-container #gradient-points-container{position:absolute;top:0;left:0;width:40px;height:100%}#app #gradient-editor .gradient-bar-container #gradient-points-container .gradient-point-handle{position:absolute;left:-2px;width:20px;height:20px;background:#fff;border:2px solid #333;border-radius:50%;cursor:pointer;z-index:10}#app #gradient-editor .gradient-bar-container #gradient-points-container .gradient-add-button-inline{background:#fffffff2;font-size:14px;z-index:100;position:absolute;left:-2px;width:24px;height:24px;border-radius:50%;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;border:2px solid #333}#app #gradient-editor #gradient-settings-container{position:relative;flex:1;margin-left:20px}#app #gradient-editor #gradient-settings-container .gradient-point-settings{background:#fffffff2;padding:5px 10px;border-radius:8px;font-size:14px;z-index:100;position:absolute;left:0;transition:all .2s;transform:translateY(-50%)}#app #gradient-editor #gradient-settings-container .gradient-point-settings .settings-content{display:flex;align-items:center;gap:10px}#app #gradient-editor #gradient-settings-container .gradient-point-settings .settings-content .drag-handle{width:20px;height:20px;border:1px solid rgba(0,0,0,.2);border-radius:4px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}#app #gradient-editor #gradient-settings-container .gradient-point-settings .settings-content .drag-handle:after{content:"↕";font-size:14px;color:#0009;line-height:1}#app #gradient-editor #gradient-settings-container .gradient-point-settings .settings-content .remove-button{margin-left:auto}#app #gradient-editor #gradient-settings-container .gradient-point-settings .mode-selector{padding:4px 8px;border:1px solid rgba(0,0,0,.2);border-radius:4px;font-size:12px;cursor:pointer}#app #gradient-editor #gradient-settings-container .gradient-point-settings .mode-selector:hover{border-color:#666}#app #gradient-editor #gradient-settings-container .gradient-point-settings .mode-selector:focus{outline:none;border-color:#4a4}#app #gradient-editor #gradient-settings-container .gradient-point-settings input[type=range]{width:120px;height:3px;-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #ddd;outline:none;border-radius:2px}#app #gradient-editor #gradient-settings-container .gradient-point-settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;cursor:pointer;border-radius:50%;box-shadow:1px 1px 2px 1px #0003}#app #gradient-editor #gradient-settings-container .gradient-point-settings input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#fff;cursor:pointer;border-radius:50%;border:none;box-shadow:1px 1px 2px 1px #0003}#app #gradient-editor #gradient-settings-container .gradient-point-settings input[type=color]{padding:0;border-radius:20px;border:none;cursor:pointer}#app #gradient-editor #gradient-settings-container .gradient-point-settings .value-display{min-width:30px;text-align:right;font-family:monospace;font-size:12px;color:#ccc}#app #gradient-editor #gradient-settings-container .gradient-point-settings .remove-button{background:red;border:none;color:#fff;padding:4px 8px;border-radius:100px;cursor:pointer;font-size:16px;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.dialog-content{background:#fffffff2;padding:5px 10px;font-size:14px;z-index:100;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1100;border-radius:12px;padding:2rem;max-width:600px;width:90vw}.dialog-content h2{margin:0 0 1.5rem;text-align:center;font-size:1.5rem}.dialog-content .dialog-close{background:#ffffff1a;border:1px solid rgba(0,0,0,.2);border-radius:6px;padding:.75rem 2rem;cursor:pointer;transition:all .2s ease;display:block;margin:0 auto}#model-selection-dialog .model-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 600px){#model-selection-dialog .model-options{grid-template-columns:repeat(2,1fr)}}#model-selection-dialog .model-option{background:#0003;border:2px solid transparent;border-radius:8px;padding:1.5rem 1rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}#model-selection-dialog .model-option:hover .icon{transform:scale(2)}#model-selection-dialog .model-option:active{transform:translateY(0)}#model-selection-dialog .model-option .icon{transition:all .2s ease;font-size:2rem}#model-selection-dialog .model-option .label{margin-top:15px;font-size:.9rem}#pattern-selection-dialog .pattern-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 600px){#pattern-selection-dialog .pattern-options{grid-template-columns:repeat(2,1fr)}}#pattern-selection-dialog .pattern-option{background:#0003;border:2px solid transparent;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}#pattern-selection-dialog .pattern-option:hover .icon{transform:scale(2)}#pattern-selection-dialog .pattern-option:hover .pattern-preview{transform:scale(1.1)}#pattern-selection-dialog .pattern-option:active{transform:translateY(0)}#pattern-selection-dialog .pattern-option .icon{transition:all .2s ease;font-size:2rem}#pattern-selection-dialog .pattern-option .pattern-preview{width:100px;height:100px;border-radius:4px;background-size:cover;background-position:center;transition:all .2s ease;border:1px solid rgba(0,0,0,.2)}#pattern-selection-dialog .pattern-option .pattern-preview.file-icon{display:flex;align-items:center;justify-content:center;background:#0000000d}#pattern-selection-dialog .pattern-option .pattern-preview.file-icon .icon{font-size:3rem}#pattern-selection-dialog .pattern-option .label{margin-top:10px;font-size:.9rem}