.app{width:100%;height:100%;position:relative}.panel{position:absolute;top:12px;left:12px;z-index:10;background:#ffffffeb;border-radius:10px;box-shadow:0 2px 10px #00000026;padding:12px 14px;width:250px;max-height:calc(100% - 24px);overflow-y:auto;font-family:system-ui,-apple-system,Noto Sans TC,sans-serif}.panel-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;border:none;background:none;padding:0;margin:0 0 4px;cursor:pointer;font-size:16px;font-weight:700;font-family:inherit;text-align:left}.panel-title{flex:1}.panel-arrow{font-size:11px;font-weight:400;color:#888;flex-shrink:0}.panel-closed{overflow:hidden}.panel-closed .panel-header{margin:0}.hint{font-size:12px;color:#666;margin:0 0 10px}.face-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.swatch{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.2);flex-shrink:0}.face-name{font-size:13px;flex:1}.btn{font-size:12px;padding:4px 10px;border-radius:6px;border:1px solid #bbb;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.btn:hover{background:#f0f0f0}.btn input[type=file]{display:none}.btn-clear{color:#b00020}.thumb{width:26px;height:26px;object-fit:cover;border-radius:4px;border:1px solid #ccc}.face-block{margin-bottom:4px}.site-links{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.site-links .btn{text-decoration:none;color:inherit;font-size:11px}.actions{display:flex;gap:8px;margin:0 0 10px}.actions .btn{flex:1;text-align:center}.actions .btn:disabled{opacity:.5;cursor:default}.crop-row{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin:0 0 8px 20px}.crop-row .deg{min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.crop-row label{display:flex;align-items:center;gap:4px;font-size:11px;color:#555;flex:1;min-width:0}.crop-row input[type=range]{flex:1;min-width:0;accent-color:#555}.error{color:#b00020;font-size:13px;margin:6px 0 0}.quote{border-top:1px solid #ddd;margin-top:10px;padding-top:8px}.quote h2{font-size:14px;margin:0 0 6px}.qty-row{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:6px}.qty-row input{width:72px;padding:3px 6px;font-size:13px;border:1px solid #bbb;border-radius:6px}.opt-row{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:4px;cursor:pointer}.quote-line{font-size:13px;margin:8px 0 2px}.quote-line .hint{font-size:11px}.quote-total{font-size:16px;font-weight:700;margin:0 0 4px}.contact{border-top:1px solid #ddd;margin-top:10px;padding-top:8px}.contact-title{font-size:13px;font-weight:700;margin:0 0 6px}.contact-links{display:flex;gap:8px}.contact-links .btn{flex:1;text-align:center;text-decoration:none;color:inherit}@media (max-width: 600px){.panel{top:auto;bottom:12px;left:12px;right:12px;width:auto;max-height:60%}.panel-closed{max-height:none;overflow:visible}}