:root{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#28231f;background:#f7f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}.topbar{height:72px;border-bottom:1px solid #e6e2d8;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1120px)/2))}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:700;font-size:19px;letter-spacing:-.7px}.brand-mark{color:#e2704d;font-size:26px}.brand-light{font-weight:400;color:#80786e}.saved{font-size:12px;color:#777168;display:flex;align-items:center;gap:8px}.saved i{width:7px;height:7px;background:#86a77c;border-radius:50%}.layout{width:min(920px,calc(100% - 36px));margin:58px auto 30px}.intro{text-align:center;margin-bottom:35px}.eyebrow,footer{font:500 10px ui-monospace,monospace;letter-spacing:1.5px;color:#9b9285}.intro h1{font-size:46px;line-height:1.08;letter-spacing:-2.2px;margin:12px 0 13px}.intro h1 em{font-family:Georgia,serif;color:#d97858}.intro p{margin:0 auto;color:#81796f;max-width:450px;font-size:14px;line-height:1.65}.studio{background:#fff;border:1px solid #e9e5dc;border-radius:12px;padding:16px;box-shadow:0 15px 45px #4639210c}.toolbar{height:44px;display:flex;align-items:center;gap:13px;padding:0 4px 12px}.tools{display:flex;gap:5px}.tool{width:34px;height:32px;border:0;border-radius:6px;background:transparent;color:#777168;font-size:19px;cursor:pointer}.tool.active{color:#d97858;background:#fbede7}.divider{height:22px;width:1px;background:#eee9df}.color-control{position:relative;display:flex;align-items:center;cursor:pointer}.color-control input{position:absolute;opacity:0;width:30px;height:30px;cursor:pointer}.color-control span{width:20px;height:20px;border:3px solid white;outline:1px solid #ded8ce;background:#28231f;border-radius:50%}.size-control{display:flex;align-items:center;gap:8px;font:10px ui-monospace,monospace;color:#938b7f}.size-control input{width:90px;accent-color:#d97858}.size-control b{font-weight:500;min-width:16px;color:#544e47}.toolbar-spacer{flex:1}.text-btn,.export-btn{border:0;background:transparent;padding:8px 10px;font:500 12px ui-sans-serif,system-ui,sans-serif;color:#82796e;cursor:pointer}.export-btn{background:#29241f;color:#fff;border-radius:6px;padding:9px 14px}.export-btn span{font-size:15px;margin-right:5px}.canvas-wrap{position:relative;background:#fffefa;border:1px solid #f0ece4;border-radius:7px;overflow:hidden;height:min(52vw,420px);min-height:280px}.canvas-wrap canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.canvas-hint{position:absolute;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);font:italic 14px Georgia,serif;color:#c7c0b5}.studio-foot{display:flex;justify-content:space-between;padding:11px 4px 0;color:#aaa195;font-size:10px}.studio-foot kbd{font:10px ui-monospace,monospace;background:#f5f2ec;padding:3px 5px;border-radius:3px;color:#82796e}.prompt-card{display:flex;gap:14px;align-items:flex-start;background:#f0ede5;border-radius:9px;padding:16px 19px;margin:19px auto 0;max-width:560px}.sparkle{font-size:21px;color:#d97858}.prompt-card strong{font-size:13px}.prompt-card p{font-size:12px;color:#81796f;margin:4px 0 0;line-height:1.5}footer{display:flex;justify-content:center;gap:8px;margin:40px 0 0;font-size:9px}footer span{color:#d97858}@media(max-width:600px){.topbar{height:60px;padding:0 18px}.layout{margin-top:37px}.intro h1{font-size:38px}.intro p{font-size:13px}.studio{padding:10px}.toolbar{gap:8px}.size-control input{width:58px}.size-control{gap:5px}.canvas-wrap{min-height:310px;height:67vh;max-height:520px}.studio-foot span:last-child{max-width:130px;text-align:right}}