*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;width:100%;height:100%;margin:0;padding:0}#app{width:100%;height:100%}.toolbar{z-index:10;background:#ffffffeb;border:1px solid #e2e2e2;border-radius:14px;flex-direction:column;gap:6px;padding:6px;display:flex;position:fixed;top:50%;right:12px;transform:translateY(-50%);box-shadow:0 2px 10px #00000026}.tool-button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.tool-button svg{width:22px;height:22px}.tool-button.active{color:#ff8a00;background:#fff2e2}.history-bar{z-index:10;background:#ffffffeb;border:1px solid #e2e2e2;border-radius:14px;flex-direction:row;gap:6px;padding:6px;display:flex;position:fixed;bottom:12px;left:12px;box-shadow:0 2px 10px #00000026}.history-button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.history-button svg{width:20px;height:20px}.history-button:disabled{color:#ccc;cursor:default}.screen{touch-action:auto;-webkit-user-select:text;user-select:text;box-sizing:border-box;background:#fff;width:100%;height:100%;padding:24px 20px 40px;font-family:Arial,Helvetica,sans-serif;overflow-y:auto}.screen h1{color:#1a1a1a;margin:0 0 20px;font-size:20px}.screen-logo{text-align:center;margin:8px auto 32px;display:block}.screen-logo img{width:500px;max-width:100%;height:auto;display:inline-block}.main-buttons{grid-template-columns:1fr 1fr 1fr;gap:16px;max-width:560px;margin:0 auto;display:grid}.main-button{color:#1a1a1a;cursor:pointer;background:#fafafa;border:1px solid #e2e2e2;border-radius:14px;padding:28px 12px;font-size:16px;font-weight:600}.main-button:active{background:#fff2e2}.form-screen{max-width:480px;margin:0 auto}.form-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-field label{color:#555;font-size:13px;font-weight:600}.form-field input,.form-field select{color:#1a1a1a;background:#fff;border:1px solid #ccc;border-radius:8px;padding:10px 12px;font-size:16px}.form-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.form-button{color:#1a1a1a;cursor:pointer;background:#f5f5f5;border:1px solid #ccc;border-radius:9px;flex:auto;padding:12px 16px;font-size:15px;font-weight:600}.form-button.primary{color:#fff;background:#ff8a00;border-color:#ff8a00}.form-button.link{color:#555;background:0 0;border:none;flex:none;text-decoration:underline}.back-link{color:#555;cursor:pointer;margin-bottom:16px;font-size:14px;text-decoration:none;display:inline-block}.file-list{margin:0;max-width:480px;margin-inline:auto;padding:0;list-style:none}.file-list li{border-bottom:1px solid #eee}.file-list button{text-align:left;color:#1a1a1a;cursor:pointer;background:0 0;border:none;width:100%;padding:14px 4px;font-size:15px}.empty-state{color:#777;text-align:center;margin-top:40px}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.spinner{border:4px solid #e5e5e5;border-top-color:#ff8a00;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.loading-message{color:#555;text-align:center;font-size:15px}.fill-type-list{margin:0 0 12px;padding:0;list-style:none}.fill-type-row{border-bottom:1px solid #eee;align-items:center;gap:10px;padding:8px 0;display:flex}.fill-type-swatch{border-radius:3px;flex:none;width:16px;height:16px}.fill-type-row .label{flex:auto;font-size:14px}.fill-type-row button{color:#b00020;cursor:pointer;background:0 0;border:none;font-size:13px}.modal-overlay{z-index:100;touch-action:auto;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:14px;width:calc(100% - 40px);max-width:340px;padding:20px;font-family:Arial,Helvetica,sans-serif}.modal-box h3{margin:0 0 10px;font-size:16px}.modal-box p{color:#444;margin:0;font-size:14px;line-height:1.4}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.modal-button{color:#1a1a1a;cursor:pointer;background:#f5f5f5;border:1px solid #ccc;border-radius:8px;padding:10px 16px;font-size:14px}.modal-button.primary{color:#fff;background:#ff8a00;border-color:#ff8a00}.modal-button.danger{color:#b00020;border-color:#f0c4cb;margin-right:auto}.modal-input{box-sizing:border-box;resize:vertical;border:1px solid #ccc;border-radius:8px;width:100%;margin-top:4px;padding:10px 12px;font-family:Arial,Helvetica,sans-serif;font-size:16px}.fill-picker-list{margin:0;padding:0;list-style:none}.fill-picker-item{color:#1a1a1a;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #eee;align-items:center;gap:10px;width:100%;padding:12px 4px;font-size:14px;display:flex}.fill-picker-swatch{border:1px solid #00000026;border-radius:3px;flex:none;width:28px;height:16px}.special-item-preview{border:1px solid #00000026;border-radius:3px;flex:none}.fill-picker-item.clear{color:#b00020}.polarity-toggle{gap:8px;margin:12px 0;display:flex}.polarity-button{color:#1a1a1a;cursor:pointer;background:#f5f5f5;border:1px solid #ccc;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600}.polarity-button.positive.active{color:#b00020;background:#ffe5e5;border-color:red}.polarity-button.negative.active{color:green;background:#e5f3e5;border-color:green}.polarity-button.xref.active{color:#000;background:#e5e5e5;border-color:#000}.polarity-button.active{color:#1a1a1a;background:#e5e5e5;border-color:#333}.line-color-row{gap:10px;margin:8px 0 12px;display:flex}.line-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0}.line-color-swatch.active{border-color:#333;box-shadow:inset 0 0 0 2px #fff}.canvas-header{z-index:10;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:fixed;top:12px;left:12px}.canvas-header-corner{flex-direction:column;gap:8px;display:flex}.exit-button{color:#333;cursor:pointer;background:#ffffffeb;border:1px solid #e2e2e2;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 10px #00000026}.exit-button svg{width:20px;height:20px}.job-overlay{color:#1a1a1a;cursor:pointer;background:#ffffffeb;border:1px solid #e2e2e2;border-radius:9px;min-width:160px;padding:10px 14px;font-size:14px;font-weight:600;box-shadow:0 2px 10px #00000026}.bottom-action-bar{z-index:10;background:#ffffffeb;border:1px solid #e2e2e2;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 160px);padding:10px 14px;display:flex;position:fixed;bottom:76px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000026}.bottom-action-text{color:#1a1a1a;flex:160px;font-size:13px}.bottom-action-button{color:#1a1a1a;cursor:pointer;white-space:nowrap;background:#f5f5f5;border:1px solid #ccc;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.bottom-action-button.primary{color:#fff;background:#ff8a00;border-color:#ff8a00}.last-line-display{color:#1a1a1a;z-index:10;pointer-events:none;background:#ffffffeb;border:1px solid #e2e2e2;border-radius:9px;padding:6px 12px;font-size:12px;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000026}.floor-action-button{color:#1a1a1a;cursor:pointer;background:#ffffffeb;border:1px solid #e2e2e2;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:600;box-shadow:0 2px 10px #00000026}.clear-clipboard-button{color:#b00020;border-color:#f0c2c8;min-width:36px;padding:10px}.floor-select{color:#1a1a1a;background:#ffffffeb;border:1px solid #e2e2e2;border-radius:9px;padding:10px;font-size:14px;box-shadow:0 2px 10px #00000026}