.reactEasyCrop_Container{position:absolute;inset:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;display:flex;justify-content:center;align-items:center}.reactEasyCrop_Image,.reactEasyCrop_Video{will-change:transform}.reactEasyCrop_Contain{max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0}.reactEasyCrop_Cover_Horizontal{width:100%;height:auto}.reactEasyCrop_Cover_Vertical{width:auto;height:100%}.reactEasyCrop_CropArea{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.5);box-sizing:border-box;box-shadow:0 0 0 9999em;color:#00000080;overflow:hidden}.reactEasyCrop_CropAreaRound{border-radius:50%}.reactEasyCrop_CropAreaGrid:before{content:" ";box-sizing:border-box;position:absolute;border:1px solid rgba(255,255,255,.5);inset:0 33.33%;border-top:0;border-bottom:0}.reactEasyCrop_CropAreaGrid:after{content:" ";box-sizing:border-box;position:absolute;border:1px solid rgba(255,255,255,.5);inset:33.33% 0;border-left:0;border-right:0}:root{font-family:SF Pro Display,SF Pro Text,Helvetica Neue,-apple-system,BlinkMacSystemFont,sans-serif;color:#1d1d1f;background:radial-gradient(circle at top left,rgba(255,255,255,.92),transparent 34%),linear-gradient(180deg,#f5f5f7,#ececf1);color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}.shell{width:min(1220px,calc(100vw - 32px));margin:0 auto;padding:28px 0 44px}.page-intro{margin-bottom:18px}.eyebrow,.panel-kicker{margin:0 0 8px;color:#8e8e93;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.page-intro h1,.sidebar-panel h2,.editor-panel h2,.size-card h3{margin:0;color:#1d1d1f;letter-spacing:-.03em}.page-intro h1{font-size:clamp(2rem,3.8vw,3.35rem);font-weight:700;line-height:1.02}.hero-copy,.dropzone p,.empty-preview p,.preview-meta p,.size-card p,.crop-placeholder p,.status-line{margin:6px 0 0;color:#6e6e73;line-height:1.45}.hero-copy{max-width:640px;font-size:.98rem}.workspace-sheet{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;padding:18px;background:#ffffffc7;border:1px solid rgba(255,255,255,.75);border-radius:28px;box-shadow:0 18px 60px #0f172a14,inset 0 1px #ffffffb3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-panel,.editor-panel{min-width:0}.sidebar-panel{display:grid;align-content:start;gap:14px}.sidebar-header,.editor-topbar,.sidebar-actions{display:flex;gap:12px;justify-content:space-between;align-items:center}.sidebar-panel h2,.editor-panel h2{font-size:1.2rem;font-weight:700}.primary-button,.secondary-button,.ghost-button,.preset-button,.template-button{border:0;border-radius:999px;transition:background .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}.primary-button{background:#0071e3;color:#fff;padding:10px 15px;font-size:.9rem;font-weight:600}.secondary-button,.ghost-button,.preset-button,.template-button{background:#f2f2f7;color:#1d1d1f;padding:9px 14px;font-size:.88rem;font-weight:500}.ghost-button{padding:8px 12px;color:#0071e3;background:#f5f8ff}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.48}.format-toolbar,.preset-list,.custom-aspect,.template-menu,.format-list{display:flex;gap:8px;flex-wrap:wrap}.chip-toggle{position:relative;overflow:hidden;border-radius:999px}.chip-toggle input{position:absolute;inset:0;opacity:0}.chip-toggle span{display:inline-flex;padding:8px 12px;background:#f2f2f7;color:#3a3a3c;border-radius:999px;font-size:.84rem;font-weight:600}.chip-toggle input:checked+span,.preset-button.active{background:#1d1d1f;color:#fff}.empty-preview,.size-card,.dropzone,.crop-stage{background:#fff;border:1px solid #e8e8ed;border-radius:22px}.empty-preview{padding:16px}.empty-preview strong,.dropzone strong,.crop-placeholder strong{display:block;font-size:.98rem}.size-list{display:grid;gap:12px}.size-card{padding:14px}.size-card-header{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.size-card h3{font-size:1rem;font-weight:700}.size-card p{font-size:.86rem}.aspect-badge{height:fit-content;border-radius:999px;background:#f5f5f7;color:#6e6e73;padding:6px 9px;font-size:.72rem;font-weight:600}.format-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0}.preview-thumb{width:44px;height:44px;border-radius:12px;background:#f8f8fb;border:1px solid #ececf0;display:grid;place-items:center;overflow:hidden}.preview-thumb img{width:100%;height:100%;object-fit:contain}.thumb-placeholder{color:#8e8e93;font-size:.66rem;font-weight:700;letter-spacing:.04em}.preview-meta strong{display:block;color:#1d1d1f;font-size:.82rem}.preview-meta p{font-size:.8rem}.status-line{font-size:.84rem}.editor-panel{display:grid;gap:14px;padding:10px 4px 4px 0}.choose-button{white-space:nowrap}.dropzone{padding:18px 18px 16px;background:linear-gradient(180deg,#fafafcf5,#fff),#fff}.dropzone-active{border-color:#0071e3;box-shadow:0 0 0 4px #0071e314}.editor-controls{display:grid;gap:12px;padding:0 2px}.preset-button{padding:8px 12px}.custom-aspect label,.zoom-control{display:grid;gap:6px;color:#3a3a3c;font-size:.84rem;font-weight:600}.custom-aspect input{width:110px}.custom-aspect input,.zoom-control input{border:1px solid #dedee3;border-radius:14px;background:#fff;color:#1d1d1f;padding:9px 11px}.zoom-control input[type=range]{padding:0}.crop-stage{position:relative;min-height:520px;overflow:hidden;background:linear-gradient(180deg,#f9f9fb,#f2f2f7),#fff}.crop-placeholder{display:grid;place-items:center;min-height:520px;text-align:center;padding:28px}@media(max-width:1080px){.workspace-sheet{grid-template-columns:1fr}.editor-panel{padding:0}.crop-stage,.crop-placeholder{min-height:380px}}@media(max-width:680px){.shell{width:min(100vw - 20px,1220px);padding-top:18px}.workspace-sheet{padding:14px;border-radius:24px}.sidebar-header,.editor-topbar,.sidebar-actions,.size-card-header{display:grid;grid-template-columns:1fr}.format-row{grid-template-columns:44px 1fr}.ghost-button{grid-column:2;justify-self:start}.crop-stage,.crop-placeholder{min-height:320px}}