:root{color:#211814;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#171413;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:#fff6ef;cursor:pointer;background:#29211f;border:0;border-radius:14px;padding:12px 14px;font-weight:800}button:disabled{cursor:not-allowed;opacity:.45}.app{grid-template-columns:minmax(320px,390px) 1fr;min-height:100vh;display:grid}.sidebar{background:#fff7ef;border-right:1px solid #2e21181f;max-height:100vh;padding:26px;overflow:auto;box-shadow:18px 0 60px #0000002e}.sidebar header{margin-bottom:24px}.eyebrow{color:#b95f45;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}h1{letter-spacing:-.04em;margin:0;font-size:30px;line-height:.96}h2{letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;font-size:13px}.panel{background:#ffffff9e;border:1px solid #2e21181a;border-radius:20px;margin-bottom:14px;padding:16px}label{color:#211814b8;gap:7px;margin-bottom:12px;font-size:12px;font-weight:800;display:grid}input,select,textarea{color:#211814;background:#fffaf5;border:1px solid #2e211829;border-radius:12px;width:100%;min-height:38px;padding:9px 10px}input[type=color]{padding:4px}input[type=range]{accent-color:#b95f45;padding:0}textarea{resize:vertical}.checkbox{align-items:center;gap:10px;display:flex}.checkbox input{width:auto;min-height:auto}.grid-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.export-actions{gap:10px;margin:10px 0 26px;display:grid}.export-actions button,.import-settings{width:100%}.export{background:linear-gradient(135deg,#2b1d19,#b95f45);width:100%;font-size:16px;box-shadow:0 18px 40px #b95f4542}.import-settings{color:#fff6ef;cursor:pointer;background:#29211f;border-radius:14px;justify-content:center;align-items:center;min-height:43px;margin:0;padding:12px 14px;font-size:13px;font-weight:800;display:flex}.import-settings input{display:none}.workspace{background:radial-gradient(circle at 20% 10%,#ffe0c747,#0000 28%),radial-gradient(circle at 90% 80%,#7f6dff33,#0000 30%),#171413;grid-template-rows:auto 1fr;place-items:center;min-width:0;padding:28px;display:grid;overflow:auto}.toolbar{color:#fff7ef;opacity:.88;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.toolbar span{color:#fff7efad}.stage{touch-action:none;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000070}.background-image{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fit-cover{object-fit:cover}.fit-contain{object-fit:contain}.fit-stretch{object-fit:fill}.drop-hint{color:#ffffffdb;letter-spacing:-.03em;transform-origin:0 0;border:2px dashed #ffffff8f;border-radius:42px;justify-content:center;align-items:center;width:760px;height:420px;font-size:38px;font-weight:900;display:flex;position:absolute;top:58%;left:50%;translate:-50% -50%}.screen-clip,.screenshot-layer,.frame-layer,.text-layer{-webkit-user-select:none;user-select:none;position:absolute}.screen-clip{z-index:2;overflow:hidden}.screenshot-layer{cursor:grab;z-index:2}.screenshot-layer.clipped{z-index:auto}.text-layer{cursor:grab;letter-spacing:-.055em;white-space:pre-wrap;z-index:4;font-weight:800}.text-subtext{letter-spacing:-.025em;font-weight:700}.rich-line{display:block}.frame-layer{cursor:grab;pointer-events:auto;z-index:3}.mask-debug{pointer-events:none;z-index:5;border:2px solid #ff3030f2;position:absolute;box-shadow:inset 0 0 0 9999px #ff30301f}.snap-guide{pointer-events:none;z-index:6;background:#ffffffd1;position:absolute;box-shadow:0 0 18px #ffffff8a}.snap-guide-x{width:2px;top:0;bottom:0;left:50%;translate:-50%}.snap-guide-y{height:2px;top:50%;left:0;right:0;translate:0 -50%}@media (width<=920px){.app{grid-template-columns:1fr}.sidebar{border-right:0;max-height:none}.workspace{min-height:70vh;padding:18px}}