.envelope-container{justify-content:center;align-items:center;width:100%;max-width:400px;height:500px;margin:0 auto;display:flex;position:relative;overflow:hidden}.env-layer{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;position:absolute}.layer-bg{z-index:0;top:20px}.layer-frame{z-index:10;top:60px}.layer-hint{z-index:15;top:60px}.layer-tab{z-index:20;cursor:grab;pointer-events:auto;touch-action:none;top:60px}.layer-tab:active{cursor:grabbing}.pull-instruction{color:#888;z-index:5;pointer-events:none;font-family:monospace;font-size:.8rem;position:absolute;bottom:50px}.instruction-text{text-align:center;color:#888;z-index:50;pointer-events:none;width:100%;font-family:monospace;font-size:.9rem;position:absolute;bottom:20px}.layer-hint{z-index:15;cursor:grab;touch-action:none;top:60px}.layer-tab{z-index:20;cursor:grab;touch-action:none;top:60px}.layer-hint:active,.layer-tab:active{cursor:grabbing}.fallback-btn{color:#888;cursor:pointer;z-index:100;opacity:0;background:#0000001a;border:none;border-radius:5px;padding:5px 10px;font-size:.7rem;transition:background .2s,opacity .5s;animation:1s 2s forwards fadeIn;position:absolute;bottom:10px;right:10px}.fallback-btn:hover{color:#555;background:#0003}@keyframes fadeIn{to{opacity:1}}.letter-container{width:100%;max-width:1000px;margin:0 auto;position:relative}.letter-base-layer{width:100%;height:auto;display:block}.letter-mask-layer{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.orb-wrapper{z-index:20;pointer-events:none;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.loading{color:#666;font-family:monospace;font-size:2rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.valentine-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.valentine-card-container{border-radius:10px;max-width:90vw;max-height:80vh;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.valentine-image{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:100%;max-height:80vh;display:block}.drawing-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.modal-instructions{color:#fff;opacity:.8;margin-top:20px;font-family:sans-serif;font-size:1.2rem}.close-btn{color:#fff;cursor:pointer;opacity:.5;background:0 0;border:none;font-size:2rem;transition:opacity .2s;position:absolute;top:20px;right:20px}.close-btn:hover{opacity:1}.valentine-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #fff3;border-radius:50px;align-items:center;gap:15px;margin-bottom:20px;padding:10px 20px;display:flex;box-shadow:0 5px 15px #0003}.toolbar-group{align-items:center;gap:8px;display:flex}.toolbar-divider{background:#ffffff4d;width:1px;height:24px}.tool-btn{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.tool-btn:hover{transform:scale(1.1)}.tool-btn.active{border-color:#fff;transform:scale(1.1);box-shadow:0 0 10px #ffffff80}.color-btn{border:2px solid #ffffff80}.size-btn{color:#fff;background:0 0;border:2px solid #0000}.size-btn.active{background:#ffffff1a}.eraser-btn{background:#ffffff1a;border:2px solid #0000;font-size:1.2rem}.eraser-btn.active{background:#f05;border-color:#fff}