:root{font-family:Georgia,'Times New Roman',serif;color:#47383b;background:#f5f0e7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;background:radial-gradient(circle at 85% 0,#ffebdc,#f5f0e7 55%)}header{height:76px;padding:0 clamp(20px,4vw,65px);border-bottom:1px solid #6e4c4720;display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{text-decoration:none;font-size:26px;font-weight:700;letter-spacing:-.06em}.brand em{color:#c17e67;font-weight:400}.header-actions{display:flex;gap:8px}.header-actions button,.small-actions button{border:1px solid #cdbbb0;border-radius:8px;padding:9px 12px;background:#fffaf1;color:#5b4b47;font-family:Arial,sans-serif;font-size:12px}.header-actions button:last-child{background:#604841;color:#fff;border-color:#604841}main{max-width:1550px;margin:auto;padding:0 clamp(20px,4vw,65px) 80px}.intro{padding:40px 0 28px}.eyebrow{font-family:Arial,sans-serif;color:#aa8179;font-size:10px;font-weight:800;letter-spacing:.19em}.intro h1{font-size:clamp(45px,6vw,83px);line-height:1.04;letter-spacing:-.06em;margin:12px 0}.intro h1 em{font-weight:400;color:#af7774}.intro p{font:14px/1.6 Arial,sans-serif;color:#816f6d;max-width:600px;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.art-shell{position:relative;padding:12px;background:#fffaf2;border:1px solid #e7d8ce;border-radius:15px;box-shadow:0 18px 55px #74565320}.art-shell canvas{display:block;width:100%;height:auto;border-radius:7px;touch-action:none;cursor:crosshair}.art-hint{position:absolute;left:26px;bottom:26px;background:#fff9;border-radius:20px;padding:8px 13px;font:11px Arial,sans-serif;color:#6d5a57;pointer-events:none}aside{background:#fcf8f0;border:1px solid #e7d8ce;border-radius:15px;padding:21px;font-family:Arial,sans-serif;box-shadow:0 10px 25px #74565312}.aside-head span{font-size:10px;font-weight:800;color:#b38c7f;letter-spacing:.17em}.aside-head h2{font:24px Georgia,serif;letter-spacing:-.04em;margin:6px 0 22px}aside label{display:block;color:#655551;font-size:12px;font-weight:650;margin:17px 0}aside label span{float:right;color:#9a8179}aside select{display:block;width:100%;margin-top:8px;padding:9px;border:1px solid #dfd1c7;background:#fffdf8;border-radius:8px;color:#493c38}aside input[type=color]{display:block;width:100%;height:40px;border:0;background:transparent;margin-top:5px}aside input[type=range]{display:block;width:100%;accent-color:#b98579;margin:10px 0 0}.small-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:25px}.small-actions button:last-child{grid-column:1/-1}.aside-note{font:11px/1.5 Arial,sans-serif;color:#9b8279;border-top:1px solid #e5d8d0;margin-top:23px;padding-top:14px}footer{padding:27px clamp(20px,4vw,65px);border-top:1px solid #6e4c4720;font:11px Arial,sans-serif;color:#967b77;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}footer a{color:#8a5b58}@media(max-width:900px){.workspace{grid-template-columns:1fr}aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.aside-head,.small-actions,.aside-note{grid-column:1/-1}}@media(max-width:600px){header{height:auto;min-height:70px;flex-wrap:wrap;padding-block:12px}.header-actions{width:100%;justify-content:space-between}.header-actions button{padding:8px}.intro{padding:35px 0 25px}aside{display:block}}