:root{color:#17211b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eef1ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#b80f22;border:1px solid #930d1c;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:700;display:inline-flex}button:hover:not(:disabled){background:#9e0d1d}button:disabled{cursor:not-allowed;opacity:.45}button.secondary{color:#253329;background:#fff;border-color:#bdc8c0}button.secondary:hover:not(:disabled){background:#f5f7f5}.app-shell{min-height:100vh;padding:28px}.workspace{max-width:1180px;margin:0 auto}.header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.hero-copy{align-items:flex-start;gap:16px;display:flex}.hero-mark{color:#8e5a12;background:linear-gradient(#fff4dc 0%,#f4e0b9 100%);border:1px solid #dec18f;border-radius:16px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;margin-top:2px;display:inline-flex;box-shadow:0 12px 28px #795a211f}h1{letter-spacing:0;max-width:11ch;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:.96}.hero-note{color:#526159;max-width:44ch;margin:10px 0 0;font-size:.97rem;line-height:1.45}.happy-path-grid{grid-template-columns:minmax(300px,360px) minmax(420px,1fr);gap:24px;margin-top:18px;display:grid}.controls{flex-direction:column;gap:14px;display:flex}.app-footer{justify-content:center;margin-top:26px;padding-bottom:6px;display:flex}.app-footer a{color:#5a6a61;text-underline-offset:3px;align-items:center;gap:8px;font-size:.92rem;font-weight:700;line-height:1;text-decoration-color:#b8c4bc;display:inline-flex}.app-footer a:hover{color:#253329}.drop-zone{color:#33473a;cursor:pointer;text-align:center;background:#fff;border:2px dashed #9cab9f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:190px;padding:22px;display:flex}.drop-zone-compact{gap:6px;min-height:112px;padding:16px}.drop-zone-compact strong{font-size:.98rem}.drop-zone-compact span{max-width:38ch}.drop-zone input{display:none}.drop-zone strong{font-size:1.04rem}.drop-zone span{color:#65756c}.drop-zone.is-dragging{background:#fff8c6;border-color:#c9a700}.file-list,.panel{background:#fff;border:1px solid #cdd7d0;border-radius:8px;padding:14px}.panel-compact{padding:14px}.panel-editor{background:linear-gradient(#fffaf4 0%,#fff 100%);border-color:#e6cfaf;padding:18px;box-shadow:0 14px 34px #7f5d1e14}.file-list{flex-direction:column;gap:8px;display:flex}.file-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.file-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-row small{color:#66766c;flex:none}.panel-title{align-items:center;gap:8px;font-weight:800;display:flex}.panel-header{gap:6px;margin-bottom:12px;display:grid}.panel-header .panel-title{margin-bottom:0}.preset-select{align-items:center;gap:8px;display:grid}.preset-select span{color:#53645a;font-size:.9rem;font-weight:700}.preset-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.field input,.preset-select select{appearance:none;color:#17211b;background:#fff;border:1px solid #b8c4bc;border-radius:6px;width:100%;min-height:44px;padding:0 12px}.preset-select select{background:linear-gradient(45deg,#0000 50%,#516459 50%) right 16px center/7px 7px no-repeat,linear-gradient(135deg,#516459 50%,#0000 50%) right 11px center/7px 7px no-repeat,#fff;padding-right:38px}.field input:focus,.preset-select select:focus{border-color:#b80f22;outline:3px solid #f1d1d5}.panel-note{color:#5c6d63;margin:0;font-size:.92rem}.panel-note-tight{font-size:.88rem}.preset-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.field{gap:8px;display:grid}.field span{color:#53645a;font-size:.9rem;font-weight:700}.field-label-with-help{align-items:center;gap:6px;display:inline-flex}.field-help{appearance:none;color:#6f5b3f;cursor:help;background:#f6f1e8;border:1px solid #dfd1bb;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;min-height:22px;padding:0;display:inline-flex}button.field-help:hover:not(:disabled),button.field-help:active:not(:disabled){color:#6f5b3f;background:#f6f1e8;border-color:#dfd1bb}button.field-help:focus-visible{outline-offset:2px;outline:3px solid #f1d1d5}.tooltip-content{color:#f7fbf8;z-index:40;background:#213228;border-radius:12px;max-width:280px;padding:12px 14px;font-size:.9rem;line-height:1.45;box-shadow:0 18px 38px #101c163d}.tooltip-content strong{color:#fff4ce}.tooltip-arrow{fill:#213228}.field-wide{grid-column:1/-1}.preset-section-header{justify-content:space-between;align-items:center;display:flex}.preset-section-title{color:#53645a;font-size:.9rem;font-weight:700}.preset-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.preview-card{background:#fff;border:1px solid #c5d0c9;border-radius:8px;overflow:hidden}.preview-card-header{border-bottom:1px solid #d7dfda;gap:4px;padding:14px;display:grid}.preview-output-card .preview{border:0;border-radius:0}.preview-card-compact .preview,.preview-card-compact .preview iframe,.preview-card-compact .empty-preview{min-height:360px}.preview-error{border-radius:0;margin:0}.section-title{margin:4px 0 0;font-size:clamp(1.35rem,2.8vw,2rem);line-height:1.1}.error,.result{border-radius:6px;margin:0;padding:12px}.error{color:#9b1422;background:#fff0f0}.result{color:#1d6036;background:#e4f6eb}.preview{background:#dfe5e1;border:1px solid #c5d0c9;border-radius:8px;min-height:680px;position:relative;overflow:hidden}.preview iframe{border:0;width:100%;height:100%;min-height:680px;display:block}.empty-preview,.preview-overlay{color:#506157;justify-content:center;align-items:center;font-weight:700;display:flex}.empty-preview{height:100%;min-height:680px}.preview-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#eef1efb8;position:absolute;inset:0}.modal-backdrop{z-index:20;background:#0f18138c;padding:28px;position:fixed;inset:0}.modal-shell{background:#eef1ef;border:1px solid #bfcac3;border-radius:18px;flex-direction:column;max-width:1240px;max-height:calc(100vh - 56px);margin:0 auto;display:flex;overflow:hidden;box-shadow:0 28px 80px #0e181347}.modal-header{background:#fff;border-bottom:1px solid #d8e0db;justify-content:space-between;align-items:start;gap:18px;padding:20px 22px;display:flex}.modal-close{appearance:none;color:#415449;background:#fff;border:1px solid #cad4ce;border-radius:999px;flex:none;width:38px;height:38px;min-height:38px;padding:0}button.modal-close:hover:not(:disabled),button.modal-close:active:not(:disabled){color:#415449;background:#fff;border-color:#cad4ce}.modal-content-grid{grid-template-columns:minmax(420px,1.25fr) minmax(320px,.95fr);gap:18px;padding:18px;display:grid;overflow:auto}.modal-preview-column,.modal-side-column{flex-direction:column;gap:18px;display:flex}.source-preview-shell{background:#dfe5e1;padding:16px}.source-preview-frame{background:#fff;border:1px solid #cad4ce;border-radius:8px;max-width:100%;margin:0 auto;position:relative;overflow:hidden}.source-preview-image{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.source-preview-empty{min-height:360px}.crop-box{cursor:move;touch-action:none;border:2px solid #b80f22;position:absolute;box-shadow:0 0 0 1px #ffffffbf,inset 0 0 0 9999px #b80f220f}.crop-box-label{color:#fff;background:#b80f22;border-radius:999px;padding:6px 8px;font-size:.76rem;font-weight:800;line-height:1;position:absolute;top:10px;left:10px}.crop-handle{background:#fff;border:2px solid #b80f22;border-radius:999px;width:14px;height:14px;position:absolute}.crop-handle-nw{cursor:nwse-resize;top:-8px;left:-8px}.crop-handle-ne{cursor:nesw-resize;top:-8px;right:-8px}.crop-handle-sw{cursor:nesw-resize;bottom:-8px;left:-8px}.crop-handle-se{cursor:nwse-resize;bottom:-8px;right:-8px}.aspect-lock-toggle{appearance:none;color:#725c3d;background:#f8f4eb;border:1px solid #ddcfb6;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;min-height:32px;padding:0;display:inline-flex}.aspect-lock-toggle.is-active{color:#65481e;background:#efe1c8;border-color:#caa870}button.aspect-lock-toggle:hover:not(:disabled),button.aspect-lock-toggle:active:not(:disabled){color:#725c3d;background:#f8f4eb;border-color:#ddcfb6}button.aspect-lock-toggle.is-active:hover:not(:disabled),button.aspect-lock-toggle.is-active:active:not(:disabled){color:#65481e;background:#efe1c8;border-color:#caa870}button.aspect-lock-toggle:focus-visible{outline-offset:2px;outline:3px solid #f1d1d5}@media (width<=920px){.happy-path-grid,.modal-content-grid{grid-template-columns:minmax(0,1fr)}.preview,.preview iframe,.empty-preview{min-height:520px}}@media (width<=640px){.app-shell{padding:18px}.header{flex-direction:column;align-items:flex-start}.hero-copy{gap:12px}.hero-mark{width:48px;height:48px}.actions,.preset-toolbar,.preset-actions,.preset-editor-grid{grid-template-columns:minmax(0,1fr)}.source-preview-shell{padding:12px}.modal-backdrop{padding:14px}.modal-shell{max-height:calc(100vh - 28px)}.modal-header{padding:16px 16px 14px}}